:root{--bg:#f5f6f8;--card:#fff;--ink:#1e232a;--muted:#667085;--line:#e3e6eb;--brand:#2f6fed;--brand-ink:#fff;--danger:#c0392b;--ok:#1e7d4f;--warn:#a8620a;--radius:10px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45}#root{max-width:1500px;margin:0 auto;padding:0 12px 80px}.topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:12px 0;display:flex}.topbar h1{margin:0 8px 0 0;font-size:19px}.topbar .spacer{flex:1}.topbar .who{color:var(--muted);font-size:13px}.topbar .nav,.topbar .nav-actions{display:contents}.topbar .hamburger,.topbar .current-tab{display:none}.undo-msg{margin:8px 16px}.undo-panel{z-index:900;width:min(440px,92vw);max-height:60vh;margin:0;position:absolute;top:54px;right:16px;overflow-y:auto;box-shadow:0 8px 24px #00000040}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tab{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:15px}.tab.active{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:8px;padding:9px 14px;font-size:15px}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.danger{color:var(--danger);border-color:#e4b6b0}.btn.small{padding:5px 10px;font-size:13px}.chips{flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0;display:flex}.chip{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:13px}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:10px;padding:14px}.group-block{border:1px solid var(--line);border-radius:var(--radius);background:#eceef2;margin-bottom:12px;padding:10px 10px 1px}.card h3{margin:0 0 4px;font-size:16px}.card .meta{color:var(--muted);font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.status{letter-spacing:.2px;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.status.requested{color:#8a5a00;background:#fdf1dd}.status.ordered{color:#1d4fb8;background:#e3ecfd}.status.received{color:#5b34b8;background:#e9e3fd}.status.notified{color:#0d6486;background:#dff3ff}.status.picked_up{color:var(--ok);background:#e0f2e7}.status.delivered{color:#0b6e62;background:#dcf1ee}.status.cancelled{color:var(--muted);background:#f1f2f4;text-decoration:line-through}label{color:var(--muted);margin:10px 0 4px;font-size:13px;display:block}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:10px;font-size:16px}input[type=checkbox],input[type=radio]{width:auto}select.inline{width:auto;padding:8px 10px;font-size:15px}select.inline.small{padding:5px 8px;font-size:13px}textarea{resize:vertical;min-height:60px}.grid2{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}@media (width<=640px){.grid2{grid-template-columns:1fr}}table{border-collapse:collapse;background:var(--card);border-radius:var(--radius);width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--line);padding:9px 10px;font-size:14px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;background:#fafbfc;font-size:12px;font-weight:600}.tablewrap{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.error{color:var(--danger);background:#fdecea;border-radius:8px;margin:10px 0;padding:10px 12px;font-size:14px}.notice{color:var(--ok);background:#e8f4ec;border-radius:8px;margin:10px 0;padding:10px 12px;font-size:14px}.muted{color:var(--muted)}.mono{font-family:ui-monospace,Consolas,monospace;font-size:14px}.test-banner{color:#7a4a05;border-radius:var(--radius);background:#fff3e0;border:2px solid #e8912d;margin-bottom:14px;padding:10px 14px;font-size:14px}.btn.test-on{color:#fff;background:#e8912d;border-color:#e8912d}.combo{position:relative}.combo input{padding-right:30px}.combo-caret{color:var(--muted);pointer-events:none;font-size:12px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.combo-list{z-index:30;background:var(--card);border:1px solid var(--line);border-radius:8px;max-height:240px;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 6px 18px #0000001a}.combo-opt{cursor:pointer;padding:9px 12px;font-size:15px}.combo-opt.hi{background:#eef3fd}.knav-hi{background:#eef3fd;border-radius:6px}.combo-opt.sel{font-weight:600}.combo-empty{color:var(--muted);padding:9px 12px;font-size:14px}.combo-opt.combo-new{color:var(--ok);border-top:1px dashed var(--line);font-weight:600}.ordergrid{table-layout:fixed;background:0 0;border-radius:0;overflow:visible}.ordergrid th{text-transform:none;letter-spacing:0;background:0 0;padding:3px 4px 2px;font-size:12px}.ordergrid td{vertical-align:top;border-bottom:none;padding:3px 4px}.ordergrid .c-qty,.ordergrid .c-pay,.ordergrid .c-price,.ordergrid .c-freq,.ordergrid .c-x{white-space:nowrap}.ordergrid .c-qty{width:64px}.ordergrid .c-pay,.ordergrid .c-price{width:100px}.ordergrid .c-freq{width:86px}.ordergrid .c-x{width:36px}.ordergrid .c-qty input{width:56px}.ordergrid .c-pay input,.ordergrid .c-price input{width:92px}.ordergrid .c-freq input{width:78px}.ordergrid .c-brand{width:190px}.ordergrid .c-product{min-width:240px}.ordergrid input,.ordergrid select{padding:7px 8px;font-size:15px}.ordergrid select{max-width:100%}.ordergrid .c-product select.inline{flex:0 auto;min-width:0}.ordergrid tr.row-meta td{padding-top:0;padding-bottom:8px}.ordergrid tr.req-row td{background:#fdf7ee}.req-extras{flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 6px;display:flex}.req-badge{color:var(--warn);white-space:nowrap;font-size:13px;font-weight:600}.overdue-rule{color:#b0443c;letter-spacing:1.5px;align-items:center;gap:10px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.overdue-rule:before,.overdue-rule:after{content:"";background:#e0a49e;border-radius:1px;flex:1;height:2px}.locked-field{border:1px solid var(--line);width:100%;color:var(--ink);background:#f2f4f7;border-radius:8px;min-height:42px;padding:10px;font-size:16px}.login-wrap{max-width:380px;margin:12vh auto 0}.login-wrap .card{padding:24px}.section-title{margin:22px 0 10px;font-size:17px}.perm-grid td{vertical-align:middle}.switch{accent-color:var(--brand);width:auto;transform:scale(1.3)}.vendor-stack{white-space:nowrap;display:block}tr.oos-row{background:#fdf2f0}.card.pcard.oos-row{background:#fdf6f5;border-color:#f0d9d4}tr.req-sourced{background:#f0f9f1}.card.req-sourced{background:#f4faf5;border-color:#d5ebd8}tr.req-researching{background:#fdf9e8}.card.req-researching{background:#fdfaef;border-color:#efe6c8}.pcard{padding:10px 12px}.pcard-facts{gap:4px 12px;margin-top:6px;font-size:14px}.pcard-panel{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}.cust-cluster{border-left:3px solid #cdd4de;border-radius:4px;margin:6px 0;padding-left:8px}.col-picker{position:relative}.col-picker-pop{z-index:40;background:var(--card);border:1px solid var(--line);border-radius:8px;min-width:180px;padding:10px 12px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 6px 18px #00000026}.col-picker-pop label{color:var(--ink);cursor:pointer;align-items:center;gap:8px;margin:6px 0;font-size:14px;display:flex}.col-picker-pop input[type=checkbox]{margin:0}@media (width<=760px){#root{padding:0 8px 80px}.topbar{z-index:800;background:var(--bg);flex-wrap:nowrap;margin-bottom:10px;padding:8px 0;position:sticky;top:0}.topbar h1{white-space:nowrap;font-size:16px}.topbar .current-tab{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;display:inline;overflow:hidden}.topbar .hamburger{margin-left:auto;padding:6px 12px;font-size:17px;line-height:1;display:inline-block}.topbar .hamburger.active{background:var(--ink);border-color:var(--ink);color:#fff}.topbar .nav{display:none}.topbar .nav.open{z-index:800;background:var(--card);border:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);border-top:none;flex-direction:column;align-items:stretch;gap:10px;max-height:calc(100vh - 60px);padding:12px;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 12px 24px #0000002e}.topbar .nav.open .tabs{flex-direction:column;gap:6px;display:flex}.topbar .nav.open .tab{text-align:left;border-radius:8px;padding:10px 14px}.topbar .nav.open .spacer{display:none}.topbar .nav.open .who{text-align:center;border-top:1px solid var(--line);order:10;padding-top:8px}.topbar .nav.open .nav-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;padding-top:10px;display:flex}.topbar .nav.open .nav-actions .btn{flex:44%;padding:9px 10px}.undo-panel{width:auto;position:fixed;top:52px;left:8px;right:8px}.undo-msg{z-index:1001;margin:0;position:fixed;bottom:16px;left:8px;right:8px;box-shadow:0 4px 16px #00000040}th,td{padding:7px 8px;font-size:13px}.card{padding:10px}.section-title{margin:14px 0 8px}}.mcal-backdrop{z-index:60;position:fixed;inset:0}.mcal{z-index:61;background:var(--card);border:1px solid var(--line);border-radius:8px;width:272px;padding:10px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #141c2824}.mcal-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.mcal-grid{grid-template-columns:repeat(7,1fr);display:grid}.mcal-dow{color:var(--muted);margin-bottom:2px;font-size:11px}.mcal-dow>div{text-align:center;padding:2px 0}.mcal-day{text-align:center;cursor:pointer;border:1px solid #0000;border-radius:6px;padding:6px 0 10px;font-size:13px;position:relative}.mcal-day:hover{background:#eef3fd}.mcal-day.other{color:#b9bfc9}.mcal-day.today{border-color:var(--line)}.mcal-day.band{background:#eef3fd}.mcal-day.sel{background:#dbe7fb;font-weight:600}.mcal-day.appt{font-weight:600}.mcal-day.appt:after{content:"";background:var(--ok);border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;bottom:3px;left:50%}.mcal-legend{color:var(--ok);margin-top:4px;font-size:11px}@media (width<=760px){.mcal{left:auto;right:0}}