@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#080d13;--panel:#0f1821;--elev:#13212d;--line:#283643;--line2:#1a2a36;--text:#e7eef4;--muted:#7b91a1;--cyan:#64c8df;--fire:#ef795b;--med:#50c6aa;--pol:#67a9e3;--warn:#f6b75c;--red:#f06a65;--display:'Barlow Condensed',Impact,sans-serif;--mono:'IBM Plex Mono',monospace;--ui:Inter,system-ui,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--ui);font-size:12px}button{cursor:pointer;font:inherit;color:inherit}button:disabled{cursor:not-allowed;opacity:.35}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}h2,h3,p{margin:0}h2{font-family:var(--display);font-size:24px;font-weight:700;letter-spacing:.025em}button{transition:background .15s,border-color .15s,filter .15s}button:hover:not(:disabled){filter:brightness(1.15)}.shell{height:100vh;min-height:680px;display:flex;flex-direction:column;overflow:hidden}.topbar{height:76px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 22px;background:#0b141d;border-bottom:1px solid #334350;position:relative}.topbar:after{content:'';position:absolute;bottom:-1px;left:22px;height:2px;width:205px;background:var(--cyan)}.identity{display:flex;gap:13px;align-items:center;min-width:0}.identity-symbol{position:relative;width:43px;height:48px;background:#152a34;clip-path:polygon(50% 0,100% 20%,100% 76%,50% 100%,0 76%,0 20%);display:flex;align-items:center;justify-content:center;border:1px solid #396478}.identity-symbol span{font-family:var(--display);font-size:25px;font-weight:800;letter-spacing:-.04em;color:#b7e8eb}.identity-symbol i{position:absolute;width:14px;height:2px;bottom:10px;background:var(--cyan)}.eyebrow,.topbar small,.metric>span,.metric em,.map-title,.queue-foot,.desk-id,.subhead,.fleet-title .separator,footer,.modal-overline{font-family:var(--mono);font-size:10px;letter-spacing:.1em}.eyebrow{color:var(--cyan);font-weight:600}.wordmark{font-family:var(--display);font-size:28px;font-weight:600;letter-spacing:.035em;line-height:1.06;white-space:nowrap}.wordmark b{font-weight:800}.version{display:inline-block;vertical-align:middle;margin-left:12px;border:1px solid #375265;padding:3px 6px;font-family:var(--mono);font-size:9px;color:#94aec1;letter-spacing:.03em}.top-status{display:flex;align-items:center;gap:19px}.signal{font:600 10px var(--mono);letter-spacing:.08em;color:#99d8b8;white-space:nowrap}.signal-light,.blink-dot,.live-pip{display:inline-block;width:7px;height:7px;border-radius:50%;background:#54d4a3;box-shadow:0 0 11px #54d4a355;margin-right:8px}.top-divider{height:30px;width:1px;background:#293d4b}.clockblock,.dayblock{display:flex;flex-direction:column;gap:5px}.topbar small{color:#7e91a2;white-space:nowrap}.clockblock strong,.dayblock strong{font:700 23px var(--mono);line-height:1}.top-actions{display:flex;gap:5px}.tiny-btn{background:#162532;border:1px solid #344756;border-radius:2px;padding:9px 12px;font:600 10px var(--mono);letter-spacing:.03em}.tiny-btn.icon-btn{padding:9px 13px}.metricbar{height:91px;flex:none;display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #263642;background:linear-gradient(105deg,#111e29,#0c151e)}.metric{position:relative;padding:14px 23px;display:flex;flex-direction:column;gap:2px;border-right:1px solid #2d3d48}.metric:last-child{border:0}.metric>span{color:#8da0af;font-weight:600;font-size:9px}.metric strong{font:700 30px var(--display);line-height:1.03;letter-spacing:.02em}.metric em{font-style:normal;color:#6a9eaf;font-size:9px}.metric .metric-denom{font-size:17px;color:#7893a4;margin-left:3px}.workarea{min-height:0;flex:1;display:grid;grid-template-columns:304px minmax(450px,1fr) 328px}.pane{background:var(--panel);min-height:0;display:flex;flex-direction:column}.queue{border-right:1px solid var(--line)}.pane-heading{height:80px;flex:none;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line2)}.pane-heading h2{margin-top:3px}.counter{font:700 25px var(--display);color:var(--cyan)}.queue-tabs,.fleet-tabs{display:flex;gap:3px;padding:11px 13px;flex:none}.queue-tabs button,.fleet-tabs button{background:#14222e;border:1px solid #293a48;color:#8297a7;padding:7px 11px;font:600 10px var(--mono);letter-spacing:.06em}.queue-tabs button.on,.fleet-tabs button.on{background:#1c3c49;border-color:#3d8194;color:#b6edf4}.queue-list{flex:1;min-height:0;overflow:auto;padding:3px 11px 15px}.incident{width:100%;text-align:left;background:#14202a;border:1px solid #2a3c49;border-left:3px solid var(--warn);padding:13px 12px;margin-bottom:7px;position:relative}.incident.selected{background:#1a303d;border-color:#508e9c;box-shadow:inset 0 0 0 1px #508e9c55}.incident.p1{border-left-color:#ee6e64}.incident.p3{border-left-color:#54cbaa}.incident-top{display:flex;justify-content:space-between;gap:8px;align-items:center;font:600 10px var(--mono);color:#849cac}.priority{color:#171c1e;background:#f3ba63;padding:4px 6px;font-weight:700}.priority.p1{background:#f06b67}.priority.p3{background:#63ccad}.incident-title{font:700 19px var(--display);letter-spacing:.02em;line-height:1.12;margin:11px 0 8px}.incident-address{font-size:11px;color:#9db0bf;line-height:1.5}.incident-bottom{margin-top:12px;display:flex;justify-content:space-between;gap:5px;font:500 9px var(--mono);letter-spacing:.02em;color:#6e97a8}.incident-bottom strong{font-size:9px;color:#b4d3df}.queue-foot{height:41px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-top:1px solid var(--line);font-size:9px;color:#95adbd}.queue-foot .blink-dot{margin:0 5px 0 0}.queue-foot>span:last-child{color:#60d5ad}.map-section{min-width:0;min-height:0;display:flex;flex-direction:column;background:#101920}.map-heading{height:55px;flex:none;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 15px;gap:10px}.map-title{font-weight:700;color:#cddde8;white-space:nowrap}.slash{color:#4cc4d9;font-size:16px;margin-right:8px}.map-sub{margin-left:13px;font-size:9px;color:#7390a4;font-weight:500}.map-tools{display:flex;gap:5px}.map-tool{font:600 9px var(--mono);background:#142432;border:1px solid #314658;padding:8px 9px;white-space:nowrap;color:#9cb5c6}.map-tool.on{color:#ade9f4;border-color:#47879b}.map-holder{position:relative;flex:1;min-height:245px;background:radial-gradient(circle at 50% 50%,#182c37,#101b24);overflow:hidden}#map{position:absolute;inset:0;z-index:0;background:#152330}.leaflet-container{background:#17252d;font-family:var(--ui)}.leaflet-control-container .leaflet-control-zoom{border:1px solid #3b5260!important;border-radius:2px;box-shadow:none}.leaflet-control-zoom a{background:#101e29!important;color:#b5d7e6!important;border-bottom:1px solid #36505f!important}.leaflet-control-attribution{display:none!important}.map-holder:after{content:'';pointer-events:none;position:absolute;inset:0;z-index:400;background:linear-gradient(0deg,#0c18223d,transparent 26%,transparent 70%,#0a1b2c18)}.map-corner{position:absolute;z-index:420;pointer-events:none}.top-left{top:18px;left:20px}.bottom-left{bottom:18px;left:18px}.bottom-right{bottom:18px;right:18px}.map-readout{display:table;background:#0c1b27e8;border:1px solid #31495b;color:#d1e8ee;font:600 10px var(--mono);letter-spacing:.06em;padding:9px 11px;margin-bottom:6px}.map-readout.secondary{color:#8fb5c6;font-size:9px}.live-pip{width:6px;height:6px}.map-legend{display:flex;flex-wrap:wrap;gap:14px;background:#0b1825e9;border:1px solid #385162;padding:11px 12px;font:600 9px var(--mono);color:#b8cedb;letter-spacing:.03em}.map-legend span{white-space:nowrap}.legend-pip{width:8px;height:8px;display:inline-block;border-radius:2px;margin-right:6px;background:var(--fire)}.legend-pip.med{background:var(--med)}.legend-pip.pol{background:var(--pol)}.legend-pip.inc{background:var(--warn)}.osm-credit{background:#0d1a24d9;padding:6px 8px;color:#a5b4bf;font:9px var(--mono)}.map-failure{position:absolute;top:41%;left:50%;transform:translate(-50%,-50%);z-index:430;width:min(360px,85%);padding:23px;background:#12232f;border:1px solid #608095;text-align:center}.map-failure strong{font:700 16px var(--display)}.map-failure p{margin-top:10px;color:#98acba;line-height:1.7}.fleet-panel{height:226px;flex:none;border-top:1px solid #39505e;background:#0e1924;min-width:0;display:flex;flex-direction:column}.fleet-title{display:flex;justify-content:space-between;align-items:center;padding:13px 15px 7px;gap:5px}.fleet-title h2{font-size:20px}.fleet-title h2 span:last-child{font-size:16px;color:#8198a9}.fleet-title .separator{color:#426b7e}.fleet-tabs{padding:0;align-items:center}.fleet-tabs button{padding:6px 8px;font-size:9px}.fleet-list{min-height:0;flex:1;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));align-content:start;gap:7px;padding:5px 13px 14px}.vehicle{background:#142430;border:1px solid #2b4050;border-top:2px solid var(--fire);padding:10px 10px 9px;min-width:0}.vehicle.med{border-top-color:var(--med)}.vehicle.pol{border-top-color:var(--pol)}.vehicle .vh-top{display:flex;justify-content:space-between;align-items:center;gap:5px}.vh-name{font:700 12px var(--mono);color:#e0edf5}.vh-type{font:700 9px var(--mono);color:#718a9d}.vh-sub{font-size:10px;color:#89a1b0;margin:8px 0}.vh-status{font:600 9px var(--mono);color:#6bd6b2;white-space:nowrap}.vh-status.busy{color:#eab76c}.vehicle button{width:100%;margin-top:9px;background:#1c3b4a;border:1px solid #3b6d80;color:#c8e9f0;padding:7px;font:700 9px var(--mono);letter-spacing:.04em}.right-pane{border-left:1px solid var(--line)}.right-heading{height:80px}.desk-id{color:#87a2b3;border:1px solid #334655;padding:6px}.detail-scroll{flex:1;min-height:0;overflow:auto;padding:13px}.detail-card{border:1px solid #304654;background:#142430;padding:15px}.detail-overline{font:700 10px var(--mono);letter-spacing:.04em;color:#8eb4c4;display:flex;justify-content:space-between;align-items:center}.detail-card h3{font:700 27px/1.06 var(--display);margin:14px 0 8px}.detail-card .location{font-size:11px;color:#9cb4c3;line-height:1.6}.detail-card .summary{font-size:11px;color:#b8c8d3;line-height:1.7;margin:13px 0}.micro-divider{height:1px;background:#2d4654;margin:13px 0}.micro-label{font:600 10px var(--mono);color:#a9c4d1;letter-spacing:.07em;margin-bottom:9px}.requirements{display:flex;flex-wrap:wrap;gap:5px}.req-chip{font:700 10px var(--mono);padding:7px 8px;border:1px solid #66513f;background:#3f352b;color:#f4bd82}.req-chip.done{background:#203e36;border-color:#39695b;color:#84deba}.detail-status{display:flex;align-items:center;justify-content:space-between;gap:7px;font:600 10px var(--mono);color:#9cb8c5}.detail-status b{color:#e8f1f4}.meter{margin:10px 0;height:4px;background:#2b3e4a;overflow:hidden}.meter i{display:block;height:100%;background:#f5b45b;transition:width .25s}.meter i.work{background:#5ad4bd}.eta{font:500 9px var(--mono);color:#7f9cac;line-height:1.5}.dispatch-button,.primary{width:100%;background:#b7e2e6;color:#122532;border:1px solid #c1f7f9;font:800 11px var(--mono);letter-spacing:.035em;padding:12px 8px;margin-top:14px}.assigned-list{margin-top:9px;font:500 10px/1.8 var(--mono);color:#a9c2d1}.assigned-entry{display:flex;justify-content:space-between;gap:6px;border-bottom:1px solid #28404d;padding:5px 0}.assigned-entry strong{color:#d6e6ee}.empty{padding:25px 13px;color:#829dae;font-size:11px;line-height:1.8;text-align:center;border:1px dashed #344e5c}.subhead{display:flex;align-items:center;justify-content:space-between;margin:18px 1px 9px}.subhead span{color:#547b8e;font-size:9px}.event-feed{background:#101e2a;border:1px solid #263e4c;max-height:194px;overflow:auto}.feed-line{padding:9px 10px;border-bottom:1px solid #203644;color:#a9bdcb;font-size:10px;line-height:1.5}.feed-line:last-child{border:0}.feed-line time{font:600 9px var(--mono);color:#62b8d0;margin-right:6px}.market{display:flex;flex-direction:column;gap:6px}.market-row{border:1px solid #2b414f;background:#142431;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:5px}.market-row b{display:block;font-size:11px}.market-row small{display:block;margin-top:5px;color:#8199aa;font-size:10px}.market-row button{background:#1e4350;border:1px solid #4c7a86;font:700 9px var(--mono);padding:9px 7px;white-space:nowrap}.right-actions{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:10px 12px;flex:none}.right-actions button{background:#172c39;border:1px solid #365264;padding:10px 4px;font:700 9px var(--mono)}footer{height:26px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:0 17px;color:#688799;background:#081018;border-top:1px solid #233641;font-size:8px;gap:8px}footer span:last-child{color:#7ec7ae}.toast{position:fixed;bottom:48px;left:50%;transform:translateX(-50%) translateY(25px);opacity:0;pointer-events:none;z-index:2000;transition:.2s;background:#17313b;color:#d3f7f7;border:1px solid #4a9b9f;padding:13px 20px;box-shadow:0 12px 40px #0008;font:600 11px var(--mono);max-width:90vw}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.modal-cover{position:fixed;inset:0;z-index:3000;background:#03080bdc;display:flex;align-items:center;justify-content:center;padding:20px}.modal-cover[hidden],.map-failure[hidden]{display:none}.modal{width:min(590px,100%);background:#112330;border:1px solid #497184;box-shadow:0 35px 130px #000b;padding:28px}.modal-overline{color:#65bbd0}.modal h2{font-size:40px;margin:12px 0}.modal p,.modal li{font-size:12px;color:#b8cbd5;line-height:1.8}.modal ul{padding-left:21px}.modal li{margin:6px 0}.modal-warning{margin-top:18px;color:#d3ad72!important}.modal-actions{display:flex;gap:9px;justify-content:space-between;margin-top:21px}.modal-actions button{width:auto;margin:0;padding:12px 14px}.danger-outline{background:transparent;border:1px solid #84545c;color:#ef9696;font:700 10px var(--mono)}.leaflet-div-icon{background:transparent;border:0}.pin{width:29px;height:29px;border:2px solid #d4f0f3;border-radius:3px;background:#192936;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #000a;color:white;font:800 14px var(--display)}.pin.fire{border-color:#ff997d;color:#ff997d}.pin.med{border-color:#69d9bb;color:#69d9bb}.pin.pol{border-color:#86bde9;color:#86bde9}.incident-pin{position:relative;display:flex;align-items:center;justify-content:center;width:33px;height:33px;border:2px solid #fff3eb;border-radius:50%;background:#e7a65f;color:#14232b;font:800 18px var(--display);box-shadow:0 0 0 7px #e7a65f33,0 0 20px #0009}.incident-pin.p1{background:#ec6e69;box-shadow:0 0 0 8px #ed676b37,0 0 19px #000b}.incident-pin.p3{background:#5fcca9;box-shadow:0 0 0 7px #64d5ae2e}.incident-pin.selected{outline:2px dashed white;outline-offset:9px}.vehicle-pin{width:14px;height:14px;border-radius:2px;transform:rotate(45deg);border:2px solid #f7ffff;background:#f58d6b;box-shadow:0 0 0 4px #0007}.vehicle-pin.med{background:#64d3b3}.vehicle-pin.pol{background:#6aaee8}.leaflet-popup-content-wrapper{border-radius:2px;background:#11222e;color:#e1edf3;border:1px solid #4f7686}.leaflet-popup-tip{background:#11222e}.leaflet-popup-content{font:11px/1.5 var(--ui)}@media(max-width:1350px){.workarea{grid-template-columns:270px minmax(380px,1fr) 305px}.metric{padding:15px}.metric strong{font-size:26px}.map-sub{display:none}.wordmark{font-size:24px}}@media(max-width:1040px){.shell{height:auto;min-height:100vh;overflow:visible}.topbar{height:auto;min-height:76px;flex-wrap:wrap;padding:13px}.metricbar{height:auto;grid-template-columns:repeat(3,1fr)}.metric{min-height:76px}.workarea{grid-template-columns:270px 1fr}.right-pane{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.detail-scroll{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}.detail-scroll #detail{grid-row:span 5}.map-holder{min-height:490px}.queue-list{max-height:700px}footer{height:auto;padding:9px;flex-wrap:wrap}.queue{min-height:720px}}@media(max-width:690px){.topbar{gap:11px}.wordmark{font-size:23px}.top-status{width:100%;justify-content:space-between;gap:8px}.signal{display:none}.top-divider{display:none}.clockblock strong{font-size:19px}.metricbar{grid-template-columns:repeat(2,1fr)}.metric.final{display:none}.metric{min-height:69px;padding:12px 14px}.metric strong{font-size:25px}.workarea{display:flex;flex-direction:column}.map-section{order:1}.queue{order:2;min-height:420px;border:0;border-top:1px solid var(--line)}.right-pane{order:3}.map-holder{height:480px;flex:none;min-height:unset}.fleet-panel{height:230px}.queue-list{max-height:390px}.detail-scroll{display:block}.map-legend{gap:6px;font-size:8px;padding:8px}.map-tools .map-tool:first-child{display:none}.top-left{top:12px;left:10px}.bottom-left{left:9px;bottom:11px}.bottom-right{right:8px;bottom:63px}.fleet-list{grid-template-columns:repeat(2,minmax(0,1fr))}.fleet-title h2{font-size:17px}.fleet-tabs button{padding:5px;font-size:8px}.map-title{font-size:9px}}

