#procurement-view{--supply-ink:#183d50;--supply-muted:#6b7d89;--supply-line:#e1e9ed}
.supply-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:5px 0 24px}.supply-heading h2{font-size:1.8rem;letter-spacing:-.035em;margin:7px 0}.supply-heading p{line-height:1.6;font-size:.9rem}
.supply-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:26px}.supply-metric{padding:20px 22px;border:1px solid var(--supply-line);background:#fff;border-radius:16px;box-shadow:0 3px 15px #183d5005}.supply-metric>span{font-size:.82rem;color:var(--supply-muted)}.supply-metric>strong{display:block;font-size:1.9rem;font-weight:650;letter-spacing:-.03em;color:var(--supply-ink);margin:10px 0}.supply-metric strong small{font-size:.75rem;color:var(--supply-muted);font-weight:500;letter-spacing:0}.supply-metric p{font-size:.77rem}
.supply-tabs{display:flex;gap:5px;overflow-x:auto;border-bottom:1px solid #d5e1e7;padding:0 0 0;margin-bottom:24px;scrollbar-width:thin}.supply-tabs button{flex-shrink:0;display:flex;align-items:center;gap:8px;min-height:54px;padding:12px 15px;background:transparent;border:0;border-bottom:3px solid transparent;border-radius:9px 9px 0 0;color:#617682;font-size:.86rem;font-weight:600;white-space:nowrap}.supply-tabs button[aria-selected=true]{background:#eaf3f2;color:#087c78;border-bottom-color:#087c78}.supply-tabs button span{display:inline-grid;place-items:center;min-width:23px;padding:2px 6px;background:#e3eaee;border-radius:6px;font-size:.72rem}.supply-tabs button[aria-selected=true] span{background:#d5e9e6}.supply-tabs button:focus-visible{outline:2px solid #087c78;outline-offset:-3px}
.supply-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.supply-panel-heading h3{font-size:1.13rem;letter-spacing:-.015em}.supply-panel-heading p{font-size:.84rem;line-height:1.6;margin-top:6px}.supply-panel a.quiet{display:inline-flex;align-items:center;text-decoration:none;font-size:.82rem}.supply-empty{padding:38px 24px;text-align:center;background:#fff;border:1px dashed #cfdde3;border-radius:14px}.supply-empty strong{font-size:1rem;color:#365360;font-weight:600}.supply-empty p{font-size:.84rem;line-height:1.7;margin-top:8px}
.supply-order,.supply-group,#procurement-list .procurement-group{background:white;border:1px solid var(--supply-line);border-radius:16px;padding:22px;margin-bottom:16px;box-shadow:0 3px 15px #183d5005}.supply-order-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:20px}.supply-kicker{font-size:.65rem;letter-spacing:.08em;color:var(--supply-muted);font-weight:600}.supply-order-heading h4{font-size:1.25rem;margin:7px 0;color:var(--supply-ink)}.supply-order-heading p{font-size:.81rem;line-height:1.7;overflow-wrap:anywhere}.supply-order-total{display:grid;gap:9px;justify-items:end;flex-shrink:0}.supply-order-total>strong{font-size:1.25rem;color:var(--supply-ink);font-weight:650}.supply-status{font-size:.72rem;background:#edf2f5;padding:5px 10px;border-radius:6px;color:#56707e}.supply-status.is-open{background:#e3f3ec;color:#277355}.supply-allocations>summary{font-size:.85rem;color:#526d7b;cursor:pointer;margin-bottom:12px}.supply-ledger{border:1px solid #e5ecef;border-radius:10px;overflow:hidden;background:#fff}.supply-ledger-row{display:grid;grid-template-columns:minmax(100px,.65fr) minmax(0,2fr) auto;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid #edf1f3;font-size:.82rem}.supply-ledger-row:last-child{border:0}.supply-ledger-row strong{font-weight:600;overflow-wrap:anywhere}.supply-ledger-row p{font-size:.76rem;margin-top:5px}.supply-ledger-row small{color:var(--supply-muted)}.supply-order-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid var(--supply-line)}.supply-order-actions .primary{margin-left:auto;font-size:.82rem}.supply-subheading{font-size:.93rem;color:#4f6775;margin:25px 0 14px}.supply-group h4{margin:0 0 10px;font-size:1.08rem}.supply-panel .supply-line{padding:16px 0;font-size:.86rem}.supply-panel .supply-line p{font-size:.81rem;line-height:1.6}.supply-panel .supply-urgent{background:#fff8f4;border-left:3px solid #d79860;padding-left:14px;border-radius:7px}.supply-panel .supply-urgent strong{color:#885127}.supply-receive{width:100%;padding:14px;background:#f5f8f9;border-radius:9px}.supply-receive label:not(.check){display:grid;gap:6px}.supply-receive input[type=number]{border:1px solid #c9d8df;border-radius:7px;padding:9px}.supply-panel .purchase-order{margin-top:18px}.supply-panel .supply-line small{color:var(--supply-muted)}#supply-suppliers{padding:0 20px;background:#fff;border:1px solid var(--supply-line);border-radius:14px}#supplier-editor{margin-top:18px}
@media(max-width:850px){.supply-overview{gap:8px}.supply-metric{padding:16px}.supply-tabs button{padding:12px 10px;font-size:.8rem}}
@media(max-width:600px){.supply-heading{gap:10px;align-items:start;margin-bottom:18px}.supply-heading h2{font-size:1.45rem}.supply-heading p{font-size:.8rem}.supply-heading button{padding:8px;font-size:.78rem}.supply-overview{grid-template-columns:1fr;gap:7px;margin-bottom:18px}.supply-metric{padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}.supply-metric>strong{font-size:1.3rem;margin:0;grid-column:2;grid-row:1 / 3}.supply-metric p{grid-column:1}.supply-panel-heading{flex-wrap:wrap}.supply-order,.supply-group,#procurement-list .procurement-group{padding:15px;border-radius:12px}.supply-order-heading{gap:8px}.supply-order-heading h4{font-size:1.05rem}.supply-order-total>strong{font-size:1.05rem}.supply-ledger-row{grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:12px}.supply-allocations .supply-ledger-row>strong{grid-column:1 / -1;grid-row:2}.supply-order-actions .primary{margin-left:0;width:100%}.supply-receive{gap:12px}.supply-receive button{width:100%}.supply-empty{padding:26px 15px}}