.purchase-body{padding:24px;display:grid;gap:20px}.purchase-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.purchase-metrics article{padding:18px;border:1px solid var(--customer-line,#d8e0e8);border-radius:12px;background:var(--customer-soft,#f3f6fa);color:var(--ink,#152235);display:grid;gap:10px;align-content:start}.purchase-metrics small{font-size:11px;letter-spacing:.035em}.purchase-metrics strong{font-size:20px;line-height:1.3;color:inherit;overflow-wrap:anywhere}.purchase-metrics span,.purchase-metrics p{font-size:12px;margin:0;color:inherit;opacity:.8}.purchase-form{display:grid;gap:16px;padding:20px;border:1px solid var(--customer-line,#d8e0e8);border-radius:12px}.purchase-form h3{margin:0}.purchase-form label{display:grid;gap:8px;font-size:13px}.purchase-form .purchase-check{display:flex;align-items:center;gap:10px}.purchase-check input{width:18px;height:18px;flex-shrink:0}.purchase-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.purchase-note{font-size:13px;line-height:1.65;color:var(--muted,#596778);margin:0}.purchase-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.purchase-items{display:grid;gap:12px}.purchase-item{display:grid;gap:8px;padding:18px;border:1px solid var(--customer-line,#d8e0e8);border-radius:12px;text-align:left;background:var(--customer-surface,#fff);color:var(--ink,#152235)}.purchase-item small{font-size:12px;color:var(--muted,#596778)}.purchase-lines{display:grid;gap:12px}.purchase-lines article{border-bottom:1px solid var(--customer-line,#d8e0e8);padding:12px 0;font-size:13px}.purchase-lines strong,.purchase-lines small{display:block;margin:4px 0}.purchase-approvers{max-height:220px;overflow:auto;display:grid;gap:10px}.purchase-status{padding:16px;border-radius:10px;background:var(--customer-tint,#eaf2fc);font-size:13px;line-height:1.65}.purchase-events{max-height:260px;overflow:auto;font-size:12px}.purchase-events article{padding:12px;border-bottom:1px solid var(--customer-line,#d8e0e8)}.purchase-form button,.purchase-toolbar button{justify-self:start}.purchase-staff .purchase-metrics article{background:#eef3f8;color:#142438}.purchase-staff .purchase-form{border-color:#60738966}.purchase-staff .purchase-note{color:inherit;opacity:.75}.purchase-staff .purchase-body{padding:20px 0}.purchase-staff .purchase-form input:not([type=checkbox]){min-height:42px;width:100%}.purchase-staff .purchase-form input[type=checkbox]{width:18px;min-height:18px}.purchase-staff button{min-height:40px}
@media(max-width:650px){.purchase-body{padding:20px 16px}.purchase-metrics{grid-template-columns:1fr}.purchase-fields{grid-template-columns:1fr}.purchase-form{padding:16px}.purchase-metrics strong{font-size:20px}.purchase-toolbar button{flex:1}.purchase-staff .purchase-body{padding:16px 0}}