/* LESiM Simulator Design System – Pass 01
   Staging-only, presentation-only. No changes to simulator logic, DOM IDs, map, audio or save data.
   Applied after historical style layers to normalize desktop cockpit readability.
*/
:root {
 --ls-bg:#081522;
 --ls-panel:#0d2032;
 --ls-surface:#142b41;
 --ls-border:#33516e;
 --ls-text:#eff5fb;
 --ls-muted:#a9bfd4;
 --ls-accent:#ea455a;
 --ls-blue:#399de9;
 --ls-ok:#48bc95;
 --ls-warning:#e8af58;
}
@media (min-width:1101px) {
 body {color:var(--ls-text);background:var(--ls-bg);}
 .shell {background:var(--ls-bg);}
 .topbar {
   background:linear-gradient(90deg,#081626,#0d2337)!important;
   border-bottom:1px solid #335572!important;
   min-height:68px!important;height:68px!important;
   padding:0 18px!important;
 }
 .identity-symbol {
   clip-path:none!important;
   background:linear-gradient(155deg,#133754,#0c1c2d)!important;
   border:1px solid #486f91!important;
   border-radius:9px!important;
   width:38px!important;height:38px!important;
 }
 .identity-symbol span{color:#f4f8fd!important;font-size:17px!important;letter-spacing:-.04em!important;}
 .identity-symbol i{background:var(--ls-accent)!important;bottom:6px!important;}
 .wordmark{font:800 18px/1.12 var(--ui,Arial,sans-serif)!important;letter-spacing:-.035em!important;color:#f4f8fe!important;}
 .wordmark b{color:#f4f8fe!important;font-weight:800!important;}
 .version{font:600 10px/1.1 var(--ui,Arial,sans-serif)!important;letter-spacing:0!important;margin-left:9px!important;color:#b3cbe0!important;}
 .signal{color:#7cd5ac!important;font:650 11px var(--ui,Arial,sans-serif)!important;}
 .clockblock small,.dayblock small{font:600 10px var(--ui,Arial,sans-serif)!important;color:#97b2c9!important;letter-spacing:0!important;}
 .clockblock strong,.dayblock strong{font:750 18px var(--ui,Arial,sans-serif)!important;color:#f2f6fb!important;}
 .top-actions{gap:6px!important;}
 .top-actions .tiny-btn{
   background:#182f48!important;
   border:1px solid #385a77!important;
   border-radius:6px!important;
   padding:9px 11px!important;
   min-height:36px!important;
   font:700 12px var(--ui,Arial,sans-serif)!important;
   letter-spacing:0!important;
   color:#e8f2fb!important;
 }
 .top-actions .tiny-btn:hover{background:#22405d!important;border-color:#66a7d9!important;}
 .top-actions .tiny-btn:focus-visible{outline:2px solid #8dd2ff!important;outline-offset:2px!important;}
 .workarea{grid-template-columns:292px minmax(0,1fr)!important;}
 .queue{background:#0c1c2c!important;border-right:1px solid #31506b!important;}
 .queue .pane-heading{height:63px!important;padding:12px 16px!important;background:#10263a!important;border-bottom:1px solid #2e4e68!important;}
 .queue .pane-heading h2{font:750 18px var(--ui,Arial,sans-serif)!important;color:#f2f7fc!important;letter-spacing:-.025em!important;}
 .counter{font:750 19px var(--ui,Arial,sans-serif)!important;color:#9ed7ff!important;}
 .queue-tabs{padding:11px 12px!important;gap:5px!important;border-bottom:1px solid #29445b!important;}
 .queue-tabs button{font:700 12px var(--ui,Arial,sans-serif)!important;letter-spacing:0!important;color:#a9c1d6!important;padding:9px 12px!important;min-height:36px!important;border-radius:5px!important;}
 .queue-tabs button.on{background:#244660!important;color:#f5faff!important;border:1px solid #5a99c4!important;}
 .queue-list{padding:9px 10px 12px!important;}
 .queue .incident{background:#10263a!important;border:1px solid #29445d!important;border-left:3px solid #7e9bb4!important;border-radius:7px!important;padding:14px 13px!important;margin:0 0 8px!important;}
 .queue .incident.p1{border-left-color:var(--ls-accent)!important;}
 .queue .incident.p2{border-left-color:var(--ls-warning)!important;}
 .queue .incident.p3{border-left-color:var(--ls-ok)!important;}
 .queue .incident.selected{background:#1a3852!important;border-color:#5995c1!important;border-left-color:#70c4ff!important;}
 .queue .incident .incident-title{font:750 15px/1.35 var(--ui,Arial,sans-serif)!important;letter-spacing:-.014em!important;margin:9px 0 6px!important;color:#f2f7ff!important;}
 .queue .incident .incident-address{font:500 12px/1.55 var(--ui,Arial,sans-serif)!important;color:#b5cadc!important;}
 .queue .incident .incident-top,.queue .incident .incident-top span:first-child{font:650 11px var(--ui,Arial,sans-serif)!important;color:#abc3d7!important;letter-spacing:0!important;}
 .queue .incident .incident-bottom{font:500 11px var(--ui,Arial,sans-serif)!important;color:#abc4d6!important;margin-top:11px!important;letter-spacing:0!important;}
 .queue .incident .incident-bottom strong{font-size:11px!important;color:#e3f0f9!important;}
 .queue .incident .priority{font:750 11px var(--ui,Arial,sans-serif)!important;padding:5px 8px!important;}
 .queue-foot{min-height:35px!important;height:35px!important;background:#102337!important;border-top:1px solid #31516c!important;color:#b4cadd!important;font:600 10px var(--ui,Arial,sans-serif)!important;}
 .map-heading{background:#10263a!important;border-bottom:1px solid #345470!important;min-height:48px!important;height:48px!important;}
 .map-title{font:700 12px var(--ui,Arial,sans-serif)!important;letter-spacing:0!important;color:#e3effb!important;}
 .map-tools button{font-size:11px!important;}
 .fleet-panel{background:#0b1d30!important;border-top-color:#315675!important;}
 .fleet-title{background:#10263a!important;}
 .fleet-title h2{font-size:17px!important;color:#f0f6fe!important;}
}
@media(prefers-reduced-motion:reduce){.top-actions .tiny-btn{transition:none!important}}