:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#172033;background:#f6f7f9}*{box-sizing:border-box}body{margin:0}.topbar{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid #dfe3e8;padding:10px 18px 12px}.brandline{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:10px;align-items:center;font-size:20px}.pill{font-size:11px;padding:3px 7px;border-radius:999px;background:#eef1f4;color:#4b5563;font-weight:650}.topbar nav{display:flex;align-items:stretch;gap:10px;margin-top:9px;overflow:auto;padding-bottom:1px}.navgroup{border:1px solid #dde3ea;border-radius:9px;padding:7px 8px;min-width:max-content;background:#f9fafb}.navgroup.ecommerce{background:#f3f7fd}.navgroup.others{background:#f3faf5}.navgroup.aftersales{background:#fdf5f8}.navgroup.fulfilment{background:#f7f5fc}.navgroup.exceptions{background:#fff8ed}.navtitle{font-size:11px;font-weight:800;margin-bottom:5px;color:#374151}.navitems{display:flex;gap:5px}.navitems button{padding:6px 9px;background:#fff;border:1px solid #e1e5ea;font-size:12px}.navitems button b{margin-left:5px;padding:1px 5px;border-radius:999px;background:#edf1f5}.navitems button.active{background:#1f4f82;color:white;border-color:#1f4f82}.navitems button.active b{background:rgba(255,255,255,.18)}.navtools{margin-left:auto;display:flex;gap:7px;align-items:center;min-width:max-content}.lastsync{font-size:11px;color:#6b7280}.gear{font-size:17px;padding:6px 9px}.gear.active{background:#1f4f82;color:#fff}main{max-width:1680px;margin:auto;padding:16px 18px 30px}h1{font-size:22px;margin:0 0 4px}h2,h3{color:#172033}.muted{color:#6b7280}.small{font-size:12px}.workspace-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin:4px 0 12px}.count{font-weight:600;color:#6b7280}.actions{display:flex;gap:7px;flex-wrap:wrap}.order-tools{display:grid;grid-template-columns:minmax(280px,1fr) 170px 150px 130px auto auto 110px auto;gap:7px;align-items:center;margin:10px 0 12px}.search,select,.field input,.scanbox input{font:inherit;background:#fff;border:1px solid #cfd6df;border-radius:7px;padding:9px 10px;min-width:0}.search{width:100%}button,.btn{border:1px solid #d5dbe3;border-radius:7px;padding:8px 11px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;background:#fff;color:#172033;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:5px}button:hover,.btn:hover{background:#f1f4f7}button.primary,.btn.primary{background:#1f4f82;color:white;border-color:#1f4f82}button.good,.btn.good{background:#247447;color:white;border-color:#247447}button.danger{background:#9b2c2c;color:#fff}button:disabled{opacity:.42;cursor:not-allowed}.smallbtn{padding:6px 9px;font-size:12px}.empty{background:#fff;border:1px solid #dfe3e8;border-radius:8px;padding:24px;color:#6b7280;text-align:center}.orderblock{background:#fff;border:1px solid #dce2e9;border-left:4px solid #c6cdd6;border-radius:8px;margin:8px 0;overflow:hidden}.orderblock.state-READY{border-left-color:#3d8b5b}.orderblock.state-WAITING{border-left-color:#b64a4a}.orderblock.state-CHECK{border-left-color:#c88a26}.orderblock.state-IN-WORKFLOW{border-left-color:#4b73a4}.orderblock.state-NEW{border-left-color:#9aa7b6}.orderblock.state-EXCEPTION{border-left-color:#b64a4a}.orderblock.click-collect{border-left-width:6px;border-left-color:#6b5aa6;background:#fcfbff}.cc-banner{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:7px 11px;border-bottom:1px solid #e5e0f1;background:#f4f1fb;font-size:12px}.cc-banner strong{font-size:12.5px}.cc-banner span:last-child{color:#5f5674;font-weight:650}.cc-badge{display:inline-block;border-radius:999px;padding:4px 8px;background:#6b5aa6;color:#fff;font-size:10.5px;font-weight:900;letter-spacing:.035em}.orderblock.aged .agewarn{color:#9a5c0c;font-weight:750}.orderrow{display:grid;grid-template-columns:62px minmax(150px,.9fr) 150px minmax(160px,1fr) 120px 70px 95px 150px minmax(270px,1.55fr);gap:10px;align-items:center;padding:9px 11px;font-size:13px}.expand{display:flex;align-items:center;gap:7px}.expand button{border:0;padding:2px 5px;background:transparent;font-size:18px}.orderno{font-size:14px;font-weight:850;color:#185f9d;text-decoration:none}.orderno:hover{text-decoration:underline}.center{text-align:center}.right{text-align:right;font-variant-numeric:tabular-nums}.reason{color:#4b5563;font-size:12px}.orderlines{border-top:1px solid #e6e9ed}.hidden{display:none!important}.linetablewrap,.tablewrap{overflow:auto}.linetable,.tablewrap table{width:100%;border-collapse:collapse;font-size:12.5px}.linetable{table-layout:fixed;min-width:1320px}.linetable .col-bin{width:6%}.linetable .col-qty{width:4%}.linetable .col-sku{width:12%}.linetable .col-item{width:24%}.linetable .col-dept{width:13%}.linetable .col-price{width:7%}.linetable .col-free{width:6%}.linetable .col-onhand{width:7%}.linetable .col-ready{width:21%}.linetable td{overflow-wrap:anywhere}.linetable td:nth-child(1),.linetable td:nth-child(2),.linetable td:nth-child(3),.linetable td:nth-child(6),.linetable td:nth-child(7),.linetable td:nth-child(8){white-space:nowrap}.linetable th,.linetable td,.tablewrap th,.tablewrap td{padding:7px 9px;border-bottom:1px solid #edf0f3;text-align:left;vertical-align:middle}.linetable th,.tablewrap th{font-size:11px;text-transform:uppercase;letter-spacing:.025em;color:#6b7280;background:#f8f9fb;white-space:nowrap}.linetable tbody tr:last-child td{border-bottom:0}.line-READY td:first-child{box-shadow:inset 3px 0 #4f9a68}.line-WAITING td:first-child{box-shadow:inset 3px 0 #c65b5b}.line-CHECK td:first-child{box-shadow:inset 3px 0 #d69b3d}.line-reason{margin-left:5px;color:#4b5563}.status,.readiness{display:inline-block;font-size:10.5px;font-weight:850;padding:4px 7px;border-radius:999px;white-space:nowrap;background:#edf0f3;color:#4b5563}.status.READY,.status.RELEASED,.readiness.READY{background:#e7f5eb;color:#22623c}.status.PICKING,.status.PACKING,.readiness.IN-WORKFLOW{background:#e7eef8;color:#315b8e}.status.AWAITING_PACK,.status.AWAITING_TENDER,.status.PACKED,.readiness.CHECK{background:#fff3da;color:#865a13}.status.EXCEPTION,.readiness.WAITING{background:#fbe9e9;color:#8d3434}.status.NEW{background:#eef2f6;color:#46566a}.syncstrip{background:#fff;border:1px solid #dde3ea;border-radius:7px;padding:8px 10px;margin:8px 0 10px;font-size:12px;display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:center}.progress{height:7px;background:#edf0f3;border-radius:999px;overflow:hidden}.progress>div{height:100%;background:#3c7e58;transition:width .2s}.pickergrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.pickcard,.card{background:#fff;border:1px solid #dde3ea;border-radius:8px;padding:13px}.pickcard h2{font-size:17px;margin:6px 0}.pickcard button{margin-top:10px}.pickbin{font-size:20px;font-weight:850}.scanpanel{max-width:920px;margin:auto}.scanbox{display:flex;gap:8px;margin:12px 0}.scanbox input{font-size:20px;flex:1}.scanbox.compact input{font-size:14px}.orderhero{background:#24364a;color:white;border-radius:9px;padding:16px}.orderhero h2{margin:3px 0}.line{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid #e1e5ea;border-radius:7px;padding:10px;margin:7px 0}.bin{font-weight:850}.line.done{opacity:.55}.qty{text-align:right}.queuecounts,.adminstats{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 12px}.queuecounts span,.adminstats span{background:#fff;border:1px solid #dde3ea;border-radius:7px;padding:8px 10px;font-size:12px}.queuecounts b,.adminstats b{margin-left:5px}.admincols{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:12px}.field{margin:10px 0}.field label{display:block;font-weight:750;font-size:12px;margin-bottom:4px}.field input{width:100%}pre{white-space:pre-wrap;word-break:break-word;background:#182230;color:#eef2f6;padding:11px;border-radius:7px;max-height:520px;overflow:auto;font-size:11px}.alert{padding:10px;border-radius:7px;background:#fff3da;color:#865a13;margin:9px 0}.alert.error{background:#fbe9e9;color:#8d3434}#toast{position:fixed;right:15px;bottom:15px;z-index:70;max-width:440px;padding:11px 13px;border-radius:7px;background:#24364a;color:#fff;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1}#toast.ok{background:#247447}#toast.error{background:#9b2c2c}.loading{padding:36px;text-align:center;color:#6b7280}input[type=checkbox]{width:17px;height:17px}.print-sheet{display:none}
@media(max-width:1200px){.order-tools{grid-template-columns:minmax(240px,1fr) repeat(3,140px);}.order-tools button{grid-row:2}.orderrow{grid-template-columns:55px 150px 135px 160px 100px 60px 85px 135px minmax(180px,1fr);min-width:1200px}.orderblock{overflow:auto}.navtools .lastsync{display:none}}
@media(max-width:760px){main{padding:10px}.topbar{padding:9px}.topbar nav{gap:6px}.navgroup{padding:5px}.navtitle{display:none}.order-tools{display:flex;flex-wrap:wrap}.order-tools>*{flex:1 1 145px}.search{flex-basis:100%}.scanbox{flex-direction:column}.admincols{grid-template-columns:1fr}.syncstrip{grid-template-columns:1fr}.lastsync{display:none}}

