:root{color-scheme:dark;--bg:#081116;--panel:#101f27;--line:#263e49;--muted:#94abb6;--ink:#e1eee9;--mint:#98e4c5;--amber:#e2ba72;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}main{max-width:1500px;margin:auto;padding:30px}header,.section-heading,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}header{margin-bottom:25px}h1{font-size:clamp(30px,4vw,50px);letter-spacing:-.04em;margin:8px 0}h2{font-size:18px;font-weight:550;margin:0 0 14px}p{line-height:1.55;color:var(--muted);font-size:13px}.eyebrow,.badge{font-size:10px;letter-spacing:.15em;color:var(--mint)}.badge{padding:12px;border:1px solid var(--line);border-radius:5px;white-space:nowrap}.panel,.fleet-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px;margin-bottom:20px}.toolbar{margin:22px 0;font-size:12px;color:var(--muted);flex-wrap:wrap}.toolbar #status{flex:1}button,.file-label{font:inherit;font-size:12px;color:var(--ink);background:#1b343e;border:1px solid #35535c;border-radius:5px;padding:10px 14px;cursor:pointer}button:hover{border-color:var(--mint)}button:disabled{opacity:.4;cursor:default}label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted)}input,select{width:100%;background:#0a171e;border:1px solid #35505d;border-radius:5px;padding:11px;color:var(--ink);font:inherit}input[type=checkbox]{width:auto}.file-label{display:inline-flex;max-width:100%}.file-label input{margin-top:8px}details{margin-top:16px;font-size:12px;color:var(--muted)}form#access{display:flex;gap:10px;align-items:end;margin-top:12px}form#access label{flex:1}.fleet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.fleet-card{margin:0;min-height:205px;padding:18px}.fleet-card h3{margin:0 0 10px;font-size:19px}.fleet-state{color:var(--amber);font-size:11px}.fleet-state.live{color:var(--mint)}.fleet-card dl{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:11px;color:var(--muted)}dd{margin:0;text-align:right;color:var(--ink)}.note{margin:15px 0 28px}.workspace{display:grid;grid-template-columns:290px minmax(0,1fr);gap:18px}#sessions{display:flex;flex-direction:column;gap:6px;margin-top:12px;max-height:430px;overflow:auto}#sessions button{overflow-wrap:anywhere;text-align:left;font-size:10px}pre{background:#09151b;padding:15px;max-height:330px;overflow:auto;font-size:11px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.plan-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:14px}fieldset{border:1px solid var(--line);display:flex;gap:20px;margin:20px 0;padding:15px}fieldset label{flex-direction:row;align-items:center}.trace svg{width:100%;height:140px;background:#09151b}.trace p{font-size:11px}footer{font-size:11px;color:var(--muted);padding:15px 0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}@media(max-width:1000px){.fleet{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){main{padding:15px}header{align-items:flex-start}.badge{font-size:8px;padding:8px}.workspace{grid-template-columns:1fr}.panel{padding:16px}.fleet{grid-template-columns:1fr 1fr;gap:8px}.fleet-card{padding:12px}fieldset{flex-wrap:wrap;gap:12px}.section-heading{align-items:flex-start}.plan-grid{grid-template-columns:1fr}}

.route-view svg,.session-route svg{display:block;width:100%;height:auto;max-height:300px;background:#09151b;border:1px solid #263e49;border-radius:8px}.route-status{font-size:13px;color:#e2ba72}.route-note{font-size:11px;line-height:1.5;color:#94abb6}.route-view{margin:14px 0}.session-route{margin:18px 0}.follow-session{flex-direction:row;align-items:center;margin:15px 0}.public-notice{padding:12px 15px;border:1px solid #77613b;border-radius:7px;color:#e2ba72}.session-route h3{font-size:14px}.session-route select{font-size:12px}
#phoneLive dl,#motionReport dl{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,2fr);gap:8px 18px;font-size:12px;line-height:1.5}#phoneLive dd,#motionReport dd{text-align:left;overflow-wrap:anywhere}#motionReport svg{width:100%;height:auto;max-height:200px;background:#09151b;border:1px solid var(--line);border-radius:8px}#phoneLive{max-height:330px;overflow:auto}#motionReport h3{margin-top:25px;font-size:16px}@media(max-width:650px){#phoneLive dl,#motionReport dl{grid-template-columns:1fr}#phoneLive dd,#motionReport dd{margin-bottom:6px}}
.garage-twin{display:grid;grid-template-columns:minmax(140px,1fr) 2fr;gap:8px 20px;max-width:850px}.garage-twin dt{color:#83a1ad}.garage-twin dd{margin:0;color:#c7e8df}.garage-frames{width:100%;font-size:12px;border-collapse:collapse}.garage-frames th,.garage-frames td{padding:8px;text-align:left;border-bottom:1px solid #29404a}.garage-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.garage-gallery figure{margin:0}.garage-gallery img{width:100%;border-radius:8px}.garage-gallery figcaption{font-size:11px;color:#8ca6ae;margin-top:5px}
.garage-dashboard{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:12px;margin:20px 0}.garage-twin-stage{height:370px;position:relative;overflow:hidden;border:1px solid #34535e;border-radius:12px;background:radial-gradient(ellipse at 50% 70%,#274840,#0a1821 75%)}.garage-twin-stage canvas{display:block;width:100%;height:100%}.garage-hero-label{position:absolute;left:20px;top:18px;pointer-events:none}.garage-hero-label>span{color:#83bbaf;letter-spacing:3px;font-size:9px}.garage-hero-label h2{font-size:24px;margin:6px 0}.garage-hero-label strong{font-size:11px;color:#e2c48a}.garage-hero-label p{max-width:290px;font-size:10px}.garage-twin-stage>p{position:absolute;bottom:5px;left:15px;font-size:9px;color:#789aa4;pointer-events:none}.garage-overview{border:1px solid #33515c;background:#10232c;border-radius:12px;padding:18px}.garage-overview h2{font-size:16px}.garage-overview p{font-size:10px}.garage-overview #garageMetrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.garage-overview #garageMetrics>div{display:flex;flex-direction:column;gap:5px}.garage-overview #garageMetrics span{font-size:9px;color:#8daab7}.garage-overview #garageMetrics strong{font-size:14px}.garage-overview #garageAnalytics{font-size:11px;line-height:1.7;color:#b4d1cf}.garage-sensor-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.sensor-chart{min-width:0;height:110px;border:1px solid #2d4954;border-radius:7px;padding:8px;background:#10252d;display:grid;grid-template-rows:15px 18px 10px minmax(0,1fr)}.sensor-chart>span{font-size:10px;color:#91b1bd}.sensor-chart strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sensor-chart small{font-size:8px;color:#7698a6}.sensor-chart canvas{width:100%;height:100%;min-height:0}.sensor-chart.stale{opacity:.55}.garage-dashboard .garage-overview #garageParked{overflow-wrap:anywhere}@media(max-width:800px){.garage-dashboard{grid-template-columns:1fr}.garage-twin-stage{height:310px}.garage-sensor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){main{max-width:1800px;padding:18px}header{margin-bottom:12px}header h1{font-size:30px;margin:4px 0}header p{margin:4px 0;font-size:11px}.garage-twin-stage{height:285px}.garage-overview{padding:13px}.garage-overview p{margin:7px 0}.garage-overview #garageMetrics{gap:9px}.garage-dashboard{margin:12px 0;gap:9px}.garage-sensor-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.garage-sensor-grid .sensor-chart{height:85px;padding:6px;grid-template-rows:12px 16px 9px minmax(0,1fr)}.garage-sensor-grid .sensor-chart>span{font-size:8px}.garage-sensor-grid .sensor-chart strong{font-size:10px}}

.garage-visual{min-width:0;background:#0b1922;border:1px solid #34535e;border-radius:12px;overflow:hidden}.garage-views{display:flex;gap:5px;padding:9px;flex-wrap:wrap;border-bottom:1px solid #34535e}.garage-views button{padding:8px 10px;font-size:10px}.garage-views button[aria-pressed=true]{background:#98e4c5;color:#08151b}.garage-visual .garage-twin-stage{border:0;border-radius:0;height:350px}.garage-visual #garageModelScope{font-size:10px;padding:0 12px;min-height:30px;line-height:1.6}.garage-twin-stage #garagePhoto{display:block;width:100%;height:100%;object-fit:contain;background:#060c10}.garage-twin-stage [hidden]{display:none!important}.garage-hero-label{max-width:310px;background:linear-gradient(100deg,#07151cdb,#07151c00);padding:8px;border-radius:5px}.garage-hero-label p{max-width:280px}.garage-overview{align-self:stretch}#pollStatus{font-size:10px;color:#83bbaf}.garage-twin-stage canvas{touch-action:none}.garage-sensor-grid{content-visibility:auto;contain-intrinsic-size:auto 380px}main{max-width:1900px}@media(min-width:1100px){.garage-dashboard{grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr)}.garage-visual .garage-twin-stage{height:330px}}@media(max-width:650px){.garage-visual .garage-twin-stage{height:300px}.garage-hero-label{left:8px;top:8px;max-width:250px}.garage-hero-label h2{font-size:18px}.garage-views{gap:4px;padding:6px}.garage-views button{font-size:10px;padding:8px}.garage-sensor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}