@import url('/fonts.css');
:root{color-scheme:dark;--bg:#10181d;--panel:#152026;--line:#2a373e;--muted:#91a5af;--text:#e5edef;--teal:#51d6b0;--coral:#ff867b;--blue:#70b6ef;--amber:#e9bd73;font-family:Segoe UI,system-ui,sans-serif;font-size:13px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit;color:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;transition:background .15s,border-color .15s}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--teal)}a{color:inherit;text-decoration:none}button{border:1px solid var(--line);border-radius:6px;background:#1b2930;padding:9px 13px}button:hover:not(:disabled){background:#283b43;border-color:#66818e}input,select{border:1px solid #354650;border-radius:5px;background:#111c22;padding:9px 10px;max-width:100%}input::placeholder{color:#8297a1}input[type=checkbox]{accent-color:var(--teal)}.topbar{height:76px;display:flex;align-items:center;gap:40px;padding:0 28px;border-bottom:1px solid var(--line);background:#131d23}.brand{display:flex;gap:12px;align-items:center;font-size:17px;font-weight:750;letter-spacing:2px}.brand small{display:block;font-size:8px;letter-spacing:1.7px;font-weight:500;color:var(--muted);margin-top:6px}.brand-icon{position:relative;display:flex;align-items:center;justify-content:center;background:var(--teal);color:#112c28;border-radius:8px;width:38px;height:38px;font-size:28px;letter-spacing:0}.brand-icon span{position:absolute;right:6px;top:0;font-size:21px}.shift-heading{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1.5px;color:#b4c5cc}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px #51d6b033;flex-shrink:0}.top-actions{display:flex;gap:17px;align-items:center;margin-left:auto}.top-actions>span{font-size:9px;letter-spacing:1px}.connected{color:var(--teal)}.icon-button{border-radius:50%;padding:0;width:27px;height:27px;color:var(--muted)}.quiet{background:transparent}.controlbar{display:flex;align-items:center;gap:18px;padding:23px 28px 25px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.6px;color:var(--muted)}h1{font-size:20px;letter-spacing:-.4px;font-weight:550;margin:6px 0 0}.clock-block{margin-left:auto;display:flex;flex-direction:column;gap:4px}.clock-block strong{font-family:Consolas,monospace;font-size:25px;letter-spacing:1px;font-weight:500}.segmented{display:flex;padding:3px;border:1px solid var(--line);border-radius:6px;background:#152127}.segmented button{padding:7px 11px;border:0;background:none;font-family:Consolas,monospace;color:var(--muted)}.segmented button.active{background:#2a4b44;color:#9df1d8}.muted{color:var(--muted)}.mono{font-family:Consolas,monospace}#workspace{padding:0 22px 18px;display:grid;grid-template-columns:260px minmax(370px,1fr) 350px;grid-template-rows:430px 262px;gap:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;overflow:hidden;min-width:0;display:flex;flex-direction:column}.panel-head{height:49px;min-height:49px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:10px}.panel-head h2{margin:0;font-size:12px;font-weight:600;display:flex;align-items:center;gap:9px;white-space:nowrap}.square{width:6px;height:6px;border-radius:2px;display:inline-block}.coral{background:var(--coral)}.teal{background:var(--teal)}.blue{background:var(--blue)}.amber{background:var(--amber)}.count{background:#29353c;color:#c5d0d5;font-size:10px;padding:2px 6px;border-radius:4px;margin-left:3px}.panel-head select{font-size:10px;border:0;padding:5px;background:transparent}.incidents-panel{grid-row:1}.search-wrap{padding:13px 12px 6px}.search-wrap input{width:100%;font-size:10px;background:#101a20}.incident-list{overflow-y:auto;padding:7px 9px;flex:1;scrollbar-width:thin}.incident-card{display:block;text-align:left;padding:13px 12px;width:100%;margin-bottom:7px;border:1px solid var(--line);background:#19262d;border-radius:6px}.incident-card.selected{background:#253333;border-color:#63867c;box-shadow:inset 3px 0 var(--teal)}.incident-card-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-bottom:11px}.badge{font-size:9px;padding:3px 6px;background:#293941;color:#bdccd2;border-radius:4px}.coral-badge{background:#50332f;color:#ffa498}.incident-card strong{display:block;font-size:12px;font-weight:550;margin-bottom:6px}.incident-address{display:block;font-size:11px;color:#b7c6cc}.incident-meta{font-size:9px;color:var(--muted);display:flex;justify-content:space-between;margin-top:14px}.panel-foot{padding:13px;font-size:9px;color:var(--muted);border-top:1px solid var(--line)}.panel-foot .live-dot{margin-right:6px}.map-panel{grid-column:2;grid-row:1}.map-label{font-size:8px;letter-spacing:1px;color:var(--muted);margin-left:auto}.map-filters{display:flex;gap:9px;font-size:9px;color:var(--muted)}.map-filters label{display:flex;align-items:center;gap:2px}.map-filters input{width:11px;height:11px}.map-wrap{flex:1;min-height:0;background:#18252a}.map-wrap svg{width:100%;height:100%;display:block}.river{fill:none;stroke:#203e4c;stroke-width:35}.park{fill:#223c33;opacity:.7}.building{fill:#26343b;stroke:#304047;stroke-width:1}.road{stroke:#3d4b50;stroke-width:5;fill:none}.major-road{stroke:#65716a;stroke-width:7}.district-label{font-size:13px;letter-spacing:3px;fill:#8d9d9f;font-weight:600;opacity:.8}.park-label{font-size:10px;letter-spacing:1.8px;fill:#7d9b85}.road-label{font-size:10px;letter-spacing:1.3px;fill:#a4b1b0}.river-label{fill:#6294a4;font-size:11px;letter-spacing:3px}.route{fill:none;stroke:#5cb8df;stroke-width:5;stroke-linejoin:round;stroke-dasharray:9 5;opacity:.6}.selected-route{stroke:var(--teal);opacity:1}.hospital-pin{fill:#263d59;stroke:#85c0f4;stroke-width:2}.hospital-cross{font-size:23px;fill:#c7e5ff;font-weight:bold}.facility-label{fill:#d4e0e1;font-size:12px;paint-order:stroke;stroke:#18252a;stroke-width:5px;stroke-linejoin:round}.station-pin{fill:#26483e;stroke:#6bdfb7;stroke-width:2}.station-letter{fill:#d3f9e7;font-size:14px;font-weight:bold}.incident-halo{fill:#ff867b25;stroke:#ff867b66;stroke-width:1}.incident-pin{fill:#ef8a7e;stroke:#ffb6a8;stroke-width:2}.incident-glyph{fill:#2d2020;font-size:16px;font-weight:800}.incident-label{fill:#ffb4a8;font-size:13px;font-weight:bold;paint-order:stroke;stroke:#18252a;stroke-width:4px}.map-incident{cursor:pointer}.selected-marker .incident-halo{stroke:#ffe0d8;stroke-width:2}.vehicle-pin{fill:#b4e8d8;stroke:#17252a;stroke-width:2}.physician-pin{fill:#e5ca83}.north,.scale{fill:none;stroke:#9babaf;stroke-width:2}.north-label{font-size:12px;fill:#a8b9bd}.map-legend{display:flex;gap:15px;padding:11px 15px;font-size:9px;border-top:1px solid var(--line);align-items:center}.map-legend>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.map-legend>.muted{margin-left:auto;font-size:8px}.legend-marker{display:inline-block;width:7px;height:7px;border-radius:50%}.emergency{background:var(--coral)}.unit{background:#b4e8d8;border-radius:2px}.hospital{background:var(--blue);border-radius:2px}.details-panel{grid-column:3;grid-row:1/3}.details-content{overflow-y:auto;padding:20px;scrollbar-width:thin;flex:1}.detail-title{padding-bottom:17px;border-bottom:1px solid var(--line);margin-bottom:18px}.detail-title .eyebrow{color:var(--coral)}.detail-title h3{font-size:21px;letter-spacing:-.5px;margin:8px 0}.detail-title p{color:var(--muted);font-size:11px;margin:0}.call-visual{text-align:center;padding:25px 0 20px;color:var(--muted);font-size:11px}.call-ring{display:inline-flex;align-items:center;justify-content:center;width:65px;height:65px;background:#294a40;border:1px solid #538d78;border-radius:50%;color:#98edc9;font-size:28px;margin-bottom:6px}.primary{background:var(--teal);color:#102f25;border-color:var(--teal);font-weight:650}.primary:hover:not(:disabled){background:#8ce8cc;border-color:#8ce8cc}.full{width:100%;margin-top:9px}.section-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;font-weight:650;color:var(--muted);margin:21px 0 10px}.conversation{border-left:1px solid #34464f;padding-left:13px}.dialogue{margin:0 0 16px}.dialogue small{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.dialogue p{font-size:12px;line-height:1.65;margin:5px 0 0}.dialogue.operator p{color:#b6d2da}.dialogue.operator small{color:var(--teal)}.question-buttons{display:flex;gap:6px;flex-wrap:wrap}.question{font-size:10px;background:#20313a;padding:8px}.question.asked{color:var(--teal)}#triageCode{width:100%;font-size:11px}.hint{font-size:10px;color:var(--muted);line-height:1.75}.aao-card{border:1px solid #375149;border-radius:6px;background:#1c302c;padding:12px}.aao-card strong{font-size:12px}.aao-card strong span{font-size:10px;font-weight:400;color:#a8c4b9}.aao-card p{font-size:12px}.aao-card small{color:#a8c4b9;font-size:10px;line-height:1.7;display:block}.aao-card button{font-size:11px;border-color:#48685d}.unit-picker{margin-top:10px}.pick-unit{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #27363e;font-size:11px;cursor:pointer}.pick-unit input{margin:0}.pick-unit span small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.pick-unit>.mono{margin-left:auto;color:var(--muted);font-size:9px}.unavailable{opacity:.45;cursor:default}.assigned{font-size:10px;color:#abc1cc;line-height:1.75;margin-top:12px}.hospital-list{display:flex;flex-direction:column;gap:7px}.hospital-choice{display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:11px}.hospital-choice small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.hospital-choice.chosen{border-color:var(--teal);background:#213c33}.notice{color:#a5e1cc;background:#20372f;padding:12px;border-radius:6px;font-size:11px;line-height:1.7}.warning{color:var(--amber);font-size:11px;line-height:1.7}.completion{border:1px solid #3f5b50;background:#1b302a;padding:18px;border-radius:7px}.completion>span{font-size:23px;color:var(--teal)}.completion p{font-size:11px;line-height:1.7;color:#a8c4b9}.completion dl>div{display:flex;justify-content:space-between;font-size:11px;padding:8px 0}.completion dd{margin:0;color:var(--teal)}.text-button{border:0;padding:0;background:none;font-size:10px;margin-top:20px}.danger{color:#e9a096}.fleet-panel{grid-column:1/3;grid-row:2}.fleet-head-right{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:10px}.table-wrap{overflow:auto;flex:1}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#17242b;color:var(--muted);font-size:9px;font-weight:500;letter-spacing:.4px;padding:9px 15px}td{padding:9px 15px;font-size:10px;border-top:1px solid #26343b}td strong{font-size:11px;font-weight:500}.unit-symbol{color:var(--teal);margin-right:9px}.type-chip{font-size:9px;background:#2a3740;color:#b8c8cf;padding:3px 5px;border-radius:3px}.status-code{display:inline-flex;justify-content:center;align-items:center;font-size:9px;font-family:Consolas,monospace;width:17px;height:17px;border-radius:3px;margin-right:6px;background:#254b3e;color:#9cdfbf}.status-3{background:#534b2e;color:#f1d98a}.status-4{background:#514035;color:#f3ba8e}.status-7{background:#2b455b;color:#9bc9f3}.status-8{background:#413e59;color:#c9b2ed}.table-link{background:none;border:0;padding:0;color:#b4d4df;font-size:10px}.radio-panel{grid-column:1/4;height:185px}.radio-log{overflow:auto;padding:5px 17px 10px;scrollbar-width:thin}.radio-entry{display:flex;gap:16px;padding:8px 0;border-bottom:1px solid #233138;font-size:10px;line-height:1.6}.radio-entry time{font-family:Consolas,monospace;color:#829ba8;flex-shrink:0}.radio-entry span{color:#c1d0d5}.radio-incident{font-size:9px;color:var(--teal);background:#213931;border:0;padding:1px 4px}.statusbar{display:flex;align-items:center;justify-content:space-between;padding:10px 24px 13px;font-size:9px;color:var(--muted);gap:20px}.statusbar .live-dot{margin-right:5px}.keycap,kbd{border:1px solid #3f525c;border-radius:3px;padding:1px 5px;font:10px Consolas,monospace;color:#c1d2d9}.keycap{margin:0 3px 0 14px}.empty{padding:24px 12px;color:var(--muted);line-height:1.7;font-size:11px}dialog{width:490px;max-width:calc(100vw - 30px);max-height:calc(100vh - 40px);padding:30px;border:1px solid #43585f;border-radius:13px;background:#17242a;color:var(--text);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#070e12cc;backdrop-filter:blur(5px)}.dialog-heading h2{font-size:26px;letter-spacing:-.8px;margin:10px 0}.dialog-heading p{color:#9eb3bc;line-height:1.8;font-size:12px}.welcome-map{font-size:9px;letter-spacing:2px;display:flex;justify-content:space-between;padding:29px 15px;background:#1d3430;border:1px solid #355449;color:#b3cfc1;border-radius:6px;margin:23px 0}.welcome-map span{color:var(--teal);font-size:10px;letter-spacing:.5px}dialog form>label,.form-row>label{display:flex;flex-direction:column;gap:7px;margin:15px 0;color:#b9cbd1;font-size:11px}dialog label input,dialog label select{width:100%;margin:0}.form-row{display:flex;gap:15px}.form-row>label{width:50%;margin-top:0}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.dialog-actions button{font-size:11px}.dialog-actions .primary{flex:1;display:flex;justify-content:space-between}.saved-shifts{display:flex;flex-direction:column;gap:6px;max-height:135px;overflow:auto}.saved-shifts button{text-align:left;display:flex;justify-content:space-between;font-size:10px}.help-steps{padding-left:18px;font-size:12px;line-height:1.9}.help-steps li{padding-left:7px;margin:12px 0}#helpDialog{width:600px}#helpDialog>p{font-size:11px;line-height:2}.error{color:#ffab9d}#toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);background:#2d443d;border:1px solid #5f8977;border-radius:8px;padding:15px 25px;z-index:20;box-shadow:0 8px 30px #0007;font-size:12px;max-width:calc(100vw - 24px)}.skip{position:absolute;top:-60px;left:10px;background:var(--teal);color:#102b23;padding:10px;z-index:100}.skip:focus{top:10px}[hidden]{display:none!important}.is-pending [data-action],.is-pending [data-question],.is-pending [data-hospital]{pointer-events:none;opacity:.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#3b4e57;border-radius:8px}@media(min-width:1600px){#workspace{grid-template-columns:290px minmax(500px,1fr) 390px;grid-template-rows:490px 280px}.radio-panel{height:190px}.details-content{padding:24px}.controlbar{padding-top:28px;padding-bottom:28px}}@media(max-width:1200px){#workspace{grid-template-columns:230px minmax(310px,1fr) 310px;padding:0 12px 12px;gap:9px}.topbar{padding:0 20px;gap:22px}.shift-heading{font-size:8px}.controlbar{padding:20px}.map-label{display:none}.details-content{padding:16px}.statusbar{flex-wrap:wrap}.map-legend{gap:10px}.map-legend>.muted{display:none}.top-actions{gap:9px}}@media(max-width:1000px){#workspace{grid-template-columns:240px minmax(300px,1fr);grid-template-rows:390px auto auto auto}.details-panel{grid-column:1/3;grid-row:2;max-height:650px}.fleet-panel{grid-column:1/3;grid-row:3;max-height:310px}.radio-panel{grid-column:1/3;grid-row:4}.shift-heading{display:none}.controlbar h1{font-size:16px}.controlbar{gap:12px}.clock-block strong{font-size:22px}.segmented button{padding:6px 9px}.controlbar>.quiet{font-size:11px}.details-content{max-height:600px}.topbar{height:65px}.controlbar .eyebrow{font-size:8px}.details-content{columns:auto}}@media(max-width:620px){.topbar{padding:0 14px;gap:10px}.brand{font-size:14px;letter-spacing:1px}.brand-icon{width:31px;height:31px;font-size:23px}.brand small{font-size:7px}.top-actions>span{display:none}.top-actions button{font-size:10px}.controlbar{flex-wrap:wrap;padding:18px 14px;gap:12px}.controlbar>div:first-child{width:100%}.clock-block{margin-left:0;margin-right:auto}.controlbar h1{font-size:18px}.controlbar>.quiet{padding:9px}.controlbar .clock-block .eyebrow{display:none}#workspace{display:flex;flex-direction:column;padding:0 10px 12px;gap:10px}.incidents-panel{height:255px;order:0}.map-panel{height:345px;order:1}.details-panel{max-height:none;order:2}.details-content{max-height:650px}.fleet-panel{order:3;max-height:330px}.radio-panel{order:4;height:230px}.statusbar{padding:8px 15px 15px;gap:12px;font-size:8px}.statusbar>span:last-child{display:none}.fleet-head-right{gap:4px}.fleet-head-right>span{display:none}.panel-head{padding:0 12px}.dialog-heading h2{font-size:23px}dialog{padding:22px}.welcome-map{padding:20px 8px;font-size:8px}.welcome-map span{font-size:8px}.segmented button{padding:6px 9px}}