/* Vector basemap HUD integration */
.maplibregl-map{font-family:var(--ui)}.maplibregl-ctrl-bottom-right{bottom:34px;right:4px}.maplibregl-ctrl-attrib{font:9px var(--ui)!important;background:#0a141de6!important;color:#b8cbd5!important}.maplibregl-ctrl-attrib a{color:#b8d9e4!important}.maplibregl-ctrl-group{border:1px solid #466274!important;border-radius:2px!important;background:#102332!important;box-shadow:0 7px 20px #0008!important}.maplibregl-ctrl-group button{background:#102332!important}.maplibregl-ctrl-group button+button{border-top:1px solid #344c5d!important}.maplibregl-ctrl-icon{filter:invert(1) brightness(1.9)}.maplibregl-popup-content{background:#122633;color:#e6f5fa;border:1px solid #548092;border-radius:2px;padding:14px;font-size:11px}.maplibregl-popup-tip{border-top-color:#122633!important}.maplibregl-marker{z-index:2}.maplibregl-marker:has(.incident-pin){z-index:5}.osm-credit{display:none}

/* Alpha 2.2: dispatch-first ergonomic improvements */
.dispatch-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-left:3px solid #67c5d9;background:#101f2a;margin:0 0 10px;border-bottom:1px solid #253d4c}.dispatch-strip>div{min-width:0;display:flex;flex-direction:column;gap:5px}.dispatch-strip strong{font:700 12px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e1f3f8}.dispatch-strip span{color:#7ea4b4;font:11px var(--mono)}.dispatch-sort{color:#a7bed0;background:#182a37;border:1px solid #365263;padding:9px 10px;font:700 10px var(--mono);cursor:pointer;white-space:nowrap}.dispatch-sort.active{color:#76f1d1;border-color:#439d89;background:#17372f}.vehicle.dispatch-fit{border-color:#4c9a88!important;background:linear-gradient(160deg,#172d30,#12232e)!important;box-shadow:inset 0 2px 0 #53c5a9}.vehicle.dispatch-fit button:not(:disabled){background:#1d7f70;border-color:#46bba3;color:white}.vh-eta{font:10px var(--mono);color:#7e9aaa;margin:4px 0}.dispatch-fit .vh-eta{color:#75e5c7}.setting-row{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #324451}.setting-row label{font:700 12px var(--mono);color:#cae2e8;max-width:60%}.setting-row select{max-width:55%;min-width:180px;padding:12px 8px;background:#142736;color:#f1fbff;border:1px solid #41617a}.setting-row input{width:22px;height:22px;accent-color:#40bda5}#settingsBtn{white-space:nowrap}@media(max-width:700px){.dispatch-strip{flex-wrap:wrap}.setting-row{flex-wrap:wrap}.setting-row label{max-width:none}.setting-row select{max-width:100%;width:100%}}