:root{color-scheme:dark;font:clamp(16px,1.15vw,30px)/1.5 system-ui,Arial,sans-serif;background:#080e19;color:#eef4ff}*{box-sizing:border-box}body{margin:0;padding:clamp(16px,2vw,64px)}[hidden]{display:none!important}h1{font-size:clamp(24px,2vw,60px);margin:4px 0}button,input{font:inherit;padding:.6em .9em;border:1px solid #3d5372;border-radius:10px;background:#16263b;color:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #66d3ff;outline-offset:3px}.eyebrow{color:#67d8ec;letter-spacing:.16em;font-size:.7em}.screen-login{max-width:540px;margin:10vh auto;padding:36px;border:1px solid #29415e;border-radius:24px;background:#111e30}.screen-login form{display:grid;gap:16px}.screen-login button{background:#225ddd}header,.screen-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.screen-actions{font-size:.8em}#screen-status{min-height:2em;color:#ffcd68}.screen-kpis{display:flex;gap:16px;margin-bottom:20px}.screen-kpis>div{flex:1;border:1px solid #2d435e;border-radius:14px;padding:12px 24px;background:#101c2d}.screen-kpis b{font-size:1.6em;display:block}.screen-workspace{display:grid;grid-template-columns:minmax(0,2.8fr) minmax(330px,1fr);gap:24px}.screen-map-panel{position:relative;border:1px solid #2d435e;border-radius:20px;overflow:hidden;background:#101c2d}#screen-map{height:65vh;min-height:350px;background:#142438}.screen-map-panel p{font-size:.7em;margin:14px 18px;padding-inline-end:130px}.screen-map-panel>button{position:absolute;bottom:10px;inset-inline-end:12px;font-size:.75em}.screen-person{border:1px solid #2d435e;border-inline-start:5px solid var(--person);border-radius:14px;background:#101c2d;padding:16px;margin-bottom:12px}.screen-person b{display:block;font-size:1.1em}.screen-person p{margin:8px 0}.screen-person small{color:#adc0d9}.screen-person .stale{color:#ffcd68}.screen-pages{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:.8em}footer{color:#9fb2ca;margin-top:16px;font-size:.7em}.screen-map-label{background:#f7fbff;color:#102038;border:1px solid #7187a5;font:600 14px system-ui;padding:4px 7px;white-space:pre-line}.screen-customer-label{border-color:#178447}#screen-clock{font-variant-numeric:tabular-nums}#login-error{color:#ffaeae}@media(max-width:850px){.screen-workspace{grid-template-columns:1fr}.screen-kpis{flex-wrap:wrap}.screen-kpis>div{flex:1 1 40%}#screen-map{height:55vh}.screen-map-panel p{padding:0;margin-bottom:64px}}
@media(min-width:851px){
  :root{font-size:clamp(16px,1.03vw,30px)}
  #screen-board{height:calc(100dvh - clamp(32px,4vw,128px));display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto}
  .screen-workspace{min-height:0}
  .screen-map-panel{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0}
  #screen-map{height:100%;min-height:0}
  .screen-workspace aside{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;gap:10px}
  #screen-roster{display:grid;grid-auto-rows:1fr;gap:10px;min-height:0}
  .screen-person{margin:0;padding:12px;min-height:0;line-height:1.35}
  .screen-person p{margin:6px 0;font-size:.9em}
  .screen-person small{font-size:.75em}
  .screen-map-label{font-size:clamp(14px,.7vw,24px)}
}

/* TV mode is intentionally a map-only canvas; Escape and the floating button both exit it. */
#screen-map{direction:ltr}
.screen-map-tools{position:absolute;z-index:1000;top:12px;inset-inline-start:60px;max-width:min(600px,65%);padding:9px 12px;border:1px solid #45617d;border-radius:12px;background:#07182af2;color:#e8f6ff;box-shadow:0 3px 14px #00121f55;font-size:clamp(12px,.85vw,21px)}
.screen-map-tools #screen-map-status{color:#8be5c9;font-variant-numeric:tabular-nums}
.screen-map-tools .connection-lost{color:#ffb5ae!important}
#screen-map-counts{margin-top:4px;color:#c7d9ec}
.screen-map-buttons{display:flex;gap:8px;margin-top:7px;flex-wrap:wrap}
.screen-map-buttons button{font-size:inherit;padding:.3em .65em}
.screen-founder-star{background:transparent;border:0;font:36px/1 system-ui;color:#ffcc39;text-align:center;text-shadow:0 1px 2px #161f32,1px 0 2px #161f32,-1px 0 2px #161f32;filter:drop-shadow(0 2px 3px #0008)}
.screen-founder-star.is-stale{opacity:.6}
.screen-person-popup{font:15px/1.7 system-ui;color:#102038;min-width:190px}
.screen-person-popup b{display:block}
@media(max-width:850px){.screen-map-tools{top:55px;inset-inline-start:10px;max-width:calc(100% - 20px);font-size:12px}}
html.screen-map-fullscreen,html.screen-map-fullscreen body{width:100%;height:100%;margin:0;padding:0!important;overflow:hidden}
html.screen-map-fullscreen #root{width:100%;height:100dvh;margin:0;padding:0}
#screen-board.map-only{position:relative;width:100vw;height:100dvh!important;margin:0;padding:0!important;display:block!important;overflow:hidden;background:#080e19}
#screen-board.map-only>header,#screen-board.map-only>#screen-status,#screen-board.map-only>#screen-kpis,#screen-board.map-only>footer,#screen-board.map-only aside{display:none!important}
#screen-board.map-only>.screen-workspace{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;margin:0;padding:0}
#screen-board.map-only .screen-map-panel{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;border:0;border-radius:0;overflow:hidden}
#screen-board.map-only #screen-map{position:absolute;inset:0;width:100%;height:100%;min-height:0}
#screen-board.map-only .screen-map-panel>p,#screen-board.map-only #screen-fit{display:none!important}
.screen-map-panel>#screen-full-exit{display:none;position:absolute;z-index:1200;top:18px;inset-inline-end:18px;bottom:auto;font-size:clamp(14px,1.1vw,24px);background:rgba(8,20,36,.92);border-color:#8bdcf2;box-shadow:0 4px 18px #00121f99}
#screen-board.map-only .screen-map-panel>#screen-full-exit{display:block}
#screen-board.map-only .leaflet-top.leaflet-left{top:92px}
.screen-map-waiting{display:none;position:absolute;z-index:1100;bottom:18px;inset-inline-start:18px;max-width:min(420px,45vw);max-height:35vh;overflow:auto;padding:12px 16px;border:1px solid #79d8ec;border-radius:14px;background:#07182aeF;color:#f3f8ff;box-shadow:0 4px 20px #00121f99;font-size:clamp(13px,.9vw,20px)}
.screen-map-waiting:not([hidden]){display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.screen-map-waiting b{flex-basis:100%;color:#8de6f7}
.screen-map-waiting span{padding:4px 8px;border-radius:8px;background:#18314a}
.leaflet-tooltip.screen-office-label{background:#073b50;color:#fff;border:2px solid #e5fbff;border-radius:8px;font:700 15px system-ui;padding:5px 8px;white-space:nowrap;box-shadow:0 2px 10px #00131c99}
@media(max-width:850px){#screen-board.map-only>.screen-workspace{height:100dvh}.screen-map-panel>#screen-full-exit{top:10px;inset-inline-end:10px}.screen-map-waiting{bottom:10px;inset-inline-start:10px;max-width:80vw}}