.chart-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}
.chart-kpi{background:#fff;border:1px solid #e3eaeb;border-radius:9px;padding:17px 18px 12px;min-width:0;overflow:hidden;transition:border-color .2s,transform .2s}
.chart-kpi:hover{border-color:#9dbdb2;transform:translateY(-2px)}
.chart-kpi-top{display:flex;align-items:center;justify-content:space-between;color:#7c9097;font-size:11px}
.kpi-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#edf5f1;color:#52947c;font-size:17px}
.blue .kpi-icon{background:#eef4fb;color:#7099be}.violet .kpi-icon{background:#f2eff8;color:#a091ba}.amber .kpi-icon{background:#fbf4e9;color:#c4a066}
.chart-kpi-body{display:flex;align-items:center;height:92px;gap:5px}
.chart-kpi-number{font-size:30px;line-height:1.2;font-weight:550;letter-spacing:-1px;white-space:nowrap;font-variant-numeric:tabular-nums}
.chart-kpi-number small{display:inline-block;font-size:10px;font-weight:400;letter-spacing:0;color:#8b9c9e;margin-left:6px}
.kpi-chart{height:82px;flex:1;min-width:55px}
.chart-kpi-footer{display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid #f0f3f2;padding-top:10px;color:#8c9d9e;font-size:9px;line-height:1.7}
.chart-kpi-footer small{color:#a4afaf;font-size:8px;white-space:nowrap}
.twin-actions{display:flex;align-items:center;gap:13px}
.screen-entry{display:inline-flex;align-items:center;gap:6px;background:#edf5ef;border:1px solid #cbdfd1;color:#4a7e5c;padding:7px 11px;border-radius:5px;font-size:10px}
.screen-entry:hover{background:#dfeee4;border-color:#8fbaa0}
.twin-blueprint{padding:15px 15px 0;overflow:hidden}
.floorplan{display:block;width:100%;height:auto;color:#6e968b;min-height:230px;--ground:#f5f8f6;--boundary:#d9e6dd;--zone:#f0f5f1;--rack:#d5e4d9;--bin:#8eb39d;--zone-title:#476b57;--muted:#80998c}
.site-ground{fill:var(--ground);stroke:#dce6df;stroke-width:2}
.main-corridor{fill:#e5eee7;opacity:.7}.traffic-line{stroke:#92b6a4;stroke-width:1.3;stroke-dasharray:8 9;fill:none;animation:route-motion 10s linear infinite}
.corridor-label{fill:#8ca898;font-size:10px;letter-spacing:3px}
.zone-boundary{fill:var(--zone);stroke:var(--boundary);stroke-width:1.2;transition:fill .2s,stroke .2s}
.twin-zone{cursor:pointer}.twin-zone:hover .zone-boundary,.twin-zone.selected .zone-boundary{stroke:#609c78;stroke-width:2;fill:#e8f2eb}
.twin-zone:focus-visible{outline:none}.twin-zone:focus-visible .zone-boundary{stroke:#409363;stroke-width:3}
.twin-zone-title{font-size:12px;font-weight:600;fill:var(--zone-title)}
.twin-zone-count{font-size:9px;fill:var(--muted)}
.shelf-frame{fill:var(--rack);stroke:#acc8b4;stroke-width:.7}
.shelf-bin{fill:var(--bin);opacity:.72;transition:opacity .2s}.twin-zone:hover .shelf-bin{opacity:1}
.has-returns .zone-boundary{stroke:#c8a679;stroke-dasharray:5 3}.has-returns .twin-zone-count{fill:#b68a51}
.dock rect{fill:#dfe9e3;stroke:#bad0c3}.dock path{stroke:#9bb8a8;stroke-width:1}.dock text{fill:#94a99d;font-size:9px}
.site-label{font-size:11px;letter-spacing:2px;fill:#8ca698}
.staging-pallet{fill:#e0e9df;stroke:#bdcdb9;stroke-dasharray:3 2}
.dispatch-line{stroke:#bbd2c2;stroke-width:1.2;stroke-dasharray:5 7}
.dispatch-pallet rect{fill:#e5ddcb;stroke:#c9bea5;stroke-width:.8}.dispatch-pallet path{stroke:#c9bea5;stroke-width:1}
.twin-bottom{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;padding:11px 18px 6px;color:#8a9c92;font-size:8px;line-height:1.7}
.twin-bottom .legend-dot.warning{margin-left:10px}
.twin-provenance{font-size:8px;color:#a0ada6;padding:2px 18px 14px;line-height:1.8}
@keyframes route-motion{to{stroke-dashoffset:-170}}
/* Dedicated wallboard. */
body.screen-mode{background:#071923;color:#c6e0e3}
.screen-mode>.sidebar,.screen-mode .shell>header,.screen-mode main>.page-heading,.screen-mode main>.playbar,.screen-mode main>footer{display:none}
.screen-mode .shell{margin:0}.screen-mode main{max-width:none;padding:0}.screen-mode #toast{left:50%}
.screen-mode .modal{color:#29404a}
.wallboard{min-height:100dvh;padding:0 23px 12px;background:#071923;background-image:radial-gradient(#24505b44 .7px,transparent .7px);background-size:22px 22px}
.wallboard-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;height:105px;border-bottom:1px solid #1a3945;margin-bottom:19px}
.wallboard-brand{display:flex;flex-direction:column;gap:7px}.wallboard-brand>span{font-size:23px;letter-spacing:6px;color:#a5d8ca}.wallboard-brand>small{font-size:8px;letter-spacing:1.5px;color:#5c8793}
.wallboard-heading{text-align:center}.wallboard-heading h1{font-size:25px;color:#cce7e7;letter-spacing:7px;margin:0 0 9px;font-weight:500}.wallboard-heading p{margin:0;font-size:10px;letter-spacing:1px;color:#7396a0}.wallboard-heading i{font-style:normal;margin:0 10px;color:#426b75}
.wallboard-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.wallboard-live{font-size:9px;color:#659f96;white-space:nowrap}.wallboard-live i{display:inline-block;width:5px;height:5px;background:#56b69f;border-radius:50%;margin-right:6px}
.screen-button{background:#102d37;border:1px solid #28505b;color:#84afb7;padding:8px 10px;border-radius:4px;font-size:9px;white-space:nowrap}.screen-button:hover{background:#173b46;color:#c5e7e7}
.wallboard .chart-kpis{gap:15px;margin-bottom:19px}
.wallboard .chart-kpi{background:#0c222d;border-color:#1c3b47;padding:15px 19px 10px}
.wallboard .chart-kpi-top{color:#7fabb1}.wallboard .kpi-icon{background:#133b3c;color:#67bcaa}.wallboard .blue .kpi-icon{background:#173447;color:#7baacb}.wallboard .violet .kpi-icon{background:#2b2e46;color:#b3a2cf}.wallboard .amber .kpi-icon{background:#393329;color:#d7b67c}
.wallboard .chart-kpi-body{height:79px}.wallboard .chart-kpi-number{font-size:33px;color:#c3e4e4}.wallboard .chart-kpi-number small{color:#648b94}
.wallboard .chart-kpi-footer{border-color:#163743;color:#72959d}.wallboard .chart-kpi-footer small{color:#426d78}
.wallboard-grid{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(500px,2.4fr) minmax(230px,.95fr);gap:16px;align-items:stretch}
.wallboard-side{display:grid;grid-template-rows:1fr 1fr;gap:16px;min-width:0}
.screen-panel{background:#0a202a;border:1px solid #1a3b48;border-radius:5px;min-width:0;overflow:hidden}
.screen-panel h2{height:43px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #163743;margin:0;padding:0 14px;font-size:12px;font-weight:500;color:#9fc4c9;letter-spacing:1px}
.screen-panel h2>span{font:10px monospace;color:#4a968d;letter-spacing:0}.screen-panel h2 small{margin-left:auto;font-size:8px;color:#4c7985;font-weight:400;letter-spacing:0}
.screen-chart{height:210px;min-height:170px;margin:10px 0}
.screen-twin{display:flex;flex-direction:column;justify-content:space-between}
.screen-twin .twin-blueprint{padding:13px 10px 0;flex:1;display:flex;align-items:center}
.screen-twin .floorplan{min-height:330px;--ground:#0b242e;--boundary:#2d5057;--zone:#102e35;--rack:#244a4b;--bin:#498a79;--zone-title:#8dc6b5;--muted:#649c97}
.screen-twin .site-ground{stroke:#244752}.screen-twin .main-corridor{fill:#173b40}.screen-twin .traffic-line{stroke:#55a18f}.screen-twin .twin-zone:hover .zone-boundary,.screen-twin .twin-zone.selected .zone-boundary{fill:#174337;stroke:#65b49a}
.screen-twin .shelf-frame{stroke:#366858}.screen-twin .dock rect{fill:#16373e;stroke:#335963}.screen-twin .dock path{stroke:#426772}.screen-twin .staging-pallet{fill:#183739;stroke:#3a6455}.screen-twin .site-label{fill:#497c7e}.screen-twin .dispatch-pallet rect{fill:#394335;stroke:#616b4a}.screen-twin .dispatch-pallet path{stroke:#727550}.screen-twin .twin-bottom{color:#597e82;font-size:8px}.screen-twin .twin-provenance{color:#466a74;font-size:8px;padding-bottom:10px}
.screen-event-strip{border-top:1px solid #1d3a44;padding:12px 13px;font-size:9px;display:flex;gap:15px;flex-wrap:wrap;align-items:center;color:#4b7e85}.screen-event-strip>span{color:#80b6ac}.screen-event-strip div{font-size:8px}.screen-event-strip b{color:#739a9f;font-weight:400;margin:0 4px}.screen-event-strip strong{color:#88c4ac;font-weight:400;margin-left:5px}
.screen-ai-content{padding:12px 15px;max-height:225px;overflow:auto;font-size:10px;color:#7fa5ad;line-height:1.9;scrollbar-width:thin;scrollbar-color:#28515b transparent}.screen-ai-content .answer-heading{color:#a7c8c4}.screen-ai-content .answer-number{background:transparent;padding:0;color:#8ac6a7}.screen-ai-content .tone-yellow{color:#d4b178}.screen-ai-content .tone-red{color:#d78c7a}
.wallboard-footer{display:flex;justify-content:space-between;gap:15px;padding-top:15px;font-size:8px;color:#3c6672;letter-spacing:.6px}
@media(min-width:1750px){.screen-chart{height:240px}.wallboard-grid{min-height:590px}.screen-ai-content{max-height:260px}}
@media(max-width:1350px){.chart-kpi{padding:14px 13px 10px}.chart-kpi-number{font-size:25px}.chart-kpi-footer{font-size:8px}.chart-kpi-footer small{display:none}.wallboard-header{grid-template-columns:auto 1fr auto}.wallboard-brand>small{display:none}.wallboard-heading h1{font-size:21px;letter-spacing:4px}.wallboard-live{display:none}.screen-panel h2 small{display:none}.wallboard-grid{grid-template-columns:minmax(170px,.8fr) minmax(400px,2fr) minmax(180px,.85fr)}.screen-chart{height:180px}.screen-twin .floorplan{min-height:290px}}
@media(max-width:1100px){.chart-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.wallboard-grid{grid-template-columns:1fr 1fr}.screen-twin{grid-column:1/3;grid-row:1}.wallboard-side{grid-template-columns:1fr;grid-template-rows:auto auto}.wallboard-header{height:95px}.wallboard-brand{display:none}.wallboard-header{grid-template-columns:1fr auto}.wallboard-heading{text-align:left}.wallboard-heading h1{font-size:21px;letter-spacing:3px}.screen-twin .floorplan{min-height:300px}}
@media(max-width:700px){.chart-kpis{gap:9px}.chart-kpi{padding:12px 12px 8px}.chart-kpi-body{height:78px;flex-wrap:wrap;position:relative}.chart-kpi-number{font-size:23px;z-index:1}.kpi-chart{height:49px;min-width:100%;position:absolute;bottom:-3px;opacity:.65}.chart-kpi-number small{font-size:9px}.chart-kpi-top{font-size:10px}.kpi-icon{width:20px;height:20px;font-size:14px}.chart-kpi-footer{padding-top:8px;font-size:8px}.twin-actions .panel-kicker{display:none}.screen-entry{font-size:9px;padding:6px 8px}.twin-blueprint{padding:8px 6px 0}.floorplan{min-height:160px}.twin-bottom{padding:8px 12px 3px;font-size:7px}.twin-provenance{padding:2px 12px 11px;font-size:7px}.wallboard{padding:0 12px 10px}.wallboard-header{height:103px;display:flex;flex-wrap:wrap;gap:8px;padding:15px 0}.wallboard-heading h1{font-size:18px;letter-spacing:2px}.wallboard-heading p{font-size:8px}.wallboard-actions{margin-left:auto;gap:5px}.screen-button{padding:6px;font-size:8px}.wallboard .chart-kpi-number{font-size:24px}.wallboard .chart-kpi-body{height:76px}.wallboard-grid{display:flex;flex-direction:column}.screen-twin .floorplan{min-height:190px}.wallboard-side{display:grid;grid-template-columns:1fr 1fr;gap:10px}.screen-panel h2{font-size:10px;padding:0 9px;gap:6px;letter-spacing:0}.screen-panel h2>span{font-size:8px}.screen-chart{height:190px;margin:8px 0}.screen-ai-content{padding:9px;font-size:9px;max-height:205px}.wallboard-footer{flex-wrap:wrap;font-size:7px}.screen-event-strip{gap:8px;font-size:8px}.screen-event-strip div:nth-last-child(1){display:none}}
@media(prefers-reduced-motion:reduce){.traffic-line{animation:none}}
@media(min-width:1101px){
  .wallboard{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
  .wallboard-header{flex-shrink:0;height:88px;margin-bottom:14px}
  .wallboard .chart-kpis{flex-shrink:0;margin-bottom:14px}
  .wallboard-grid{flex:1;min-height:0}
  .wallboard-side{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}
  .screen-panel{min-height:0}
  .screen-chart{height:calc(100% - 63px);min-height:70px}
  .screen-ai-content{height:calc(100% - 43px);max-height:none}
  .screen-twin .twin-blueprint{min-height:0}
  .screen-twin .floorplan{min-height:0;max-height:100%}
  .screen-twin .twin-bottom,.screen-twin .twin-provenance,.screen-event-strip,.wallboard-footer{flex-shrink:0}
  .wallboard-footer{padding-top:10px}
}
@media(max-width:700px){
  .screen-twin{order:-1}
  .chart-kpi-body,.wallboard .chart-kpi-body{display:grid;grid-template-columns:1fr;align-content:start;height:103px;padding-top:7px;gap:4px}
  .kpi-chart{position:static;min-width:0;width:100%;height:54px;opacity:.9}
  .chart-kpi-number{font-size:24px;line-height:1.3}
}
.screen-assistant{position:fixed;right:24px;bottom:22px;z-index:80;color:#d9eeed;filter:drop-shadow(0 15px 35px #0006)}
.ai-floating-launcher{border:1px solid #3f9a91;border-radius:30px;padding:12px 19px;color:#d9faf2;background:linear-gradient(135deg,#16484b,#102b38);box-shadow:0 0 24px #35b6a326;font-weight:600}
.ai-floating-launcher span{display:inline-grid;place-items:center;background:#378c80;border-radius:50%;width:30px;height:30px;margin-right:7px}
.screen-assistant.expanded{width:370px;height:min(510px,calc(100dvh - 36px));display:flex;flex-direction:column;background:#102b36;border:1px solid #35606a;border-radius:16px;overflow:hidden;animation:assistant-in .2s ease-out}
.floating-ai-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:linear-gradient(115deg,#194b4c,#173440);border-bottom:1px solid #31515c}
.floating-ai-head small{display:block;margin-top:5px;color:#89b4ba;font-size:10px}.floating-ai-head button{border:0;background:#ffffff10;color:#c5eae7;font-size:24px;border-radius:7px;width:30px;height:30px}
.screen-assistant .assistant-thread{flex:1;min-height:0;overflow:auto;padding:14px}.screen-assistant .chat-messages{max-height:none;overflow:visible;margin:0}.screen-assistant .message{background:#173945;border:1px solid #274c58;color:#c9dfdf;line-height:1.9;padding:12px;border-radius:10px;margin-bottom:12px;font-size:12px;white-space:pre-wrap}.screen-assistant .message.user{background:#205147;border-color:#367469}.screen-assistant .message small{color:#8eb7ba;display:block}.screen-assistant .chat-box{padding:12px;border-top:1px solid #31515c;flex:none}.screen-assistant .chip{background:#1c3f4b;color:#a6ccc9;border:1px solid #315561}.screen-assistant .chat-input{display:flex;margin-top:9px;gap:8px}.screen-assistant input{background:#09222d;color:#d8efed;min-width:0;flex:1;border:1px solid #355965;border-radius:8px;padding:11px}.screen-assistant .chat-input button{border:0;border-radius:8px;background:#398f7b;color:white;width:38px}.screen-assistant .chat-suggestions{display:flex;gap:6px}.screen-assistant details{white-space:normal;font-size:11px;overflow-wrap:anywhere}
@keyframes assistant-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.screen-assistant{right:12px;bottom:12px}.screen-assistant.expanded{width:min(370px,calc(100vw - 24px))}.wallboard-actions{flex-wrap:wrap}.ai-floating-launcher{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.screen-assistant.expanded{animation:none}}
/* Blue command-center theme, scoped to the live wallboard. */
body.screen-mode{background:#030b21;color:#d8eaff}
.wallboard{background-color:#030b21;background-image:radial-gradient(ellipse at 50% -20%,#143d7a80,transparent 65%),linear-gradient(#2874ca0c 1px,transparent 1px),linear-gradient(90deg,#2874ca0c 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}
.wallboard-header{border-color:#2767ad66;position:relative;background:linear-gradient(90deg,transparent,#14478330,transparent)}
.wallboard-header:after{content:'';position:absolute;height:2px;width:40%;left:30%;bottom:-1px;background:linear-gradient(90deg,transparent,#36c7ff,transparent);box-shadow:0 0 16px #159dff88;pointer-events:none}
.wallboard-brand>span{color:#8bdcff}.wallboard-brand>small{color:#5c8ec1}
.wallboard-heading h1{color:#e2f4ff;font-weight:600;text-shadow:0 0 24px #2089ff66}.wallboard-heading p{color:#87acd4}.wallboard-heading i{color:#3c77ad}
.wallboard-live{color:#72bdff}.wallboard-live i{background:#42cdff;box-shadow:0 0 8px #42cdff}
.screen-button{background:linear-gradient(180deg,#102e59,#0b1c3b);border-color:#2c619c;color:#acd6ff;border-radius:3px}.screen-button:hover{background:#173f74;border-color:#4fbdff;color:white;box-shadow:0 0 12px #198aff33}
.wallboard .chart-kpi{background:linear-gradient(130deg,#102b51e8,#08172fe8);border-color:#234d80;border-radius:5px;box-shadow:inset 0 1px 0 #5ca7ff14;position:relative}
.wallboard .chart-kpi:before{content:'';position:absolute;left:0;top:16px;width:2px;height:25px;background:#3bbcff;box-shadow:0 0 10px #3bbcff88}
.wallboard .chart-kpi:hover{transform:none;border-color:#3c7fc5}.wallboard .chart-kpi-top{color:#8cb5de}.wallboard .chart-kpi-number{color:#d9f3ff;text-shadow:0 0 18px #30a8ff25}.wallboard .chart-kpi-number small{color:#789cc4}.wallboard .chart-kpi-footer{border-color:#23466b;color:#7d9fc5}
.screen-panel{background:linear-gradient(145deg,#0c2141ed,#07152ded);border-color:#235181;border-radius:4px;box-shadow:inset 0 0 24px #1d64ac0a;position:relative}
.screen-panel:before{content:'';position:absolute;top:0;left:0;width:22px;height:2px;background:#38beff;box-shadow:0 0 8px #258aff55;pointer-events:none}
.screen-panel h2{background:linear-gradient(90deg,#18477b38,transparent);border-color:#20416d;color:#b8ddff}.screen-panel h2>span{color:#4abfff}.screen-panel h2 small{color:#7298c4}
.screen-twin .floorplan{color:#3984cf;--ground:#07172f;--boundary:#275b91;--zone:#0c2748;--rack:#15416b;--bin:#429dd1;--zone-title:#a2d8ff;--muted:#6f9cc8}
.screen-twin .site-ground{stroke:#28598c}.screen-twin .main-corridor{fill:#102f55}.screen-twin .traffic-line{stroke:#48c8ff}.screen-twin #flow-arrow path{stroke:#48c8ff}.screen-twin .corridor-label{fill:#579bd0}.screen-twin .twin-zone:hover .zone-boundary,.screen-twin .twin-zone.selected .zone-boundary{fill:#123e68;stroke:#50c8ff}.screen-twin .shelf-frame{stroke:#3079ad}.screen-twin .dock rect{fill:#12365d;stroke:#306596}.screen-twin .dock path{stroke:#4383b4}.screen-twin .dock text,.screen-twin .site-label{fill:#6398c7}.screen-twin .staging-pallet{fill:#12365d;stroke:#367da9}.screen-twin .dispatch-line{stroke:#2b639c}.screen-twin .dispatch-pallet rect{fill:#1b3e67;stroke:#4d7fb5}.screen-twin .dispatch-pallet path{stroke:#6b9bc9}.screen-twin .twin-bottom{color:#82a8cb}.screen-twin .twin-provenance{color:#668bb3}.screen-twin .has-returns .zone-boundary{stroke:#e4ad55}.screen-twin .has-returns .twin-zone-count{fill:#ecc273}
.screen-event-strip{border-color:#23446d;color:#85add3}.screen-event-strip>span{color:#72c9ff}.screen-event-strip b{color:#a8c9ea}.screen-event-strip strong{color:#7bd5ff}.screen-ai-content{color:#9ab9da;scrollbar-color:#285a93 transparent}.screen-ai-content .answer-heading{color:#c2e1ff}.screen-ai-content .answer-number{color:#68cfff}.screen-ai-content .tone-yellow{color:#f0bd65}.screen-ai-content .tone-red{color:#ff8b8b}.wallboard-footer{color:#6486ad}
.screen-mode .ai-floating-launcher{background:linear-gradient(125deg,#164a85,#102748);border-color:#3f8fce;color:#c9ebff;box-shadow:0 0 25px #158cff30}.screen-mode .ai-floating-launcher span{background:#226db2;color:#b8efff}
.screen-mode .screen-assistant.expanded{background:#091b36;border-color:#346ba6;box-shadow:0 0 35px #006cff20}.screen-mode .floating-ai-head{background:linear-gradient(110deg,#153d6b,#10284c);border-color:#2a527f}.screen-mode .floating-ai-head small{color:#87b5dd}.screen-mode .floating-ai-head button{color:#c4e5ff}.screen-mode .screen-assistant .message{background:#102c4d;border-color:#264d78;color:#c6ddf3}.screen-mode .screen-assistant .message.user{background:#173d6c;border-color:#3878b5}.screen-mode .screen-assistant .message small{color:#7eadd7}.screen-mode .screen-assistant .chat-box{border-color:#274f7b}.screen-mode .screen-assistant .chip{background:#122f52;border-color:#2a527f;color:#9fc9f1}.screen-mode .screen-assistant input{background:#06152c;border-color:#2d5a88;color:#d8edff}.screen-mode .screen-assistant .chat-input button{background:#247ed0}.screen-mode .screen-assistant .chat-input button:hover{background:#359ef2}
.wallboard .chart-kpi-body{height:102px}.wallboard .kpi-chart{height:96px;min-width:125px}.wallboard .chart-kpi-number{font-size:29px}
.screen-event-strip{display:block;padding:9px 13px}.screen-event-strip>span{display:block;margin-bottom:6px;font-size:10px}.screen-event-strip .screen-business-row{display:grid;grid-template-columns:100px minmax(0,1.1fr) minmax(0,1fr) auto;gap:9px;align-items:center;padding:6px 0;border-top:1px solid #23446d66;font-size:10px}.screen-business-row .business-type{color:var(--business-color);font-size:10px}.screen-business-row b{color:#c3ddf7;margin:0;font-weight:500;overflow-wrap:anywhere}.screen-business-row b small{color:#799ec3;font-size:8px}.screen-business-row>span:not(.business-type){color:#88a9ca}.screen-business-row strong.flow-in{color:#42d6a4}.screen-business-row strong.flow-out{color:#ffb65c}
@media(max-width:1350px){.wallboard .chart-kpi-body{display:grid;grid-template-columns:1fr;height:133px;gap:3px;align-content:start}.wallboard .kpi-chart{width:100%;height:92px}.screen-event-strip .screen-business-row{grid-template-columns:95px 1fr auto}.screen-business-row>span:not(.business-type){grid-column:2;grid-row:auto}.screen-business-row strong{grid-column:3;grid-row:1/3}.screen-event-strip .screen-business-row{position:relative}.screen-event-strip div:nth-last-child(1){display:grid}}
@media(max-width:700px){.wallboard .chart-kpi-body{height:140px}.wallboard .kpi-chart{height:100px}.screen-event-strip .screen-business-row{font-size:9px;grid-template-columns:90px 1fr auto;gap:5px}.screen-business-row .business-type{font-size:9px}.screen-business-row strong{grid-row:auto}.screen-business-row>span:not(.business-type){grid-column:1/4}.screen-business-row b small{display:block}.screen-event-strip div:nth-last-child(1){display:grid}}
@media(max-width:1350px){.screen-business-row .business-type{grid-column:1;grid-row:1}.screen-business-row b{grid-column:2;grid-row:1}.screen-business-row strong{grid-column:3;grid-row:1}.screen-business-row>span:not(.business-type){grid-column:1/4;grid-row:2}}
/* Match metric baselines and chart row spacing across the top cards. */
.wallboard .chart-kpi-body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:36px 100px;align-content:start;align-items:start;height:144px;gap:4px;padding-top:4px}
.wallboard .chart-kpi-number{line-height:36px;min-height:36px}
.wallboard .kpi-chart{position:static;width:100%;min-width:0;height:100px;opacity:1;flex:none}
.screen-mode .screen-assistant .chat-box{background:#091b36}
.screen-mode .screen-assistant .chat-input{background:#06152c;border:1px solid #2d5a88;border-radius:10px;padding:5px;gap:6px;box-shadow:none}
.screen-mode .screen-assistant .chat-input:focus-within{outline:none;border-color:#43b9ff;box-shadow:0 0 0 2px #1682dd26}
.screen-mode .screen-assistant .chat-input input{background:transparent;border:0;box-shadow:none;outline:none;border-radius:6px;padding:8px 9px;height:36px;color:#d8edff}
.screen-mode .screen-assistant .chat-input input::placeholder{color:#6688ae}
.screen-mode .screen-assistant .chat-input button{width:36px;height:36px;flex:0 0 36px;border-radius:7px;align-self:center}
@media(max-width:700px){.wallboard .chart-kpi-body{height:144px;grid-template-rows:36px 100px}}
/* Workbench blue family; keep day-to-day tables on a light surface. */
body:not(.screen-mode){--bg:#f0f5fc;--text:#173455;--muted:#7b91aa;--line:#dce6f3;--green:#2577c9;--soft:#eaf3ff;--nav:#0c2447}
body:not(.screen-mode) .sidebar{background:linear-gradient(180deg,#102e58,#0a1b36)}
body:not(.screen-mode) .nav.active{background:#1c4b81;color:#dceeff}body:not(.screen-mode) .nav:hover{background:#193e68}
body:not(.screen-mode) .nav-dot{background:#51baff}body:not(.screen-mode) .brand-mark{border-color:#397db5;color:#a6d8ff}
body:not(.screen-mode) .panel,body:not(.screen-mode) .chart-kpi{border-color:#d7e3f2;box-shadow:0 3px 15px #244a7b05}
body:not(.screen-mode) .page-heading h1{color:#12375e}body:not(.screen-mode) .eyebrow{color:#2c78bb}
body:not(.screen-mode) .primary{background:#287bd1;border-color:#287bd1;color:white}body:not(.screen-mode) .primary:hover{background:#1c67b7}
body:not(.screen-mode) .chip.selected,body:not(.screen-mode) .summary-tab.active{background:#e5f0ff;border-color:#9fc6ee;color:#2268ac}
body:not(.screen-mode) .screen-entry{background:#edf5ff;border-color:#c1d8ef;color:#3678b4}
body:not(.screen-mode) .assistant-brief p,body:not(.screen-mode) .agent-panel .issue h3{color:#345579}
body:not(.screen-mode) .recommendation{background:#f1f6fc;color:#4e6a87}body:not(.screen-mode) .agent-orb{background:#e7f1ff;color:#2977bd}
body:not(.screen-mode) .agent-panel .issue.green{background:#f3f8ff}body:not(.screen-mode) .chat-input:focus-within{outline-color:#a5ccf3;border-color:#448bd0}
body:not(.screen-mode) .floorplan{--ground:#f2f7fd;--boundary:#c2d6ed;--zone:#eaf2fb;--rack:#d4e2f2;--zone-title:#3a6593;--muted:#7896b6;color:#6893be}
body:not(.screen-mode) .site-ground{stroke:#c4d7ed}body:not(.screen-mode) .main-corridor{fill:#dae8f7}body:not(.screen-mode) .shelf-frame{stroke:#9ebcdc}
body:not(.screen-mode) .twin-zone:hover .zone-boundary{fill:#e2efff;stroke:#458dc9}
.floorplan .shelf-bin.bin-green{fill:#42bd8a;opacity:.8}.floorplan .shelf-bin.bin-empty{fill:#94a3b8;opacity:.45;stroke:#cbd5e1;stroke-width:.4}.floorplan .shelf-bin.bin-yellow{fill:#f0b84d;opacity:1;stroke:#ffd47c;stroke-width:.6}.floorplan .shelf-bin.bin-red{fill:#ed6b73;opacity:1;stroke:#ffa5aa;stroke-width:.7}.floorplan .shelf-bin{cursor:pointer}.floorplan .shelf-bin:hover,.floorplan .shelf-bin:focus{opacity:1;stroke:#fff;stroke-width:1.2;outline:none}
.bin-legend{display:inline-block;width:7px;height:7px;border-radius:2px;margin:0 4px 0 7px}.bin-legend.green{background:#42bd8a}.bin-legend.empty{background:#94a3b8}.bin-legend.yellow{background:#f0b84d}.bin-legend.red{background:#ed6b73}
.bin-status{font-weight:600}.bin-status.green{color:#2b9f73}.bin-status.empty{color:#64748b}.bin-status.yellow{color:#b67c17}.bin-status.red{color:#d35d68}.bin-ledger-panel .evidence-table{min-width:950px}.bin-ledger-panel .evidence-table td{font-size:11px;vertical-align:top}.bin-ledger-panel .evidence-table small{max-width:220px;line-height:1.7}.bin-table-footer{display:flex;gap:8px;justify-content:flex-end;align-items:center;padding:10px 16px;color:#7892ad;font-size:10px}.bin-table-footer span{margin-right:auto}.bin-table-footer .button{padding:5px 9px;font-size:10px}.bin-chat-focus{padding:8px 10px;background:#eaf3ff;color:#3a6b9d;font-size:10px;border-radius:6px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:8px}.screen-mode .bin-chat-focus{background:#163558;color:#91c9f6}.floorplan .bin-unknown{fill:#8d9eac;opacity:.4}.bin-ledger-panel [data-ledger-row]:target{background:#e6f1ff}
.idle-stock-panel,.vacancy-panel{margin-top:12px}.idle-stock-body,.vacancy-body{padding:0 14px 12px}.stock-health-toolbar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.idle-day-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.idle-custom{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#66828c}.idle-custom input{width:56px;padding:3px 6px;border:1px solid #d5e2ee;border-radius:6px}.stock-health-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stock-health-kpis.compact{gap:6px}.stock-health-kpis.inline{display:flex;gap:8px;margin-bottom:8px}.stock-health-kpis.inline>div{flex:1}.stock-health-kpis div{background:#f7fafc;border:1px solid #edf2f6;border-radius:8px;padding:6px 8px}.stock-health-kpis span{display:block;font-size:10px;color:#7b91a8}.stock-health-kpis strong{font-size:16px;color:#243b48}.stock-health-kpis small{font-size:10px;margin-left:2px;color:#8096a6}.stock-chart.idle-chart{height:140px}.stock-chart.vacancy-chart{height:168px}.compact-table{max-height:200px;margin-top:6px}.compact-table .evidence-table{min-width:560px}@media(max-width:700px){.stock-health-toolbar{flex-direction:column;align-items:stretch}}
.bin-ledger-panel tr.ledger-selected{background:#eaf3ff;box-shadow:inset 3px 0 #3489d5}
.bin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.bin-metrics .plan-stock{padding:12px}.bin-metrics .plan-stock span{font-size:24px}@media(max-width:700px){.bin-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bin-metrics .plan-stock{padding:9px}.bin-metrics .plan-stock span{font-size:22px}}
.overview-breakdown{display:grid;grid-template-columns:1fr 1.35fr;gap:16px}.overview-breakdown .panel{min-width:0}.overview-breakdown h2 small{font-size:9px;color:#8a9eb6;font-weight:400}.overview-chart{height:280px;width:100%}.quantity-breakdown{min-height:144px;padding:8px 0;display:flex;flex-direction:column;justify-content:center;gap:7px}.quantity-breakdown>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;color:#7b95ae;font-size:11px}.quantity-breakdown strong{font-size:22px;color:#285c8b;line-height:1.3;font-variant-numeric:tabular-nums}.quantity-breakdown strong small{font-size:10px;font-weight:400;margin-left:5px;color:#7c96ac}.wallboard .quantity-breakdown strong{color:#d8efff}.wallboard .quantity-breakdown>div{color:#87afd5}.wallboard .quantity-breakdown strong small{color:#87afd5}.all-kpis .chart-kpi-body{display:grid;grid-template-columns:1fr;grid-template-rows:36px 100px;height:144px;gap:4px}.all-kpis .kpi-chart{position:static;width:100%;height:100px;min-width:0}.all-kpis .chart-kpi-number{line-height:36px}.unit-filter select{min-width:145px}@media(max-width:700px){.overview-breakdown{grid-template-columns:1fr}.overview-chart{height:280px}.quantity-breakdown strong{font-size:19px}.all-kpis .chart-kpi-footer{font-size:8px}}
.workflow-panel h2 small{font-size:9px;color:#8b9fb5}.workflow-panel .panel-head>span{font-size:10px;color:#7591ac}.workflow-list{padding:4px 16px}.workflow-row{display:flex;align-items:center;gap:12px;justify-content:space-between;width:100%;padding:12px 0;background:transparent;border:0;border-bottom:1px solid #e5edf6;text-align:left;color:#486987;font-size:11px}.workflow-row>span:first-child{flex:1;min-width:0}.workflow-row small{display:block;font-size:10px;color:#8b9fb5;margin-top:4px}.task-state{padding:4px 8px;border-radius:4px;font-size:10px;background:#eaf2ff;color:#397ab7;white-space:nowrap}.task-state.review{background:#fff3dd;color:#b57b20}.task-state.closed{background:#e4f6ec;color:#388960}.recount-input{display:block;width:100%;padding:10px;border:1px solid #c7d8eb;border-radius:6px;margin:8px 0 16px}.task-events{padding-left:20px;color:#52708b;font-size:11px;line-height:1.8}.task-events small{display:block;color:#97a8b9}.task-events li{margin-bottom:10px}
.manual-search{display:flex;gap:8px;padding:16px;border-bottom:1px solid #e1eaf5}.manual-search input{flex:1;min-width:0;border:1px solid #c9dcec;border-radius:6px;padding:10px;color:#30597c}.manual-layout{display:grid;grid-template-columns:240px 1fr;min-height:440px}.manual-outline{padding:12px;background:#f5f9ff;border-right:1px solid #e0eaf6;display:flex;flex-direction:column;gap:5px;align-self:stretch}.manual-outline button{border:0;border-radius:6px;padding:11px 10px;text-align:left;background:transparent;color:#5b7c9c;font-size:12px;line-height:1.6}.manual-outline button.active{background:#e1efff;color:#266eb3;font-weight:600}.manual-content{padding:26px 30px;color:#456682;line-height:1.95}.manual-content h2{font-size:20px;color:#204e7b;margin:0 0 22px}.manual-content p{font-size:13px;margin:0 0 14px}.manual-panel .panel-head span{font-size:10px;color:#8ba0b5}@media(max-width:700px){.manual-layout{grid-template-columns:1fr}.manual-outline{border-right:0;border-bottom:1px solid #e0eaf6;max-height:220px;overflow:auto}.manual-content{padding:20px 16px}.manual-search{flex-wrap:wrap}.manual-search input{flex-basis:100%}.workflow-row{gap:7px}.workflow-row>span:last-child{font-size:9px}}
.manual-mode main>.playbar{display:none}
.manual-panel .button.primary{background:#287bd1;border-color:#287bd1;color:white}
.nav .nav-icon{width:21px;height:21px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 21px;line-height:1;color:inherit}.nav-icon svg{width:21px;height:21px;display:block}.nav.active .nav-icon{color:#8fd0ff}.site-label{paint-order:stroke;stroke:var(--ground);stroke-width:2.5px;stroke-linejoin:round}