:root{color-scheme:light;--ink:#203834;--muted:#6d7d75;--paper:#f4f5f0;--panel:#fff;--line:#e1e7df;--teal:#126c5b;--teal-soft:#e9f4ed;--gold:#b28039;--danger:#a33c30;--shadow:0 10px 40px #1d382309;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--teal);text-decoration:none}button{border:0;border-radius:8px;font-weight:650}button:disabled{opacity:.48;cursor:wait}input,select,textarea{border:1px solid var(--line);border-radius:7px;padding:10px;background:var(--panel);color:var(--ink);max-width:100%}button.primary,a.primary{display:inline-flex;align-items:center;justify-content:center;background:var(--teal);color:#fff;padding:12px 18px;white-space:nowrap}.secondary{background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:10px 15px}.danger{color:var(--danger);background:transparent;padding:10px}.hidden{display:none!important}.purchase-topbar{height:88px;padding:12px 4%;display:flex;justify-content:space-between;align-items:center;background:var(--panel);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:16px;color:var(--ink)}.brand img{width:85px;height:62px;object-fit:contain}.brand span{border-left:1px solid var(--line);padding-left:17px}.brand b,.brand small{display:block}.brand b{font-size:15px}.brand small{color:var(--muted);margin-top:6px;font-size:12px}.purchase-topbar nav{display:flex;align-items:center;gap:15px;font-size:13px}.purchase-topbar nav button{background:var(--paper);color:var(--ink);padding:9px 12px}.staff-name{border-left:1px solid var(--line);padding-left:17px;color:var(--muted)}.purchase-shell{max-width:1540px;margin:auto;padding:38px 4% 25px}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{letter-spacing:1.8px;font-size:10px;font-weight:800;color:var(--teal);margin:0 0 10px}.page-title h1{font-size:clamp(25px,2.4vw,36px);font-weight:650;letter-spacing:-1px;margin:0 0 10px}.page-title p:not(.eyebrow){color:var(--muted);font-size:14px;margin:0;line-height:1.55}.purchase-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:24px;padding:20px 0;box-shadow:var(--shadow)}.metric{padding:0 25px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric small{display:block;color:var(--muted);font-size:12px;margin-bottom:10px}.metric strong{font-size:27px;font-weight:600;letter-spacing:-1px}.metric .metric-note{font-size:11px;color:var(--muted);margin-left:8px;letter-spacing:0}.reorder-strip{display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--teal-soft);border:1px solid #d6e8d9;border-radius:12px;padding:22px;margin-bottom:28px}.reorder-strip>div:first-child{display:flex;align-items:center;gap:15px}.feature-icon{font-size:32px;color:var(--teal);background:var(--panel);border:1px solid var(--line);border-radius:12px;width:52px;height:52px;display:grid;place-items:center}.reorder-strip h2{font-size:16px;margin:0 0 6px}.reorder-strip p{font-size:12px;line-height:1.5;max-width:360px;color:var(--muted);margin:0}.reorder-controls{display:flex;align-items:end;gap:13px}.reorder-controls label>span:first-child{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);display:block;margin-bottom:6px}.reorder-controls select{font-size:12px;min-width:125px;padding:11px}.reorder-controls .check-label{display:flex;align-items:center;gap:6px;font-size:11px;max-width:125px;line-height:1.4;padding:8px 0}.check-label input{accent-color:var(--teal)}.purchase-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;align-items:start}.purchase-queue{min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:4px 0 17px}.section-heading h2{font-size:17px;font-weight:600;margin:0}.count-pill{border-radius:20px;background:#e6ece4;padding:4px 9px;font-size:11px}.queue-filters{display:flex;gap:6px;margin-bottom:13px}.queue-filters button{font-size:12px;background:transparent;color:var(--muted);padding:7px 13px}.queue-filters button.active{background:var(--ink);color:var(--panel)}.list-queue{display:flex;flex-direction:column;gap:9px;max-height:570px;overflow:auto}.purchase-card{display:block;text-align:left;background:var(--panel);padding:17px;width:100%;border:1px solid var(--line);color:var(--ink);border-radius:10px}.purchase-card.active{border-color:var(--teal);box-shadow:inset 3px 0 0 var(--teal);background:var(--teal-soft)}.purchase-card .card-top,.purchase-card .card-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center}.card-top>b{font-size:12px}.card-top small{color:var(--muted);font-size:10px}.purchase-card>p{font-size:11px;font-weight:400;color:var(--muted);margin:9px 0 13px}.card-bottom>b{font-size:15px}.status{display:inline-flex;align-items:center;border-radius:5px;padding:5px 7px;font-size:10px;font-weight:600;text-transform:none;background:#edf0eb;color:#627066;white-space:nowrap}.status.quoted{background:#fff0cd;color:#96631e}.status.approved,.status.picking,.status.picked,.status.packed{background:#e3eeff;color:#496587}.status.completed,.status.received{background:#e0f2e3;color:#377443}.status.cancelled{background:#fbe8e3;color:#9c574a}.supplier-suggestions{margin-top:30px}.supplier-suggestions h3{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:13px}.push-card{padding:15px;border:1px solid var(--line);border-radius:9px;background:var(--panel);margin-bottom:10px}.push-card .tag{color:var(--gold);font-size:9px;letter-spacing:1px;font-weight:800}.push-card h4{font-size:13px;margin:8px 0}.push-card p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.push-card small{display:block;margin-top:10px;color:var(--teal);font-size:10px}.purchase-detail{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);min-width:0;min-height:520px;overflow:hidden}.empty-state{text-align:center;max-width:390px;margin:85px auto;padding:25px}.empty-state>span{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:var(--teal-soft);color:var(--teal);font-size:30px;margin:0 auto 22px}.empty-state h2{font-size:20px;letter-spacing:-.5px}.empty-state p{color:var(--muted);font-size:13px;line-height:1.7}.detail-head{display:flex;justify-content:space-between;align-items:start;padding:24px;gap:15px}.detail-head h2{font-size:21px;margin:0 0 6px;letter-spacing:-.5px}.detail-head p:not(.eyebrow){font-size:11px;color:var(--muted);margin:0;line-height:1.5}.detail-head .status{padding:7px 10px}.stepper{display:flex;margin:0 24px 22px;padding:0 0 21px;border-bottom:1px solid var(--line)}.step{flex:1;position:relative;font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center}.step:not(:last-child):after{content:"";height:1px;background:var(--line);flex:1;margin:0 8px}.step span{display:grid;place-items:center;flex:none;width:19px;height:19px;border-radius:50%;background:var(--paper);font-size:9px}.step.done{color:var(--teal)}.step.done span{background:var(--teal);color:#fff}.detail-body{padding:0 24px 24px}.detail-notice{padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:12px;line-height:1.6;margin-bottom:19px;color:var(--muted)}.detail-notice.quote{background:#fff9e9;border-color:#efe2bc;color:#7c612a}.detail-notice b{display:block;color:var(--ink);margin-bottom:3px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);padding:12px 8px;background:var(--paper);font-weight:700}td{padding:15px 8px;border-bottom:1px solid var(--line);font-size:12px}th:first-child,td:first-child{padding-left:12px}td .item-name{display:block;font-weight:600;font-size:12px;min-width:155px;max-width:260px;line-height:1.5}.item-sku{display:block;font-size:10px;color:var(--muted);margin-top:4px}.item-source{display:inline-block;margin-top:6px;font-size:9px;color:var(--teal);line-height:1.4}td.number,th.number{text-align:right;white-space:nowrap}.qty-input{width:80px;text-align:right;padding:8px;font-size:12px}.short-qty{color:var(--danger);font-size:10px;display:block;margin-top:5px}.catalog-add{display:flex;gap:10px;padding:15px 0}.catalog-add select{min-width:0;flex:1;font-size:12px}.catalog-add button{flex:none}.detail-summary{display:flex;gap:22px;justify-content:space-between;margin:18px 0 23px}.detail-summary label{font-size:11px;color:var(--muted);flex:1}.detail-summary textarea{display:block;width:100%;margin-top:8px;resize:vertical;font-size:12px;line-height:1.5}.amount-summary{min-width:195px;padding-top:7px}.amount-summary>div{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);padding:7px 0}.amount-summary .total{color:var(--ink);font-size:16px;border-top:1px solid var(--line);margin-top:6px;padding-top:13px}.amount-summary .total b{font-size:23px;letter-spacing:-.6px}.detail-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--line)}.detail-actions .left{margin-right:auto}.detail-actions a{font-size:11px}.payment-release{border:1px solid var(--line);border-radius:9px;margin-top:20px;overflow:hidden}.payment-release h3{font-size:13px;margin:0;padding:14px 17px;background:var(--paper)}.payment-method{display:flex;align-items:center;gap:12px;padding:17px}.payment-method input{accent-color:var(--teal)}.payment-method>span{flex:1;font-size:12px;line-height:1.5}.payment-method small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.payment-method img{width:67px;height:25px;object-fit:contain}.payment-unavailable{padding:10px 17px;background:var(--paper);font-size:11px;color:var(--muted);line-height:1.5}.receipt-section{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.receipt-section h3,.events h3{font-size:13px;margin:0 0 13px}.receipt-entry{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.receipt-entry small{display:block;margin-top:4px;color:var(--muted)}.events{margin-top:22px}.event-row{display:flex;gap:12px;font-size:11px;margin-top:10px;line-height:1.5;color:var(--muted)}.event-row:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal);margin-top:5px;flex:none}.event-row time{margin-left:auto;font-size:10px;white-space:nowrap}.purchase-footer{display:flex;justify-content:space-between;align-items:center;margin-top:27px;color:var(--muted);font-size:10px;gap:20px;line-height:1.6}.purchase-footer img{width:85px;height:28px;object-fit:contain}.muted{color:var(--muted);font-size:12px;line-height:1.6}.gate{border:1px solid var(--line);border-radius:12px;padding:35px;background:var(--panel);margin-bottom:25px}.gate p{color:var(--muted);line-height:1.5}.gate h2{font-size:20px}#purchase-toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);background:var(--ink);color:var(--panel);border-radius:9px;z-index:100;max-width:calc(100vw - 30px);padding:14px 20px;font-size:13px;box-shadow:0 8px 30px #0002;display:none}#purchase-toast.show{display:block}#purchase-toast.error{background:var(--danger);color:white}dialog{max-width:480px;width:calc(100vw - 34px);border:1px solid var(--line);border-radius:14px;padding:25px;background:var(--panel);color:var(--ink);box-shadow:0 20px 80px #0003}dialog::backdrop{background:#10292177}dialog h2{font-size:21px;margin-top:0}dialog p{font-size:13px;line-height:1.7;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}
html[data-theme="dark"]{color-scheme:dark;--ink:#e0eae2;--muted:#a0b0a4;--paper:#14221c;--panel:#1c2c24;--line:#34463a;--teal:#6acba7;--teal-soft:#243c2c;--gold:#ddbc83;--danger:#ef9183}html[data-theme="dark"] .primary{background:#317f61;color:#fff}html[data-theme="dark"] .reorder-strip{border-color:var(--line)}html[data-theme="dark"] .count-pill{background:var(--line)}html[data-theme="dark"] .detail-notice.quote{background:#453b20;border-color:#5b4e2e;color:#dec68b}
@media(max-width:1180px){.reorder-strip{align-items:start}.reorder-controls{flex-wrap:wrap;justify-content:flex-end;max-width:330px}.reorder-controls .check-label{max-width:160px}.purchase-workspace{grid-template-columns:265px minmax(0,1fr);gap:18px}.purchase-shell{padding:28px 3%}.detail-head,.detail-body{padding-left:18px;padding-right:18px}.stepper{margin-left:18px;margin-right:18px}.step:not(:last-child):after{margin:0 5px}.staff-name{display:none}}
@media(max-width:820px){.purchase-workspace{grid-template-columns:1fr}.purchase-queue{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.section-heading{grid-column:1/-1;margin-bottom:0}.queue-filters{grid-column:1;margin:0}.list-queue{grid-column:1;grid-row:3;max-height:290px}.supplier-suggestions{grid-column:2;grid-row:2/4;margin-top:0;max-height:330px;overflow:auto}.supplier-suggestions h3{margin:8px 0 12px}.reorder-strip{flex-direction:column;gap:18px}.reorder-strip p{max-width:none}.reorder-controls{max-width:none;width:100%;justify-content:flex-start;align-items:center}.reorder-controls label{flex:1}.reorder-controls .check-label{max-width:none}.reorder-controls select{width:100%}.purchase-topbar{padding-left:3%;padding-right:3%}.page-title p:not(.eyebrow){max-width:490px}.page-title{gap:18px}.metric{padding:0 17px}}
@media(max-width:520px){.purchase-topbar{height:75px;padding:8px 14px}.brand img{width:61px;height:50px}.brand{gap:10px}.brand span{padding-left:10px}.brand b{font-size:12px}.brand small{font-size:9px}.purchase-topbar nav{gap:5px}.purchase-topbar nav a{font-size:10px;max-width:45px;text-align:center}.purchase-topbar nav button{font-size:10px;padding:8px}.purchase-shell{padding:25px 14px}.page-title{align-items:start;margin-bottom:21px}.page-title h1{font-size:27px;line-height:1.2;max-width:260px}.page-title .secondary{font-size:10px;padding:8px}.page-title p:not(.eyebrow){font-size:12px}.eyebrow{font-size:8px;letter-spacing:1.4px}.purchase-metrics{grid-template-columns:1fr 1fr;padding:0;margin-bottom:19px}.metric{padding:16px}.metric:nth-child(2){border:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.metric strong{font-size:24px}.metric small{font-size:10px}.metric .metric-note{font-size:9px;margin-left:4px}.reorder-strip{padding:16px;gap:16px}.feature-icon{width:42px;height:42px;flex:none}.reorder-strip h2{font-size:15px}.reorder-strip p{font-size:11px}.reorder-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reorder-controls>button{grid-column:1/-1;width:100%;font-size:12px}.reorder-controls label>span:first-child{font-size:9px}.reorder-controls .check-label{font-size:10px}.purchase-queue{display:block}.section-heading{margin-bottom:12px}.queue-filters{margin-bottom:10px}.list-queue{max-height:255px}.supplier-suggestions{margin-top:20px;max-height:230px}.supplier-suggestions h3{margin-bottom:10px}.purchase-card{padding:14px}.purchase-detail{margin-top:0;min-height:400px}.detail-head{padding:19px 15px}.detail-head h2{font-size:17px}.detail-head .status{font-size:9px;max-width:90px;white-space:normal;text-align:center}.stepper{margin:0 15px 18px;gap:3px;justify-content:space-between}.step{font-size:8px;flex:0;gap:4px;flex-direction:column;text-align:center}.step:not(:last-child):after{display:none}.step span{width:18px;height:18px}.detail-body{padding:0 13px 18px}.detail-notice{font-size:11px;padding:11px}.detail-summary{display:block}.amount-summary{margin-top:16px}.catalog-add select{max-width:calc(100% - 70px)}td .item-name{font-size:11px;min-width:135px}th{font-size:8px;padding:10px 7px}td{font-size:11px;padding:13px 7px}.qty-input{width:65px;font-size:11px}.detail-actions{gap:8px}.detail-actions button{font-size:11px;padding:11px 12px}.detail-actions .left{margin-right:0}.detail-actions a{font-size:10px}.detail-actions button.primary{flex:1}.payment-method{padding:13px}.payment-method>span{font-size:11px}.payment-method small{font-size:10px}.purchase-footer{align-items:start;font-size:9px}.purchase-footer img{width:67px}.empty-state{margin:55px auto}.event-row{font-size:10px}.event-row time{font-size:9px}.receipt-entry{font-size:10px}}
.demo-badge{display:inline-block;background:#fff0c7;border:1px solid #ead198;color:#805c17;padding:6px 9px;font-size:9px;letter-spacing:.7px;border-radius:5px;font-weight:800}.supplier-demo-options{padding:0 17px 17px;display:flex;justify-content:space-between;align-items:center;gap:15px}.supplier-demo-options label{font-size:10px;color:var(--muted)}.supplier-demo-options select{display:block;margin-top:6px;font-size:11px;padding:8px}.detail-notice.demo-notice{border-color:#ead198;background:#fff9e9;color:#805c17}#supplier-countdown-dialog{padding:30px;text-align:center;max-width:440px}#supplier-countdown-dialog::backdrop{background:#081d16db}.supplier-countdown-card{display:flex;flex-direction:column;align-items:center;gap:17px}.supplier-countdown-card>img{width:220px;max-width:85%;height:74px;object-fit:contain;background:#fff;border-radius:7px;padding:10px}.supplier-countdown-card>p{font-size:14px;font-weight:650;margin:2px 0;color:var(--ink)}.supplier-countdown-card>strong{display:grid;place-items:center;width:108px;height:108px;border:5px solid var(--teal);color:var(--teal);border-radius:50%;font-size:52px;font-weight:600}.supplier-countdown-card>small{font-size:11px;line-height:1.6;color:var(--muted)}@media(max-width:520px){.supplier-demo-options{align-items:start;flex-direction:column;gap:12px}.supplier-demo-options label,.supplier-demo-options select{width:100%}.supplier-countdown-card{gap:14px}.supplier-countdown-card>strong{width:90px;height:90px;font-size:42px}.demo-badge{font-size:8px;line-height:1.5}}
.return-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.return-heading h4{margin-top:0}.return-lines{margin:12px 0}.return-lines>div{display:flex;justify-content:space-between;gap:15px;font-size:11px;line-height:1.6;padding:6px 0;border-bottom:1px solid var(--line)}.return-card button{font-size:11px;margin-top:8px}
.document-body{background:#e7ebe5;color:#203834}.purchase-document{width:210mm;min-height:280mm;margin:25px auto;background:#fff;padding:18mm;color:#203834}.document-tools{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:25px}.document-tools button{padding:10px 15px;background:#126c5b;color:#fff}.document-head{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #126c5b;padding-bottom:22px}.document-head img{width:135px;height:90px;object-fit:contain}.document-head>div{text-align:right}.document-head h1{font-size:32px;margin:0 0 8px}.document-head p:last-child{font-size:13px;margin:0}.document-info{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0}.document-info small,.document-info b,.document-info span{display:block}.document-info small{font-size:8px;letter-spacing:1px;color:#6d7d75;margin-bottom:7px}.document-info b{font-size:12px}.document-info span{font-size:10px;color:#6d7d75;margin-top:5px}.purchase-document td{font-size:10px}.purchase-document th{font-size:8px}.document-total{display:flex;gap:35px;justify-content:flex-end;margin:24px 0;font-size:13px}.document-total b{font-size:20px}.document-notice{padding:15px;background:#fff6d8;font-size:12px;line-height:1.6}.document-notes{font-size:12px;line-height:1.7}.purchase-document footer{margin-top:40px;padding-top:18px;border-top:1px solid #e1e7df;color:#6d7d75;font-size:9px;line-height:1.7}.purchase-document h2{font-size:15px}.purchase-document>p{font-size:12px}
@media(max-width:850px){.purchase-document{width:100%;margin:0;padding:20px;min-height:100vh}.document-info{gap:10px}.document-info b{font-size:10px}}
@media print{@page{size:A4;margin:14mm}.document-body{background:white}.purchase-document{width:auto;margin:0;padding:0;min-height:0}.document-tools{display:none}.purchase-document th{background:#edf3ee!important;print-color-adjust:exact}.purchase-document tr{break-inside:avoid}.purchase-document thead{display:table-header-group}.document-head{break-after:avoid}.purchase-document footer{break-inside:avoid}}

.detail-notice.demo-notice b{color:inherit}