/* Dense operational information, with scrollable diagrams and responsive panels. */
main{max-width:1600px}.operations-shell{background:#102c39;color:#e4f1f5;border:1px solid #264c59;border-radius:18px;overflow:hidden;box-shadow:0 14px 35px #12344618}.ops-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 28px 16px}.ops-heading .eyebrow{color:#62d2b9}.ops-heading h2{font-size:28px;margin:8px 0}.ops-heading p:not(.eyebrow){font-size:12px;color:#a5c3cf;margin-bottom:0}.ops-status{font-size:10px;letter-spacing:1px;border:1px solid #4f7481;padding:8px 12px;border-radius:50px;white-space:nowrap;color:#a9e9db}.ops-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:14px 26px 20px;border-bottom:1px solid #34515e}.ops-toolbar label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#a9c7d4;min-width:115px;flex:1}.ops-toolbar select,.ops-toolbar input{background:#193b49;border:1px solid #466875;color:#ecf8fb;padding:9px;border-radius:7px;min-width:0;max-width:100%;font-size:12px}.ops-toolbar button{font-size:11px;min-height:37px;padding:9px 12px;background:#244958;color:#ddf4f5;border-color:#486c78}.ops-kpis{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:1px;background:#34515f}.ops-kpis>div{background:#173846;padding:15px 12px}.ops-kpis span{display:block;font-size:9px;line-height:1.4;min-height:26px;text-transform:uppercase;letter-spacing:.5px;color:#a9c6d0}.ops-kpis strong{display:block;font-size:24px;font-weight:650;margin-top:4px;white-space:nowrap;font-variant-numeric:tabular-nums}.ops-map-wrap{overflow:auto;width:100%;max-height:80vh;scrollbar-color:#507d87 #173945}.ops-map-wrap canvas{display:block;width:100%;min-width:1050px;height:auto;aspect-ratio:1600/920;cursor:pointer}.ops-legend{display:flex;flex-wrap:wrap;gap:10px 20px;padding:14px 24px;font-size:11px;color:#b7cdd6;background:#132e3d;border-top:1px solid #34515e}.ops-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.ops-legend .blue{background:#77bdff}.ops-legend .grey{background:#a2b7c0}.operations-shell .playbar{border-top:1px solid #34515e}.operations-shell .scene-note{padding-top:12px;line-height:1.6}.ops-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:22px}.ops-detail-layout>.card{margin-bottom:0}.ops-selected{background:#eff7f4;border:1px solid #dcebe4;border-radius:10px;padding:16px;font-size:13px}.ops-selected h3{margin:0 0 6px}.ops-selected p{margin:5px 0}.ops-milestone{position:relative;border-left:3px solid #c9d9df;padding:8px 12px;margin-left:8px;display:grid;grid-template-columns:1fr auto;gap:2px 10px;font-size:12px}.ops-milestone::before{content:'';position:absolute;left:-6px;top:13px;width:9px;height:9px;border-radius:50%;background:#c9d9df}.ops-milestone.elapsed{border-left-color:#249d7c}.ops-milestone.elapsed::before{background:#249d7c}.ops-milestone small{grid-column:1/-1;color:#70858e;font-size:10px}.ops-truck-card .actions{margin-top:18px}.ops-power-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.ops-power-stats>div{background:#eff5f7;border-radius:9px;padding:13px}.ops-power-stats span{font-size:11px;color:#647e87;display:block}.ops-power-stats strong{font-size:23px;color:#155a54;font-variant-numeric:tabular-nums;display:block}#ops_power_chart svg{width:100%;min-height:190px}.ops-forecast-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:20px;margin-top:20px}.ops-forecast-layout>.card{min-width:0}.ops-forecast-layout .scroll{max-height:440px;overflow:auto}.ops-forecast-layout th{position:sticky;top:0;z-index:1}.ops-forecast-layout .field{max-width:300px}.operations-shell:fullscreen,.operations-shell.ops-expanded{overflow:auto;border-radius:0;max-height:100vh;background:#102c39}.operations-shell.ops-expanded{position:fixed;inset:0;z-index:1000}.operations-shell:fullscreen .ops-map-wrap{max-height:78vh}.operations-shell .ops-heading .eyebrow{margin:0}#simulation_panel>.card{margin-top:20px}
@media(max-width:1100px){.ops-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.ops-kpis span{min-height:14px}.ops-detail-layout,.ops-forecast-layout{grid-template-columns:1fr}.ops-toolbar label{min-width:140px}.ops-map-wrap{max-height:680px}.ops-heading h2{font-size:24px}}@media(max-width:600px){.ops-heading{padding:20px;align-items:flex-start;flex-direction:column;gap:10px}.ops-heading h2{font-size:22px}.ops-toolbar{padding:12px 18px;gap:10px}.ops-toolbar label{min-width:calc(50% - 14px)}.ops-kpis strong{font-size:18px}.ops-kpis>div{padding:12px 8px}.ops-kpis span{font-size:8px;min-height:25px}.ops-legend{font-size:10px;padding:12px 16px}.ops-detail-layout{gap:16px}.ops-power-stats strong{font-size:20px}}
.ops-map-wrap{max-height:none}@media(prefers-reduced-motion:reduce){.operations-shell *{scroll-behavior:auto;transition:none!important}}