.order-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end;min-width:0}.compact-action{padding:7px 12px;white-space:nowrap;font-size:12px}.secondary{background:#fff;color:#185f9d;border-color:#9db6ce}.secondary:hover:not(:disabled){background:#f4f8fc}.partial-mode-actions{gap:8px}.partial-editing{box-shadow:0 0 0 2px rgba(24,95,157,.08)}.partial-inline-wrap{background:#fbfdff}.partial-linetable{min-width:1480px}.partial-linetable .col-select{width:3%}.partial-linetable .col-bin{width:6%}.partial-linetable .col-qty{width:4%}.partial-linetable .col-fulfil{width:7%}.partial-linetable .col-sku{width:11%}.partial-linetable .col-item{width:20%}.partial-linetable .col-dept{width:12%}.partial-linetable .col-price{width:7%}.partial-linetable .col-free{width:6%}.partial-linetable .col-onhand{width:7%}.partial-linetable .col-ready{width:17%}.partial-select-cell{text-align:center!important}.compact-qty{width:70px;padding:5px 6px}.partial-single-qty{display:inline-block;min-width:24px;text-align:center;font-weight:750}.partial-unavailable{opacity:.64}.partial-unavailable td{background:#fafafa}.partial-send-inline:disabled{opacity:.55}html[data-theme="dark"] .secondary{background:var(--csf-dark-surface);color:#b9d7f2;border-color:#41566d}html[data-theme="dark"] .secondary:hover:not(:disabled){background:#1d2a39}html[data-theme="dark"] .partial-inline-wrap{background:var(--csf-dark-surface)}html[data-theme="dark"] .partial-unavailable td{background:#141b25}
@media(max-width:1150px){.orderrow{grid-template-columns:54px minmax(135px,.9fr) 135px minmax(150px,1fr) 105px 60px 80px 130px minmax(235px,1.35fr)}.compact-action{padding:6px 9px}}
@media print{.topbar,.workspace-head button,.order-tools,#syncprogress,.pager{display:none!important}body{background:#fff}main{max-width:none;padding:0}.orderblock{page-break-inside:avoid;border:1px solid #777}.orderlines.hidden{display:block!important}.orderrow{grid-template-columns:45px 160px 145px 170px 100px 60px 90px 130px 1fr}.expand button,.ordercheck{display:none!important}}

.pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 3px 2px;font-size:12px;color:#5f6b7a}.pager>div{display:flex;align-items:center;gap:8px}.pager button{padding:6px 9px}


/* Release 4.0 additive theme layer. The signed-off 3.2 light rules above are unchanged. */
:root{--csf-dark-bg:#0f141c;--csf-dark-surface:#171e29;--csf-dark-surface-2:#1d2633;--csf-dark-border:#344154;--csf-dark-text:#e8edf5;--csf-dark-muted:#aab4c3;--csf-dark-blue:#6fa8e1;--csf-dark-input:#111823}
html[data-theme="dark"]{color-scheme:dark;background:var(--csf-dark-bg);color:var(--csf-dark-text)}
html[data-theme="dark"] body{background:var(--csf-dark-bg);color:var(--csf-dark-text)}
html[data-theme="dark"] .topbar{background:#111823;border-bottom-color:var(--csf-dark-border)}
html[data-theme="dark"] .pill,html[data-theme="dark"] .navitems button b{background:#283446;color:#d9e1ec}
html[data-theme="dark"] .navgroup,html[data-theme="dark"] .navgroup.ecommerce,html[data-theme="dark"] .navgroup.others,html[data-theme="dark"] .navgroup.fulfilment,html[data-theme="dark"] .navgroup.exceptions{background:var(--csf-dark-surface);border-color:var(--csf-dark-border)}
html[data-theme="dark"] .navtitle,html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3{color:var(--csf-dark-text)}
html[data-theme="dark"] .muted,html[data-theme="dark"] .count,html[data-theme="dark"] .lastsync,html[data-theme="dark"] .reason,html[data-theme="dark"] .line-reason,html[data-theme="dark"] .pager,html[data-theme="dark"] .loading{color:var(--csf-dark-muted)}
html[data-theme="dark"] .syncwarn{color:#ffbd66;font-weight:800}
html[data-theme="dark"] .search,html[data-theme="dark"] select,html[data-theme="dark"] .field input,html[data-theme="dark"] .scanbox input{background:var(--csf-dark-input);border-color:var(--csf-dark-border);color:var(--csf-dark-text)}
html[data-theme="dark"] button,html[data-theme="dark"] .btn,html[data-theme="dark"] .navitems button{background:#202a38;border-color:#3b495d;color:var(--csf-dark-text)}
html[data-theme="dark"] button:hover,html[data-theme="dark"] .btn:hover{background:#293647}
html[data-theme="dark"] button.primary,html[data-theme="dark"] .btn.primary,html[data-theme="dark"] .navitems button.active,html[data-theme="dark"] .gear.active{background:#285f98;border-color:#3977b5;color:#fff}
html[data-theme="dark"] button.good,html[data-theme="dark"] .btn.good{background:#2c7d4f;border-color:#3b9661;color:#fff}
html[data-theme="dark"] .empty,html[data-theme="dark"] .orderblock,html[data-theme="dark"] .pickcard,html[data-theme="dark"] .card,html[data-theme="dark"] .line,html[data-theme="dark"] .syncstrip,html[data-theme="dark"] .queuecounts span,html[data-theme="dark"] .adminstats span{background:var(--csf-dark-surface);border-color:var(--csf-dark-border);color:var(--csf-dark-text)}
html[data-theme="dark"] .orderblock.click-collect{background:#1b1826;border-left-color:#9b86d7}
html[data-theme="dark"] .cc-banner{background:#26213a;border-bottom-color:#44395e;color:#e9e2ff}
html[data-theme="dark"] .cc-banner span:last-child{color:#c8bde5}
html[data-theme="dark"] .cc-badge{background:#8069bd}
html[data-theme="dark"] .orderlines{border-top-color:var(--csf-dark-border)}
html[data-theme="dark"] .linetable th,html[data-theme="dark"] .tablewrap th{background:var(--csf-dark-surface-2);color:#bac5d4}
html[data-theme="dark"] .linetable th,html[data-theme="dark"] .linetable td,html[data-theme="dark"] .tablewrap th,html[data-theme="dark"] .tablewrap td{border-bottom-color:#2d3949}
html[data-theme="dark"] .orderno{color:var(--csf-dark-blue)}
html[data-theme="dark"] .status.NEW,html[data-theme="dark"] .status,html[data-theme="dark"] .readiness{background:#293545;color:#d8e0ea}
html[data-theme="dark"] .status.READY,html[data-theme="dark"] .status.RELEASED,html[data-theme="dark"] .readiness.READY{background:#183928;color:#85d6a6}
html[data-theme="dark"] .status.PICKING,html[data-theme="dark"] .status.PACKING,html[data-theme="dark"] .readiness.IN-WORKFLOW{background:#1c3350;color:#9ac5f1}
html[data-theme="dark"] .status.AWAITING_PACK,html[data-theme="dark"] .status.AWAITING_TENDER,html[data-theme="dark"] .status.PACKED,html[data-theme="dark"] .readiness.CHECK{background:#493819;color:#ffd27f}
html[data-theme="dark"] .status.EXCEPTION,html[data-theme="dark"] .readiness.WAITING{background:#4a2327;color:#ff9fa7}
html[data-theme="dark"] .progress{background:#2a3646}
html[data-theme="dark"] .alert{background:#493819;color:#ffd27f}
html[data-theme="dark"] .alert.error{background:#4a2327;color:#ffb1b7}
html[data-theme="dark"] .orderhero{background:#1b2b3d}
html[data-theme="dark"] pre{background:#0d1219;color:#e8edf5;border:1px solid #2d3949}
.themebtn{min-width:38px}.syncwarn{color:#9a5c0c;font-weight:800}
@media print{html[data-theme="dark"],html[data-theme="dark"] body{background:#fff!important;color:#111!important}html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] .orderblock,html[data-theme="dark"] .line,html[data-theme="dark"] .card{color:#111!important;background:#fff!important}}

button.updates{box-shadow:0 0 0 2px rgba(31,79,130,.12);font-weight:850}
/* Release 5.3.0 split fulfilment UI */
.partial-banner{display:flex;gap:10px;align-items:center;padding:8px 11px;background:#eef6ff;border-bottom:1px solid #d6e7f8;color:#244b74;font-size:12px}.partial-banner>span{display:flex;gap:7px;align-items:center}

/* Release 5.3.4 corrected packer handoff */
.partial-handoff-lines{margin:10px 0}.partial-handoff-lines .line{grid-template-columns:90px 1fr 90px}.partial-tag{font-weight:850;color:#9b2c2c;margin-bottom:6px}html[data-theme="dark"] .partial-tag{color:#ff9fa7}

/* Release 5.5.1 compact Bike paperwork UI */
.bike-paper-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:7px 10px;border-top:1px solid #e3e8ef;background:#fff}
.bike-paper-left,.bike-paper-actions{display:flex;align-items:center;gap:9px;min-width:0}.bike-paper-title{font-weight:850;white-space:nowrap}.bike-paper-status{white-space:nowrap}.bike-paper-actions{margin-left:auto}.bike-paper-strip .compact-action{padding:6px 11px;font-size:12px}
.bike-note-modal-backdrop{position:fixed;inset:0;z-index:250;background:rgba(17,24,39,.38);display:flex;align-items:center;justify-content:center;padding:18px}.bike-note-modal{width:min(540px,calc(100vw - 36px));background:#fff;border:1px solid #cfd8e3;border-radius:11px;box-shadow:0 20px 55px rgba(15,23,42,.28);overflow:hidden}.bike-note-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e3e8ef}.bike-note-modal-head h2{margin:0;font-size:17px}.bike-note-close{border:0;background:transparent!important;color:#7b8794;font-size:25px;line-height:1;padding:0 3px}.bike-note-modal-body{padding:15px 16px 12px}.bike-note-modal-body label{display:block;margin-bottom:6px}.bike-note-modal-body textarea{width:100%;min-height:108px;resize:vertical;box-sizing:border-box;padding:10px 11px;border:1px solid #9db6ce;border-radius:7px;background:#fff;color:#17212b;font:inherit}.bike-note-modal-body textarea:focus{outline:2px solid rgba(24,95,157,.16);border-color:#185f9d}.bike-note-helper{display:flex;justify-content:space-between;gap:12px;margin-top:6px;font-size:11px;color:#6b7280}.bike-note-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:11px 16px 14px;border-top:1px solid #e3e8ef}
html[data-theme="dark"] .bike-paper-strip{background:var(--csf-dark-surface);border-top-color:var(--csf-dark-border)}html[data-theme="dark"] .bike-note-modal{background:var(--csf-dark-surface);border-color:var(--csf-dark-border);color:var(--csf-dark-text)}html[data-theme="dark"] .bike-note-modal-head,html[data-theme="dark"] .bike-note-modal-actions{border-color:var(--csf-dark-border)}html[data-theme="dark"] .bike-note-modal-body textarea{background:var(--csf-dark-input);border-color:var(--csf-dark-border);color:var(--csf-dark-text)}html[data-theme="dark"] .bike-note-helper{color:var(--csf-dark-muted)}
@media(max-width:760px){.bike-paper-strip{align-items:flex-start;flex-wrap:wrap}.bike-paper-actions{width:100%;justify-content:flex-end}.bike-note-helper{flex-direction:column;gap:3px}}
@media print{.bike-paper-strip,.bike-note-modal-backdrop{display:none!important}}


/* Release 6.0 RC1 — management, identity and audit */
.navgroup.operations{min-width:92px}.navgroup.operations .navtitle{color:#475569}.history-inline{margin-left:8px}.paper-stale{background:#fff8e6}.paper-stale .bike-paper-title{color:#9a6700}
.csf-overlay{position:fixed;inset:0;z-index:400;background:rgba(15,23,42,.42);display:flex;justify-content:flex-end}.history-drawer{height:100%;width:min(620px,94vw);background:#fff;box-shadow:-16px 0 42px rgba(15,23,42,.25);overflow:auto}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid #e2e8f0}.drawer-head h2{margin:0}.drawer-close{border:0;background:transparent!important;font-size:28px;line-height:1;color:#64748b}.history-list{padding:8px 18px 24px}.history-event{display:grid;grid-template-columns:142px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid #edf1f5}.history-time{font-size:12px;color:#64748b}.history-note,.issue-note{margin-top:7px;padding:8px 10px;border-radius:7px;background:#f8fafc;border:1px solid #e2e8f0}.modal-card{width:min(560px,calc(100vw - 28px));margin:auto;background:#fff;border-radius:12px;padding:0 18px 18px;box-shadow:0 20px 60px rgba(15,23,42,.28)}.modal-card .drawer-head{margin:0 -18px 15px}.modal-card textarea{width:100%;min-height:90px;box-sizing:border-box}.pick-footer-actions{display:flex;justify-content:space-between;gap:10px;margin-top:12px}.danger{background:#b42318!important;color:#fff!important;border-color:#b42318!important}
.ops-kpis{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;margin-bottom:16px}.ops-kpis.six{grid-template-columns:repeat(6,minmax(120px,1fr))}.ops-kpis>div{background:#fff;border:1px solid #dfe6ee;border-radius:10px;padding:13px}.ops-kpis span{display:block;font-size:12px;color:#64748b}.ops-kpis b{display:block;font-size:25px;margin-top:4px}.issue-grid,.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}.issue-card,.device-card{background:#fff;border:1px solid #dce4ec;border-radius:10px;padding:14px}.issue-card.blocking{border-left:5px solid #b42318}.issue-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.issue-badge{display:block;font-size:10px;font-weight:900;color:#9b2c2c;letter-spacing:.05em}.issue-card h3{margin:12px 0 5px}.issue-meta{font-size:12px;color:#64748b}.section-title{margin-top:24px}.compact-card{margin-bottom:8px}.op-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.op-tabs button.active{background:#17212b;color:#fff}.ops-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.activity-row{display:grid;grid-template-columns:135px 1.2fr 1fr 1fr;gap:10px;padding:9px 0;border-bottom:1px solid #edf1f5;font-size:12px}.metric-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf1f5}.filterbar{display:flex;gap:8px;margin-bottom:12px}.filterbar input{flex:1}.identity-card{margin-bottom:14px}.admin-management-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.mini-list>div{display:grid;grid-template-columns:1.2fr .8fr 1fr auto;gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid #edf1f5}.mini-list small{color:#64748b}.linkbtn{background:transparent!important;color:#b42318!important;border:0!important;padding:3px!important}.admin-inline-form{display:grid;grid-template-columns:1fr 1fr 1.3fr .8fr auto;gap:7px;margin-top:12px}.admin-management-grid>div:nth-child(2) .admin-inline-form{grid-template-columns:1fr auto}.device-card .metric-list{margin-top:10px}
html[data-theme="dark"] .history-drawer,html[data-theme="dark"] .modal-card,html[data-theme="dark"] .ops-kpis>div,html[data-theme="dark"] .issue-card,html[data-theme="dark"] .device-card{background:var(--csf-dark-surface);border-color:var(--csf-dark-border);color:var(--csf-dark-text)}html[data-theme="dark"] .history-note,html[data-theme="dark"] .issue-note{background:var(--csf-dark-input);border-color:var(--csf-dark-border)}html[data-theme="dark"] .paper-stale{background:#3c3217}html[data-theme="dark"] .paper-stale .bike-paper-title{color:#ffd166}
@media(max-width:1050px){.ops-kpis.six{grid-template-columns:repeat(3,1fr)}.admin-management-grid,.ops-grid{grid-template-columns:1fr}.admin-inline-form{grid-template-columns:1fr 1fr}.activity-row{grid-template-columns:120px 1fr}}
@media(max-width:650px){.ops-kpis,.ops-kpis.six{grid-template-columns:repeat(2,1fr)}.history-event{grid-template-columns:1fr}.admin-inline-form{grid-template-columns:1fr}.filterbar{flex-direction:column}}


/* Release 6.0 RC2 — compact history + order-style Exceptions + manual routing */
.order-actions-passive{justify-content:space-between}.manual-route-badge{display:inline-block;margin-left:7px;padding:2px 6px;border-radius:999px;background:#eef2ff;color:#3949ab;font-size:9.5px;font-weight:900;vertical-align:middle;letter-spacing:.035em}.exception-order-card{margin:10px 0}.exception-order-card.exception-blocking{border-left:5px solid #b42318}.exception-order-head{display:grid;grid-template-columns:minmax(170px,1.15fr) 150px minmax(180px,1.15fr) minmax(150px,1fr) 175px minmax(190px,auto);gap:12px;align-items:center;padding:10px 12px;background:#fff}.exception-order-head>div>span.small{display:block;margin-bottom:3px}.exception-order-head>div>strong{display:block}.orderno-static{font-size:14px;font-weight:850;color:#185f9d}.exception-order-actions{display:flex;gap:7px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.exception-order-reason{padding:9px 12px;background:#fff8ed;border-top:1px solid #f1dfbf;border-bottom:1px solid #f1dfbf;color:#7a4d0c}.exception-issue-banner{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:9px 12px;background:#fff2f2;border-bottom:1px solid #f2d1d1}.exception-issue-banner>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.exception-note{margin:0;border-radius:0;border-width:0 0 1px 0}.exception-manager-actions{display:flex;gap:7px;justify-content:flex-end;padding:9px 12px;border-top:1px solid #edf1f5;background:#fafbfc}.manual-route-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.manual-route-options label{border:1px solid #dce4ec;border-radius:8px;padding:11px;cursor:pointer;background:#fff}.manual-route-options input{margin-right:6px}.modal-card textarea{font:inherit;background:#fff;border:1px solid #cfd6df;border-radius:7px;padding:9px 10px}.issue-grid{display:block}
html[data-theme="dark"] .exception-order-head,html[data-theme="dark"] .manual-route-options label{background:var(--csf-dark-surface);border-color:var(--csf-dark-border)}html[data-theme="dark"] .exception-order-reason{background:#332817;border-color:#5a4722;color:#ffd589}html[data-theme="dark"] .exception-issue-banner{background:#3a2022;border-color:#603033}html[data-theme="dark"] .exception-manager-actions{background:var(--csf-dark-surface);border-color:var(--csf-dark-border)}html[data-theme="dark"] .manual-route-badge{background:#26325b;color:#c5ceff}
@media(max-width:1200px){.exception-order-head{grid-template-columns:160px 135px 170px 140px 160px 190px;min-width:1040px}.exception-order-card{overflow:auto}.exception-order-card .orderlines{min-width:1040px}}
@media(max-width:650px){.manual-route-options{grid-template-columns:1fr}}


/* Release 6.0 RC3 — Operations Control */
.ops-kpis.seven{grid-template-columns:repeat(7,minmax(112px,1fr))}.op-datebar{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin-bottom:14px;padding:11px 12px;background:#fff;border:1px solid #dfe6ee;border-radius:10px}.op-datebar>div:first-child{margin-right:auto}.op-datebar input,.op-datebar select,.inline-date input{min-height:36px}.inline-date{display:flex;align-items:center;gap:6px;font-size:12px}.card-title-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.card-title-row h2{margin:0}.team-mini-row{display:grid;width:100%;grid-template-columns:minmax(190px,1.5fr) .7fr .7fr .7fr;gap:10px;align-items:center;text-align:left;background:transparent!important;color:inherit!important;border:0!important;border-bottom:1px solid #edf1f5!important;border-radius:0!important;padding:9px 0!important}.team-mini-row span{display:flex;flex-direction:column}.team-mini-row small{color:#64748b}.team-detail-card{margin-top:14px}.linkish{background:transparent!important;border:0!important;padding:0!important;color:#185f9d!important;text-decoration:underline;font:inherit}.excluded-search{margin-bottom:14px}.exclude-result{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #edf1f5}.exclude-result:first-child{border-top:0}.op-filterbar input[type=date]{flex:0 0 auto}.status.WAITING{background:#fff3cd;color:#7a5900}.status.READY{background:#e9f8ee;color:#176b32}
html[data-theme="dark"] .op-datebar{background:var(--csf-dark-surface);border-color:var(--csf-dark-border)}html[data-theme="dark"] .team-mini-row,html[data-theme="dark"] .exclude-result{border-color:var(--csf-dark-border)!important}html[data-theme="dark"] .team-mini-row small{color:var(--csf-dark-muted)}html[data-theme="dark"] .linkish{color:#8cc8ff!important}html[data-theme="dark"] .status.WAITING{background:#4a3c13;color:#ffe08a}html[data-theme="dark"] .status.READY{background:#173b24;color:#9ce2b0}
@media(max-width:1250px){.ops-kpis.seven{grid-template-columns:repeat(4,1fr)}.team-mini-row{grid-template-columns:minmax(170px,1.4fr) repeat(3,.7fr)}}
@media(max-width:720px){.ops-kpis.seven{grid-template-columns:repeat(2,1fr)}.team-mini-row{grid-template-columns:1fr 1fr}.op-datebar{align-items:stretch}.op-datebar>div:first-child{width:100%}.exclude-result{align-items:flex-start;flex-direction:column}}

/* Release 6.0 RC4 — Zebra picking PWA */
body.scanner-mode{margin:0;background:#f4f7fa;overscroll-behavior:none}.scanner-shell{min-height:100dvh;display:flex;flex-direction:column;background:#f4f7fa;color:#17212b}.scanner-top{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 14px;background:#17212b;color:#fff;position:sticky;top:0;z-index:20}.scanner-top h1{font-size:20px;margin:0;color:#fff}.scanner-top .scanner-sub{font-size:11px;color:#cbd5e1;margin-top:2px}.scanner-body{flex:1;padding:14px;max-width:760px;width:100%;box-sizing:border-box;margin:0 auto}.scanner-foot{padding:10px 14px;text-align:center;font-size:10px;color:#64748b}.scanner-card{background:#fff;border:1px solid #dce4ec;border-radius:14px;padding:16px;box-shadow:0 2px 10px rgba(15,23,42,.06)}.scanner-center{text-align:center}.scanner-card h2{margin:4px 0 10px;font-size:24px}.scanner-card label{display:block;font-weight:800;margin:13px 0 6px}.scanner-card textarea{width:100%;min-height:95px;box-sizing:border-box;border:1px solid #aebdcb;border-radius:9px;padding:11px;font:inherit}.scanner-biginput,.scanner-bigselect{width:100%;box-sizing:border-box;min-height:58px;font-size:22px;font-weight:800;border:2px solid #8da7be;border-radius:11px;padding:10px 12px;background:#fff;color:#17212b}.scanner-bigselect{font-size:18px}.scanner-biginput:focus,.scanner-bigselect:focus{outline:3px solid rgba(24,95,157,.16);border-color:#185f9d}.scanner-manual-toggle{display:block;min-height:34px;margin:6px auto 0;padding:6px 10px;border:1px solid #b8c5d1;border-radius:8px;background:#f8fafc;color:#334155;font-size:12px;font-weight:850;line-height:1.1}.scanner-manual-toggle:active{transform:translateY(1px)}.scanner-primary,.scanner-secondary,.scanner-danger,.scanner-huge{width:100%;min-height:54px;margin-top:10px;border-radius:10px;font-size:17px;font-weight:900}.scanner-primary{background:#185f9d!important;color:#fff!important;border-color:#185f9d!important}.scanner-secondary{background:#fff!important;color:#17212b!important;border:1px solid #9fb0c0!important}.scanner-danger{background:#b42318!important;color:#fff!important;border-color:#b42318!important}.scanner-danger-small{background:#b42318!important;color:#fff!important;border-color:#b42318!important;font-weight:900}.scanner-link{background:transparent!important;color:#fff!important;border:0!important;text-decoration:underline;padding:5px!important}.scanner-message{min-height:32px;margin-top:10px;font-weight:900;text-align:center}.scanner-message.good{color:#176b32}.scanner-message.error{color:#b42318}.scanner-progress{text-align:center;font-size:13px;font-weight:850;color:#475569;margin-bottom:8px}.scanner-bin{font-size:42px;line-height:1;font-weight:950;letter-spacing:.02em;text-align:center;padding:18px 8px;background:#17212b;color:#fff;border-radius:14px;margin-bottom:12px}.scanner-product{text-align:center;background:#fff;border:1px solid #dce4ec;border-radius:14px;padding:14px;margin-bottom:12px}.scanner-product h2{font-size:23px;margin:0 0 6px}.scanner-product strong{display:block;font-size:20px;margin-top:8px}.scanner-mini-list{margin-top:14px;border-top:1px solid #e5eaf0}.scanner-mini-list>div{display:flex;justify-content:space-between;gap:10px;padding:10px 2px;border-bottom:1px solid #edf1f5;font-size:12px}.scanner-mini-list>div.done{opacity:.55;text-decoration:line-through}.scanner-complete-tick{font-size:62px;color:#1c8a48;font-weight:900;line-height:1}.scanner-hold-icon{display:grid;place-items:center;margin:4px auto 12px;width:70px;height:70px;border-radius:50%;background:#b42318;color:#fff;font-size:48px;font-weight:950}.scanner-status-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f5}.scanner-status-row:last-child{border-bottom:0}.scanner-enrol-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.scanner-offline{background:#fff3cd;color:#7a5900;border:1px solid #ecd88c;border-radius:9px;padding:10px;margin-bottom:10px;font-weight:800}.scanner-pick form{margin-top:12px}@media(min-width:700px){.scanner-body{padding:20px}.scanner-card{padding:20px}.scanner-bin{font-size:50px}}
@media(max-width:480px){.scanner-top{padding:10px 11px}.scanner-body{padding:10px}.scanner-card{padding:13px;border-radius:11px}.scanner-bin{font-size:38px}.scanner-product h2{font-size:20px}.scanner-biginput{font-size:19px}}
/* RC4 in-flight order-change reconciliation + scanner admin */
.change-delta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;padding:10px 12px;background:#fbfcfe;border-bottom:1px solid #e3e8ef}.change-delta{border:1px solid #dce4ec;border-radius:8px;padding:9px;background:#fff}.change-delta strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}.change-delta span{display:block;font-size:12px;padding:2px 0}.change-delta.added strong{color:#176b32}.change-delta.removed strong,.change-delta.return strong{color:#b42318}.change-delta.changed strong{color:#9a6700}.return-line{font-weight:850;padding:4px 0}.return-confirm{display:block;margin-top:10px;font-weight:850}.change-review-modal{width:min(680px,calc(100vw - 28px))}.user-form-rc4{grid-template-columns:1fr 1fr 1.25fr .75fr .75fr auto}.pinbtn{white-space:nowrap}html[data-theme="dark"] .change-delta-grid{background:var(--csf-dark-surface-2);border-color:var(--csf-dark-border)}html[data-theme="dark"] .change-delta{background:var(--csf-dark-surface);border-color:var(--csf-dark-border)}
@media(max-width:1150px){.user-form-rc4{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:650px){.user-form-rc4{grid-template-columns:1fr}.change-delta-grid{grid-template-columns:1fr}}
/* Actual RC4 scanner shell selectors */
body.scanner-mode{background:#f4f7fa}body.scanner-mode .topbar{display:none!important}body.scanner-mode main{max-width:none;margin:0;padding:0;min-height:100dvh}.scanner-app{min-height:100dvh;background:#f4f7fa}.scanner-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;background:#17212b;color:#fff;position:sticky;top:0;z-index:20}.scanner-head h1{margin:1px 0 0;color:#fff;font-size:21px}.scanner-eyebrow{font-size:10px;font-weight:950;letter-spacing:.12em;color:#9fb5ca}.scanner-head .scanner-sub{font-size:11px;color:#cbd5e1;margin-top:3px}#scannerBody{padding:14px;max-width:760px;margin:0 auto}.scanner-step{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#185f9d;color:#fff;font-weight:950;margin-bottom:8px}.scanner-pin{width:100%;box-sizing:border-box;min-height:58px;font-size:28px;letter-spacing:.25em;text-align:center;font-weight:900;border:2px solid #8da7be;border-radius:11px;padding:10px 12px}.scanner-ready{background:#fff;border:1px solid #dce4ec;border-radius:14px;padding:18px;text-align:center}.scanner-count b{display:block;font-size:54px;line-height:1}.scanner-count span{display:block;color:#64748b;font-weight:800;margin:5px 0 15px}.scanner-hint{font-size:12px;color:#64748b;margin-top:14px}.scanner-tote-icon{font-size:64px;line-height:1;color:#185f9d}.scanner-message.bad{color:#b42318;font-weight:900;margin:8px 0}.scanner-message.good{color:#176b32;font-weight:900;margin:8px 0}.scanner-link{color:#185f9d!important}.scanner-head .scanner-link{color:#fff!important}.scanner-head .scanner-danger-small{padding:8px 10px}.scanner-center .scanner-link{margin-top:10px}
html[data-theme="dark"] body.scanner-mode,html[data-theme="dark"] .scanner-app{background:var(--csf-dark-bg)}html[data-theme="dark"] .scanner-card,html[data-theme="dark"] .scanner-ready,html[data-theme="dark"] .scanner-product{background:var(--csf-dark-surface);border-color:var(--csf-dark-border);color:var(--csf-dark-text)}html[data-theme="dark"] .scanner-biginput,html[data-theme="dark"] .scanner-bigselect,html[data-theme="dark"] .scanner-pin,html[data-theme="dark"] .scanner-card textarea{background:var(--csf-dark-input);color:var(--csf-dark-text);border-color:var(--csf-dark-border)}html[data-theme="dark"] .scanner-manual-toggle{background:var(--csf-dark-surface-2);color:var(--csf-dark-text);border-color:var(--csf-dark-border)}html[data-theme="dark"] .scanner-mini-list,html[data-theme="dark"] .scanner-mini-list>div{border-color:var(--csf-dark-border)}
@media(max-width:480px){#scannerBody{padding:10px}.scanner-head{padding:10px 11px}.scanner-head h1{font-size:19px}.scanner-count b{font-size:48px}}

/* Release 6.0 RC5.3 — bike batch paperwork + tender overdue visibility */
.bike-ordercheck{accent-color:auto}.tender-overdue-row td{background:#fff8ed}.tender-overdue-badge{font-weight:900}.bike-batch-tools #bikeBatchPrint{white-space:nowrap}
html[data-theme="dark"] .tender-overdue-row td{background:#332817}

/* RC5.4 — dedicated After Sales lane */
html[data-theme="dark"] .navgroup.aftersales{background:#2f2229}

/* RC5.5 — scheduled despatch + Bike build queue */
.dispatch-box{display:grid;grid-template-columns:auto 1fr auto;gap:5px 7px;align-items:center;margin:0 0 6px;padding:5px 7px;border:1px solid #9db6ce;border-radius:7px;background:#eef6ff;color:#234b70;line-height:1.05}.dispatch-box span{font-size:8.5px;font-weight:950;letter-spacing:.08em}.dispatch-box strong{font-size:11px;white-space:nowrap}.dispatch-box small{font-size:8.5px;font-weight:950;border-radius:999px;padding:2px 5px;background:#fff}.dispatch-box.today{background:#e9f8ee;border-color:#78b48c;color:#176b32}.dispatch-box.overdue,.dispatch-box.blocked{background:#fff0ef;border-color:#d38b85;color:#8d3434}.dated-despatch{box-shadow:inset 0 0 0 1px rgba(31,79,130,.04)}.dispatch-action{white-space:nowrap}.dispatch-date-editor{width:100%;font:inherit;background:#fff;border:1px solid #9db6ce;border-radius:7px;padding:10px}.dispatch-date-help{margin-top:9px;color:#64748b;font-size:12px;line-height:1.4}.bike-date-batch-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:-3px 0 12px;padding:9px 11px;border:1px solid #d9e2ec;border-radius:9px;background:#f8fbfe}.bike-date-batch-bar>div{display:flex;flex-direction:column;margin-right:auto}.bike-date-batch-bar strong{font-size:12px}.bike-date-batch-bar span{font-size:11px;color:#64748b}.bike-date-batch-bar input{font:inherit;background:#fff;border:1px solid #cfd6df;border-radius:7px;padding:8px 9px}.order-tools #readinessfilter,.order-tools #dispatchfilter{min-width:145px}
html[data-theme="dark"] .dispatch-box{background:#17304a;border-color:#3b5e7e;color:#b9d7f2}html[data-theme="dark"] .dispatch-box.today{background:#173b24;border-color:#376b49;color:#9ce2b0}html[data-theme="dark"] .dispatch-box.overdue,html[data-theme="dark"] .dispatch-box.blocked{background:#4a2327;border-color:#734148;color:#ffadb4}html[data-theme="dark"] .dispatch-box small{background:#111827;color:inherit}html[data-theme="dark"] .bike-date-batch-bar{background:var(--csf-dark-surface-2);border-color:var(--csf-dark-border)}html[data-theme="dark"] .bike-date-batch-bar span,html[data-theme="dark"] .dispatch-date-help{color:var(--csf-dark-muted)}html[data-theme="dark"] .bike-date-batch-bar input,html[data-theme="dark"] .dispatch-date-editor{background:var(--csf-dark-input);color:var(--csf-dark-text);border-color:var(--csf-dark-border)}
@media(max-width:1200px){.order-tools #readinessfilter,.order-tools #dispatchfilter{min-width:0}.bike-date-batch-bar>div{flex-basis:100%}}
@media(max-width:760px){.dispatch-box{grid-template-columns:auto 1fr}.dispatch-box small{grid-column:1/-1;width:max-content}.bike-date-batch-bar input,.bike-date-batch-bar button{flex:1 1 160px}}
\n\n/* RC5.6 — responsive order toolbar cleanup */
.order-tools{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:10px 0 12px}
.order-tools .search{flex:1 1 360px;min-width:260px;width:auto}
.order-tools select{flex:0 1 170px;width:auto;max-width:200px;min-width:120px}
.order-tools #statusfilter{min-width:145px}
.order-tools #readinessfilter,.order-tools #dispatchfilter{min-width:150px;max-width:210px}
.order-tools #service{min-width:130px}
.order-tools #age{min-width:110px;max-width:130px}
.order-tools #pagesize{flex:0 0 104px;width:104px;min-width:104px;max-width:104px}
.order-tools button{flex:0 0 auto;white-space:nowrap}
@media(max-width:760px){.order-tools .search{flex-basis:100%;min-width:100%}.order-tools select{flex:1 1 145px;max-width:none}.order-tools #pagesize{flex:0 0 104px;min-width:104px}.order-tools button{flex:1 1 auto}}


/* RC5.7 — deterministic toolbar widths; wrap before native selects can overlap */
.order-tools select{box-sizing:border-box;min-width:0;flex-shrink:0}
.order-tools #statusfilter{flex:0 0 170px;width:170px;min-width:170px;max-width:170px}
.order-tools #readinessfilter{flex:0 0 155px;width:155px;min-width:155px;max-width:155px}
.order-tools #dispatchfilter{flex:0 0 190px;width:190px;min-width:190px;max-width:190px}
.order-tools #service{flex:0 0 145px;width:145px;min-width:145px;max-width:145px}
.order-tools #age{flex:0 0 110px;width:110px;min-width:110px;max-width:110px}
.order-tools #pagesize{flex:0 0 104px;width:104px;min-width:104px;max-width:104px}

/* RC5.7 — Warehouse A / E scanner home and stage badges */
.scanner-zone-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.scanner-zone-card{min-height:190px;border:2px solid #cbd7e3;border-radius:16px;background:#fff!important;color:#17212b!important;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;box-shadow:0 2px 10px rgba(15,23,42,.06)}
.scanner-zone-card span{font-size:11px;font-weight:950;letter-spacing:.1em;color:#64748b}.scanner-zone-card b{font-size:56px;line-height:1;margin:8px 0 4px}.scanner-zone-card strong{font-size:19px}.scanner-zone-card small{font-size:11px;color:#64748b;margin-top:8px}.scanner-zone-card.zone-a{border-color:#8db7dc}.scanner-zone-card.zone-e{border-color:#8fc3a1}.scanner-zone-card:disabled{opacity:.48}
.scanner-zone-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:950;letter-spacing:.08em;margin:0 auto 9px}.scanner-zone-pill.zone-a{background:#eaf3fb;color:#1f5f96}.scanner-zone-pill.zone-e{background:#eaf7ee;color:#257244}
html[data-theme="dark"] .scanner-zone-card{background:var(--csf-dark-surface)!important;color:var(--csf-dark-text)!important;border-color:var(--csf-dark-border)}
@media(max-width:520px){.scanner-zone-grid{grid-template-columns:1fr}.scanner-zone-card{min-height:135px}.scanner-zone-card b{font-size:46px}.order-tools #statusfilter,.order-tools #readinessfilter,.order-tools #dispatchfilter,.order-tools #service,.order-tools #age{flex:1 1 145px;width:auto;min-width:145px;max-width:none}}

/* RC5.8 — shared responsive toolbar: final override, verified as the single authority. */
.order-tools{display:grid!important;grid-template-columns:minmax(260px,2fr) repeat(5,minmax(130px,1fr)) max-content minmax(96px,110px) max-content;gap:7px;align-items:center}
.order-tools>*{box-sizing:border-box;min-width:0!important;max-width:none!important;width:100%!important;flex:none!important}
.order-tools .search{grid-column:auto;width:100%!important;min-width:0!important}
.order-tools button{width:auto!important;white-space:nowrap;justify-self:start}
.order-tools #pagesize{width:104px!important;min-width:104px!important;max-width:104px!important}
@media(max-width:1450px){.order-tools{grid-template-columns:minmax(260px,2fr) repeat(4,minmax(135px,1fr));}.order-tools .search{grid-column:span 2}.order-tools button,.order-tools #pagesize{justify-self:start}}
@media(max-width:1050px){.order-tools{grid-template-columns:repeat(3,minmax(150px,1fr))}.order-tools .search{grid-column:1/-1}.order-tools button{width:100%!important;justify-self:stretch}.order-tools #pagesize{width:100%!important;min-width:0!important;max-width:none!important}}
@media(max-width:650px){.order-tools{grid-template-columns:1fr 1fr}.order-tools .search{grid-column:1/-1}.order-tools button{grid-column:auto}}
@media(max-width:430px){.order-tools{grid-template-columns:1fr}.order-tools>*{grid-column:1!important}}

.navgroup.staff{background:#f2fbfb}.navgroup.notifications{background:#fff8ed}.navgroup.notifications .has-alerts{border-color:#c98b27;background:#fff3da}.navgroup.notifications .has-alerts b{background:#b42318;color:#fff}
.notification-popover{position:fixed;z-index:520;top:94px;right:18px;width:min(470px,calc(100vw - 28px));max-height:70vh;overflow:auto;background:#fff;border:1px solid #dbe3ec;border-radius:12px;box-shadow:0 18px 48px rgba(15,23,42,.24)}
.notification-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;background:#fff;border-bottom:1px solid #edf1f5}.notification-head>div{display:flex;flex-direction:column}.notification-head small{color:#64748b}.notification-head button{border:0;background:transparent;font-size:22px}.notification-list{padding:7px}.notification-item{display:grid;grid-template-columns:1fr auto;border:1px solid #e4e9ef;border-left:4px solid #d49a38;border-radius:8px;margin:6px 0;overflow:hidden}.notification-item.severity-critical{border-left-color:#b42318}.notification-main{display:flex;flex-direction:column;align-items:flex-start!important;text-align:left;border:0;border-radius:0;background:#fff;padding:10px 11px;font-weight:400}.notification-main strong{font-size:13px}.notification-main span{font-size:12px;margin-top:3px}.notification-main small{font-size:11px;color:#64748b;margin-top:4px}.notification-dismiss{border:0;border-left:1px solid #edf1f5;border-radius:0;padding:0 12px;font-size:18px;color:#64748b;background:#fff}
.internal-note-preview{padding:7px 11px;background:#f7f3ff;border-bottom:1px solid #e5dcf5;font-size:12px;color:#493b68}.internal-note-preview strong{font-size:9px;letter-spacing:.06em;background:#6b5aa6;color:#fff;border-radius:999px;padding:3px 6px;margin-right:5px}.has-internal-note{border-color:#8f79ba!important;background:#f7f3ff!important}.internal-notes-modal{width:min(680px,calc(100vw - 28px))}.internal-note-list{max-height:360px;overflow:auto}.internal-note-row{padding:10px 0;border-bottom:1px solid #edf1f5}.internal-note-row strong{font-size:12px}.internal-note-row small{float:right;color:#64748b}.internal-note-row p{margin:5px 0 0;white-space:pre-wrap}.internal-notes-modal textarea{width:100%;min-height:100px}
.access-modal{width:min(850px,calc(100vw - 28px));max-height:92vh;overflow:auto}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.permission-grid label{display:grid;grid-template-columns:1fr 120px;gap:8px;align-items:center;padding:7px 8px;border:1px solid #e3e8ee;border-radius:7px}.permission-grid span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.toggleline{display:flex;align-items:center;gap:8px;margin:9px 0;font-weight:700}.toggleline input{width:17px;height:17px}.user-form-rc4{grid-template-columns:1fr 1fr 1.3fr .8fr 1fr auto!important}
html[data-theme="dark"] .notification-popover,html[data-theme="dark"] .notification-head,html[data-theme="dark"] .notification-main,html[data-theme="dark"] .notification-dismiss,html[data-theme="dark"] .internal-note-preview{background:var(--csf-dark-surface);border-color:var(--csf-dark-border);color:var(--csf-dark-text)}
html[data-theme="dark"] .navgroup.staff,html[data-theme="dark"] .navgroup.notifications{background:var(--csf-dark-surface);border-color:var(--csf-dark-border)}
@media(max-width:760px){.permission-grid{grid-template-columns:1fr}.notification-popover{top:78px;right:8px;width:calc(100vw - 16px)}.user-form-rc4{grid-template-columns:1fr!important}}

/* RC5.8 privacy guard — Internal Notes are application-only and must never print. */
@media print{
  .internal-note-preview,.internal-notes-modal,.has-internal-note{display:none!important}
}


/* RC5.8.3 — compact all-visible order actions (Design A).
   Protect order data columns; shorten secondary action labels; keep cards single-row. */
main{max-width:1900px}
.orderrow{
  grid-template-columns:52px minmax(140px,.9fr) 136px minmax(150px,1.05fr) 92px 50px 88px 120px minmax(390px,1.55fr);
  gap:7px;
  padding:8px 10px;
}
.orderrow>*{min-width:0}
.orderrow>.right{white-space:nowrap}
.order-actions{
  gap:5px;
  flex-wrap:nowrap;
  white-space:nowrap;
  min-width:max-content;
  justify-self:end;
  justify-content:flex-end;
}
.order-actions .compact-action{
  flex:0 0 auto;
  padding:6px 9px;
  font-size:11.5px;
  line-height:1.15;
}
@media(max-width:1450px){
  .orderrow{
    grid-template-columns:48px minmax(125px,.85fr) 120px minmax(135px,1fr) 82px 46px 78px 112px minmax(375px,1.5fr);
    gap:6px;
    font-size:12px;
  }
  .order-actions{gap:4px}
  .order-actions .compact-action{padding:5px 7px;font-size:10.8px}
}
@media(max-width:1250px){
  .orderblock{overflow-x:auto;overflow-y:hidden}
  .orderrow{
    grid-template-columns:46px 118px 110px minmax(125px,1fr) 74px 42px 72px 108px minmax(355px,1.4fr);
    gap:5px;
    min-width:1110px;
    padding:7px 8px;
  }
  .order-actions{gap:3px}
  .order-actions .compact-action{padding:5px 6px;font-size:10.4px}
}


/* RC5.8.4 — PAC + Bike order-card structural layout fix.
   The state and action groups own dedicated max-content columns.
   Order-level reasons are no longer rendered beside actions. */
.orderrow{
  grid-template-columns:48px minmax(125px,.82fr) 128px minmax(145px,1fr) minmax(70px,92px) 46px 86px max-content max-content;
  column-gap:7px;
  row-gap:0;
  padding:8px 10px;
}
.orderrow>*{min-width:0}
.orderrow>.right{white-space:nowrap}
.order-state-cell{white-space:nowrap;justify-self:start}
.order-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  justify-self:end;
  gap:5px;
  min-width:0;
  width:max-content;
  max-width:none;
  white-space:nowrap;
  flex-wrap:nowrap;
}
.order-actions .reason{display:none!important}
.order-actions-passive{display:none!important}
.order-actions .compact-action{flex:0 0 auto;padding:6px 8px;font-size:11.3px;line-height:1.15}
@media(max-width:1450px){
  .orderrow{
    grid-template-columns:44px minmax(110px,.78fr) 112px minmax(125px,1fr) 68px 42px 76px max-content max-content;
    column-gap:5px;
    padding:7px 8px;
    font-size:12px;
  }
  .order-actions{gap:4px}
  .order-actions .compact-action{padding:5px 6px;font-size:10.6px}
}
@media(max-width:1250px){
  .orderrow{
    grid-template-columns:42px 104px 104px minmax(112px,1fr) 60px 38px 70px max-content max-content;
    column-gap:4px;
    padding:7px 7px;
    font-size:11.5px;
    min-width:0;
  }
  .order-actions{gap:3px}
  .order-actions .compact-action{padding:4px 5px;font-size:10.1px}
}
@media(max-width:1080px){
  .orderblock{overflow-x:auto;overflow-y:hidden}
  .orderrow{min-width:1040px}
}


/* RC5.8.5 — aligned PAC/Bike order columns.
   Every shared order header uses the same deterministic column geometry.
   Variable content stays inside its own cell; it never moves later columns. */
.orderrow{
  grid-template-columns:48px 168px 142px minmax(190px,1fr) 104px 48px 92px 164px 360px;
  column-gap:7px;
  row-gap:0;
  padding:8px 10px;
  align-items:center;
}
.orderrow>*{min-width:0}
.order-number-cell,.order-date-cell,.order-route-cell,.order-service-cell,.order-qty-cell,.order-price-cell,.order-state-cell{min-width:0}
.order-reference-cell,.order-route-cell>strong,.order-route-cell>.small,.order-service-cell{
  overflow:hidden;
  text-overflow:ellipsis;
}
.order-reference-cell,.order-service-cell{white-space:nowrap}
.order-route-cell>strong{display:block;white-space:nowrap}
.order-route-cell>.small{white-space:nowrap}
.order-date-cell{white-space:nowrap}
.order-price-cell{white-space:nowrap;font-variant-numeric:tabular-nums}
.order-state-cell{
  width:100%;
  display:flex;
  align-items:center;
  gap:4px;
  white-space:nowrap;
  overflow:hidden;
  justify-self:stretch;
}
.order-actions{
  width:100%;
  min-width:0;
  max-width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  justify-self:stretch;
  gap:5px;
  white-space:nowrap;
  flex-wrap:nowrap;
  overflow:visible;
}
.order-actions .compact-action{flex:0 0 auto;padding:6px 8px;font-size:11.2px;line-height:1.15}
.order-actions-passive{visibility:hidden!important;display:flex!important}

@media(max-width:1500px){
  .orderrow{
    grid-template-columns:44px 146px 126px minmax(170px,1fr) 92px 44px 82px 154px 326px;
    column-gap:5px;
    padding:7px 8px;
    font-size:12px;
  }
  .order-actions{gap:3px}
  .order-actions .compact-action{padding:5px 5px;font-size:10.15px}
  .order-state-cell .status,.order-state-cell .readiness{font-size:9.8px;padding:3px 6px}
}

@media(max-width:1250px){
  .orderblock{overflow-x:auto;overflow-y:hidden}
  .orderrow{
    grid-template-columns:42px 126px 116px minmax(158px,1fr) 84px 42px 76px 148px 304px;
    column-gap:4px;
    padding:7px 7px;
    font-size:11.5px;
    min-width:1135px;
  }
  .order-actions{gap:3px}
  .order-actions .compact-action{padding:4px 4px;font-size:9.65px}
  .order-state-cell .status,.order-state-cell .readiness{font-size:9.4px;padding:3px 5px}
}

@media(max-width:1165px){
  .orderblock{overflow-x:auto;overflow-y:hidden}
  .orderrow{min-width:1135px}
}
.workflow-choice-list{display:grid;gap:8px;margin:10px 0 14px}.workflow-choice{display:flex;align-items:flex-start;gap:10px;border:1px solid #dce3eb;border-radius:8px;padding:10px 11px;background:#fff;cursor:pointer}.workflow-choice:hover{background:#f8fafc}.workflow-choice input{margin-top:3px;flex:0 0 auto}.workflow-choice span{display:grid;gap:3px}.workflow-choice strong{font-size:13px}.workflow-choice small{color:#64748b;line-height:1.35}.confirm-row{align-items:flex-start;gap:9px;padding:10px 11px;border:1px solid #f1c7c2;border-radius:8px;background:#fff7f6;margin:10px 0 14px;font-size:12px;line-height:1.4}.confirm-row input{margin-top:1px;flex:0 0 auto}