:root{color:#24312c;background:#f3f5f1;--board-select-col: 52px;--board-customer-col: clamp(172px, 14vw, 220px);--board-qty-col: clamp(42px, 3.3vw, 58px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.45;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}.textIcon{display:inline-flex;font-weight:900;line-height:1}button,select,input,textarea{border:1px solid #c7cec6;border-radius:6px}button{align-items:center;background:#fff;color:#24312c;cursor:pointer;display:inline-flex;gap:6px;justify-content:center;min-height:34px;padding:7px 10px}button:hover:not(:disabled){background:#eef4ec;border-color:#9bb79f}button:disabled{color:#9aa39d;cursor:not-allowed}input,select,textarea{background:#fff;color:#24312c;min-height:34px;padding:6px 8px}textarea{min-height:90px;resize:vertical}.appShell{min-height:100vh;max-width:100vw;overflow-x:hidden;width:100%}.appHeader{align-items:center;background:#263b33;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;padding:18px 24px}.appHeader h1{font-size:clamp(1.45rem,2vw,2.1rem);letter-spacing:0;line-height:1.1;margin:2px 0 0}.eyebrow{color:#c7d9c0;font-size:.78rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.headerActions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.primaryButton{background:#f0b84f;border-color:#d99d22;color:#251b09;font-weight:800}.primaryButton:hover:not(:disabled){background:#f4c66d;border-color:#d99d22}.tabBar{background:#fff;border-bottom:1px solid #d5dcd3;display:flex;gap:4px;overflow-x:auto;padding:8px 18px 0}.tabBar button{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:transparent;color:#506158;font-weight:700;min-height:42px;white-space:nowrap}.tabBar button.active{background:#f3f5f1;border-color:#d5dcd3;border-bottom-color:#f3f5f1;color:#24312c}.toast{align-items:center;background:#203f5f;border-radius:6px;box-shadow:0 10px 30px #121e182e;color:#fff;display:flex;gap:12px;justify-content:space-between;position:fixed;right:18px;top:18px;z-index:30;max-width:min(420px,calc(100vw - 36px));padding:10px 12px}.toast button{background:transparent;border:0;color:#fff;min-height:28px;padding:4px}.opsStrip{background:#eef3eb;border-bottom:1px solid #d5dcd3;display:grid;gap:10px;padding:12px 18px}.metricGrid{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(132px,1fr))}.metricTile{background:#fff;border:1px solid #d5dcd3;border-left:4px solid #9aa99f;border-radius:8px;display:grid;gap:1px;min-height:74px;padding:9px 10px}.metricTile span,.metricTile small{color:#65746b;font-size:.72rem;font-weight:900;text-transform:uppercase}.metricTile strong{color:#18231f;font-size:1.35rem;line-height:1.15}.metricTile[data-tone=attention]{border-left-color:#d99d22}.metricTile[data-tone=pickable]{border-left-color:#77aa82}.metricTile[data-tone=run]{border-left-color:#8f79b8}.metricTile[data-tone=delivery]{border-left-color:#7ca5cf}.metricTile[data-tone=revenue]{border-left-color:#263b33}.workflowRail{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.workflowPill{align-items:center;background:#fff;border:1px solid #cbd4cc;border-radius:999px;color:#34443d;display:inline-flex;font-size:.75rem;font-weight:850;gap:7px;min-height:28px;padding:4px 8px;white-space:nowrap}.workflowPill strong{align-items:center;background:#edf1ef;border-radius:999px;color:#24312c;display:inline-flex;font-size:.72rem;justify-content:center;min-width:22px;padding:1px 6px}.workspace{max-width:100%;min-width:0;padding:18px;width:100%}.controlBand{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px;min-width:0}.statusPanel{background:#fbfcfa;border:1px solid #d5dcd3;border-radius:8px;padding:10px}.totalsFilter{border-color:#b8c9d8}.panelHeader{align-items:center;display:flex;font-weight:800;justify-content:space-between;margin-bottom:10px}.textButton{background:transparent;border:0;color:#1f5f91;font-weight:800;min-height:26px;padding:0 4px}.statusToggles{display:flex;flex-wrap:wrap;gap:5px}.togglePill{align-items:center;background:#fff;border:1px solid #d3ddd1;border-radius:999px;display:inline-flex;gap:6px;min-height:28px;padding:3px 8px 3px 7px;white-space:nowrap}.togglePill input{min-height:auto}.bulkBar{align-items:center;background:#fff;border:1px solid #d5dcd3;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:10px}.bulkBar strong,.bulkBar button,.bulkBar select{white-space:nowrap}.divider{align-self:stretch;background:#d5dcd3;flex:0 0 1px}.boardWrap{background:#fff;border:1px solid #cbd4cc;border-radius:8px;max-width:100%;min-width:0;overflow:hidden;width:100%}.boardTop{align-items:center;background:#fbfcfa;border-bottom:1px solid #dce4db;display:flex;gap:14px;justify-content:space-between;padding:10px 12px}.boardTop h2{font-size:.98rem;margin:0}.boardTop span{color:#65746b;font-size:.76rem;font-weight:800}.boardTopStats{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.boardTopStats span,.boardTopStats strong{background:#edf1ef;border:1px solid #d5dcd3;border-radius:999px;color:#34443d;display:inline-flex;font-size:.76rem;font-weight:900;min-height:28px;padding:4px 9px;white-space:nowrap}.boardTopStats strong{background:#263b33;border-color:#263b33;color:#fff}.boardScroller{max-width:100%;overscroll-behavior-inline:contain;overflow:auto;width:100%}.orderTable{border-collapse:separate;border-spacing:0;font-size:.83rem;min-width:max(1180px,calc(100vw - 36px));width:100%}.orderTable th,.orderTable td{border-bottom:1px solid #e2e7e0;border-right:1px solid #e2e7e0;padding:7px 8px;text-align:left;vertical-align:middle}.orderTable thead th{background:#e7eee5;color:#2f4338;font-size:.74rem;font-weight:900;position:sticky;text-align:center;text-transform:uppercase;top:0;z-index:4}.orderTable thead .skuHeader th{background:#f4f0dc;top:37px}.orderTable tfoot th,.orderTable tfoot td{background:#263b33;color:#fff;font-weight:800;position:sticky;bottom:0;z-index:3}.orderTable tfoot tr:last-child th,.orderTable tfoot tr:last-child td{background:#314a40;bottom:36px}.stickySelect{left:0;min-width:var(--board-select-col);position:sticky;text-align:center;width:var(--board-select-col);z-index:5}.stickyCustomer{left:var(--board-select-col);max-width:var(--board-customer-col);min-width:var(--board-customer-col);position:sticky;width:var(--board-customer-col);z-index:5}tbody .stickySelect,tbody .stickyCustomer{background:#fff}.orderTable tbody tr{--row-accent: #d5dcd3}.orderTable tbody tr:hover td,.orderTable tbody tr:hover th{background:#f8faf6}.orderTable tbody tr[data-status=New]{--row-accent: #9bb79f}.orderTable tbody tr[data-status="Needs Review"]{--row-accent: #d99d22}.orderTable tbody tr[data-status=Pickable]{--row-accent: #77aa82}.orderTable tbody tr[data-status="Assigned to Picklist"],.orderTable tbody tr[data-status="Ready to Go"],.orderTable tbody tr[data-status="Draft Invoice Created"]{--row-accent: #8f79b8}.orderTable tbody tr[data-status="Out for Delivery"]{--row-accent: #7ca5cf}.orderTable tbody tr[data-status="POD Received"],.orderTable tbody tr[data-status=Complete]{--row-accent: #aeb7bb}.orderTable tbody tr[data-status=Cancelled]{--row-accent: #df8b7d}tbody .stickySelect{box-shadow:inset 4px 0 var(--row-accent)}tbody tr.selectedRow .stickySelect,tbody tr.selectedRow .stickyCustomer,tbody tr.selectedRow td,tbody tr.selectedRow th{background:#fff7d8}.customerCell button{background:transparent;border:0;display:flex;flex-direction:column;gap:1px;justify-content:flex-start;min-height:auto;padding:0;text-align:left}.customerCell span{color:#24312c;font-weight:900}.customerCell small,.invoiceCell small{color:#65746b;display:block;font-size:.72rem}.statusSelect{border-color:#b4c4b6;font-size:.78rem;font-weight:800;max-width:155px;width:100%}.statusSelect[data-status="Needs Review"],.statusChip[data-status="Needs Review"],.workflowPill[data-status="Needs Review"]{background:#fff3d3;border-color:#e4b54e;color:#684b00}.statusSelect[data-status=Pickable],.statusChip[data-status=Pickable],.workflowPill[data-status=Pickable]{background:#e8f4ec;border-color:#77aa82;color:#255f33}.statusSelect[data-status="Out for Delivery"],.statusChip[data-status="Out for Delivery"],.workflowPill[data-status="Out for Delivery"]{background:#e4eef8;border-color:#7ca5cf;color:#214f7a}.statusSelect[data-status=Complete],.statusChip[data-status=Complete],.workflowPill[data-status=Complete]{background:#eef0f1;border-color:#aeb7bb;color:#334046}.statusSelect[data-status=New],.statusChip[data-status=New],.workflowPill[data-status=New]{background:#eef4ec;border-color:#9bb79f;color:#2c5934}.statusSelect[data-status=Verified],.statusChip[data-status=Verified],.workflowPill[data-status=Verified]{background:#ecf3f8;border-color:#9ab6cc;color:#2b5872}.statusSelect[data-status="Assigned to Picklist"],.statusSelect[data-status="Ready to Go"],.statusSelect[data-status="Draft Invoice Created"],.statusChip[data-status="Assigned to Picklist"],.statusChip[data-status="Ready to Go"],.statusChip[data-status="Draft Invoice Created"],.workflowPill[data-status="Assigned to Picklist"],.workflowPill[data-status="Ready to Go"],.workflowPill[data-status="Draft Invoice Created"]{background:#f0edf6;border-color:#b2a0cf;color:#49396d}.statusSelect[data-status="POD Received"],.statusChip[data-status="POD Received"],.workflowPill[data-status="POD Received"]{background:#edf1ef;border-color:#aeb7bb;color:#334046}.statusSelect[data-status=Cancelled],.statusChip[data-status=Cancelled],.workflowPill[data-status=Cancelled]{background:#ffe9e5;border-color:#df8b7d;color:#843325}.sourceCell,.statusCell,.runCell,.invoiceCell,.pricingCell,.podCell,.actionsCell{white-space:nowrap}.sourceCell{min-width:82px}.sourceChip{background:#edf1ef;border:1px solid #d5dcd3;border-radius:999px;color:#42534b;display:inline-flex;font-size:.72rem;font-weight:900;padding:3px 7px}.statusCell{min-width:128px}.runCell{min-width:126px}.runCell select{width:100%}.invoiceCell{min-width:108px}.qtyCell{min-width:var(--board-qty-col);padding:4px;text-align:center}.qtyCell input{min-height:30px;min-width:0;padding:4px;text-align:center;width:min(42px,100%)}.notesCell{max-width:clamp(170px,16vw,260px);min-width:clamp(150px,13vw,220px)}.notesCell span{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.pricingCell{min-width:74px;text-align:center}.podCell{min-width:102px}.actionsCell{min-width:136px}.notesCell em{background:#fff3d3;border-radius:999px;color:#684b00;display:inline-block;font-size:.7rem;font-style:normal;font-weight:900;margin-top:4px;padding:2px 7px}.flagChip,.podChip,.statusChip{border:1px solid #cbd4cc;border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:900;padding:4px 7px;white-space:nowrap}.flagChip{background:#ffe3df;border-color:#df8b7d;color:#843325}.podChip{background:#edf1ef;color:#405048}.muted{color:#718078;font-size:.75rem}.rowActions,.cardActions,.runHeaderActions{align-items:center;display:flex;gap:6px}.rowActions select{min-width:108px;width:108px}.iconButton{min-height:30px;min-width:30px;padding:4px}.totalCell{min-width:var(--board-qty-col);text-align:center}.revenueTotal{align-items:center;display:flex;gap:16px;justify-content:flex-start}.revenueTotal span{color:#c7d9c0}.revenueTotal strong{font-size:1.1rem}.runWorkspace{align-items:start;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.runColumn{background:#fff;border:1px solid #d5dcd3;border-radius:8px;min-height:520px;min-width:0}.poolColumn{border-color:#b8c9d8}.runHeader{align-items:flex-start;border-bottom:1px solid #e2e7e0;display:flex;gap:10px;justify-content:space-between;padding:12px}.runHeader h2{font-size:1rem;margin:0}.runHeader span{color:#65746b;font-size:.78rem;font-weight:700}.runMetaPills{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.runMetaPills span{background:#edf1ef;border:1px solid #d5dcd3;border-radius:999px;color:#46574f;display:inline-flex;font-size:.72rem;font-weight:900;min-height:24px;padding:3px 7px}.runHeaderActions{flex-wrap:wrap;justify-content:flex-end}.runHeaderActions button{font-size:.75rem;min-height:30px;padding:5px 7px}.runCards{display:grid;gap:10px;padding:10px}.orderCard{background:#fbfcfa;border:1px solid #dbe2da;border-radius:8px;display:grid;gap:8px;padding:10px}.cardTopline{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.cardTopline button{background:transparent;border:0;font-weight:900;justify-content:flex-start;min-height:auto;padding:0;text-align:left}.orderCard p,.orderCard small{color:#536259;margin:0}.orderCard dl{display:grid;gap:6px;grid-template-columns:1fr 1fr;margin:0}.orderCard dt{color:#718078;font-size:.7rem;font-weight:900;text-transform:uppercase}.orderCard dd{font-size:.78rem;font-weight:800;margin:0}.cardActions{flex-wrap:wrap}.cardActions button{font-size:.75rem;min-height:28px;padding:4px 7px}.printWorkspace{display:grid;gap:14px}.printControls{align-items:end;display:flex;flex-wrap:wrap;gap:10px}.printControls label{display:grid;gap:4px;font-weight:800}.printSheet{background:#fff;border:1px solid #d5dcd3;border-radius:8px;max-width:100%;overflow-x:auto;padding:22px}.printSheet header{align-items:center;border-bottom:2px solid #24312c;display:flex;flex-wrap:wrap;gap:48px;justify-content:flex-start;margin-bottom:16px;padding-bottom:12px}.printSheet p,.printSheet h2{margin:0}.printSheet p{color:#65746b;font-weight:800}.printSheet h2{font-size:1.5rem}.printSheet header span{color:#65746b;display:block;font-size:.78rem;font-weight:800;text-transform:uppercase}.printTable{border-collapse:collapse;font-size:.78rem;min-width:max(980px,100%);width:100%}.printTable th,.printTable td{border:1px solid #cad3cb;padding:6px;text-align:left}.printTable thead th{background:#e7eee5}.modalBackdrop{align-items:flex-start;background:#10191473;display:flex;inset:0;justify-content:center;overflow:auto;padding:32px 18px;position:fixed;z-index:25}.modalPanel{background:#fff;border-radius:8px;box-shadow:0 18px 60px #121e184d;display:grid;gap:14px;max-width:920px;padding:18px;width:100%}.modalHeader,.modalFooter{align-items:center;display:flex;justify-content:space-between;gap:12px}.modalHeader h2{margin:0}.entryGrid{display:grid;gap:12px;grid-template-columns:1fr 220px}.entryGrid label,.notesInput{display:grid;gap:5px;font-weight:800}.modalProductGrid{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.modalProductGrid fieldset{border:1px solid #d5dcd3;border-radius:8px;margin:0;padding:10px}.modalProductGrid legend{font-weight:900;padding:0 4px}.modalProductGrid fieldset>div{display:grid;gap:7px}.modalProductGrid label{align-items:center;display:grid;font-weight:800;gap:8px;grid-template-columns:48px 1fr}.modalProductGrid input{width:100%}.checkboxLine{align-items:center;display:inline-flex;gap:8px;font-weight:800}.checkboxLine input{min-height:auto}.drawer{background:#10191459;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:24}.drawerPanel{background:#fff;box-shadow:-14px 0 50px #121e1838;max-width:560px;overflow:auto;padding:20px;width:min(560px,100vw)}.drawerHeader{align-items:flex-start;border-bottom:1px solid #d5dcd3;display:flex;gap:14px;justify-content:space-between;margin-bottom:18px;padding-bottom:12px}.drawerHeader p,.drawerHeader h2{margin:0}.drawerHeader p{color:#65746b;font-size:.78rem;font-weight:900;text-transform:uppercase}.drawerHeader h2{font-size:1.35rem}.detailGrid{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:0 0 18px}.detailGrid div{background:#f7f8f5;border:1px solid #e0e5df;border-radius:8px;padding:9px}.detailGrid dt{color:#65746b;font-size:.72rem;font-weight:900;text-transform:uppercase}.detailGrid dd{font-weight:800;margin:3px 0 0}.drawerSection{border-top:1px solid #e2e7e0;padding:14px 0}.drawerSection h3{font-size:.96rem;margin:0 0 8px}.drawerSection p{color:#4e5f56;margin:0}.drawerSection table{border-collapse:collapse;font-size:.86rem;width:100%}.drawerSection th,.drawerSection td{border-bottom:1px solid #e2e7e0;padding:7px;text-align:left}@media(min-width:1380px){.runWorkspace{grid-template-columns:minmax(240px,.85fr) repeat(3,minmax(260px,1fr))}}@media(max-width:1400px){:root{--board-select-col: 46px;--board-customer-col: clamp(160px, 16vw, 190px);--board-qty-col: 44px}.metricGrid{grid-template-columns:repeat(5,minmax(116px,1fr))}.orderTable{font-size:.78rem;min-width:max(1120px,calc(100vw - 24px))}.orderTable th,.orderTable td{padding:6px 5px}.sourceCell{min-width:72px}.statusCell{min-width:118px}.runCell{min-width:114px}.invoiceCell{min-width:96px}.notesCell{max-width:190px;min-width:150px}.podCell{min-width:92px}.actionsCell{min-width:118px}.rowActions{gap:4px}.rowActions select{min-width:96px;width:96px}}@media(max-width:900px){:root{--board-select-col: 42px;--board-customer-col: 150px;--board-qty-col: 42px}.appHeader{align-items:flex-start;flex-direction:column;padding:16px}.workspace,.opsStrip{padding:10px}.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.metricTile:last-child{grid-column:1 / -1}.controlBand,.entryGrid,.modalProductGrid,.detailGrid{grid-template-columns:1fr}.bulkBar button,.bulkBar select{flex:1 1 136px}.orderTable{min-width:1080px}.boardTop{align-items:flex-start;flex-direction:column}.boardTopStats{justify-content:flex-start}.orderTable thead .skuHeader th{top:34px}.runWorkspace{grid-template-columns:1fr}.modalBackdrop{padding:12px}}@media(max-width:560px){.appHeader{gap:14px}.headerActions,.headerActions button,.printControls,.printControls label,.printControls select,.printControls button{width:100%}.tabBar{padding-inline:10px}.workspace{padding:8px}.metricGrid{grid-template-columns:1fr}.metricTile:last-child{grid-column:auto}.statusPanel{padding:10px}.orderTable{min-width:1020px}.modalFooter{align-items:stretch;flex-direction:column}.modalFooter button{width:100%}}@media print{body{background:#fff}.appHeader,.tabBar,.toast,.printControls{display:none}.workspace,.printSheet{border:0;padding:0}.printTable{font-size:.62rem}}
