:root{font-family:Segoe UI,Arial,sans-serif;background:#081820;color:#e5f2f5;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{padding:22px 28px;display:flex;gap:24px;align-items:center;border-bottom:1px solid #29424d;background:#0d252e;flex-wrap:wrap}header>div:first-child{flex:1}header span{font-size:10px;letter-spacing:.18em;color:#8bb6bd}h1{font-size:26px;margin:8px 0}h2{font-size:18px}h3{font-size:15px}a{color:#73e5d3}button,input,select{font:inherit}button,select,input{border:1px solid #365963;background:#12313c;color:#e4f3f5;border-radius:7px;padding:9px}button{cursor:pointer}button:hover{background:#21505b}button:focus-visible,a:focus-visible{outline:3px solid #ffc14a}label{display:grid;gap:7px;font-size:11px;color:#a9c2c8}label:has([type=checkbox]){display:flex;align-items:center}main{padding:20px 28px}.command-toolbar{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.scope-note{font-size:12px;color:#94afb8}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0}.metric{background:#102c37;border:1px solid #294650;border-radius:10px;padding:16px}.metric small{display:block;font-size:11px;color:#9db7bf}.metric b{font-size:32px}.board{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px}.map,.board aside,.bottom>div{background:#0e2832;border:1px solid #294650;border-radius:12px;overflow:hidden;min-width:0}.map-head{padding:15px 18px;display:grid;gap:7px}.map-head small{color:#95b1b9}.geo{height:clamp(450px,65vh,950px);background:#1c3640;z-index:0}.board aside{padding:16px;max-height:calc(65vh + 80px);overflow:auto}.queue-event{display:flex;gap:10px;padding:16px 0;border-top:1px solid #294650}.queue-event i{width:10px;height:10px;flex:0 0 10px;border-radius:50%;margin-top:4px}.queue-event h3{margin:7px 0}.queue-event p,.queue-event small{color:#a0bbc3;font-size:12px}.queue-event button{font-size:12px;margin:10px 7px 0 0}.bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.bottom>div{padding:16px}.bottom p{font-size:12px;color:#a1bdc4;line-height:1.6}.event-marker span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:bold;color:#08242e;border:3px solid white;box-shadow:0 2px 12px #0008}.leaflet-container{color-scheme:light;font-family:inherit}.event-preview{color:#12333c;max-height:390px;overflow:auto}.event-preview h3{font-size:16px}.event-preview button{display:block;margin:8px 0;width:100%}.event-preview p{font-size:12px}.event-media img,.event-media video{width:100%;max-height:240px;object-fit:contain;border-radius:7px;background:#091d26}.event-media p{padding:18px;background:#78949c20;font-size:12px}.leaflet-popup-content{margin:15px}.leaflet-control-attribution a{color:#164c6b}dialog{width:min(840px,94vw);max-height:90vh;overflow:auto;background:#0d2833;color:#eaf4f6;border:1px solid #48727d;border-radius:14px;padding:28px}dialog::backdrop{background:#001019bc}#close-dialog{float:right;font-size:22px}dialog dl{display:grid;grid-template-columns:180px 1fr;gap:12px}dialog dt{color:#91b3be}dialog dd{margin:0}dialog li{padding:8px 0;line-height:1.5}dialog .event-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
@media(min-width:1800px){.board{grid-template-columns:minmax(0,1fr) 430px}h1{font-size:34px}.queue-event h3{font-size:18px}}
@media(max-width:1050px){.board{grid-template-columns:minmax(0,1fr)}.board aside{max-height:500px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom{grid-template-columns:1fr}}
@media(max-width:600px){main{padding:12px}header{padding:16px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.geo{height:480px}dialog dl{grid-template-columns:1fr}dialog dd{margin-bottom:8px}}
.metrics .metric{text-align:left;cursor:pointer}.metric[aria-pressed=true]{border-color:#74dec9;box-shadow:inset 0 0 0 1px #74dec9}.metric:hover{background:#19434e}.metrics{grid-template-columns:repeat(6,minmax(0,1fr))}@media(max-width:1050px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Long-session command screen: tone only the basemap, never evidence or markers. */
:root{color:#d8e3e8;background:#101b24;font-size:15px;line-height:1.5}
header{padding:14px 22px;background:#14232d}h1{font-size:26px}
main{padding:16px 22px}.command-toolbar>label{min-width:0;max-width:100%}.command-toolbar select{max-width:100%}
label,.metric small,.scope-note,.map-head small,.queue-event small,.queue-event p,.bottom p{font-size:13px;color:#b4c5ce}
button,input,select{min-height:40px}input::placeholder{color:#afc0c9;opacity:1}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b9d9e9;outline-offset:3px}
.geo,.leaflet-container{background:#15232d;color-scheme:dark}
.geo:not(.map-light) .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) saturate(.3) brightness(.84) contrast(.9)}
.leaflet-popup-content-wrapper,.leaflet-popup-tip,.leaflet-control-layers{background:#1b2d39;color:#d8e3e8}
.event-preview{color:#d8e3e8}.event-preview p{font-size:14px;line-height:1.55}
.media-dialog{width:min(1120px,96vw)}.media-dialog #close-media-dialog{float:right;font-size:22px}.media-gallery{clear:both;display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.media-gallery figure{margin:0;border:1px solid #365963;border-radius:10px;padding:12px;background:#102c37}.media-gallery img,.media-gallery video{display:block;width:100%;max-height:65vh;object-fit:contain;background:#07161d;border-radius:7px}.media-gallery figcaption,.media-gallery p,.media-note{font-size:12px;line-height:1.5;color:#b4ccd2}.event-media figure{cursor:zoom-in}
.leaflet-container a.leaflet-popup-close-button{color:#c5d5df;font-size:24px;width:32px;height:32px}
.leaflet-bar a,.leaflet-bar a:hover{background:#223845;color:#d8e3e8;border-bottom-color:#526a77;width:34px;height:34px;line-height:34px}
.leaflet-bar a.leaflet-disabled{background:#1b2d39;color:#91a6b1}
.leaflet-control-layers-toggle{filter:invert(.85)}
.leaflet-container .leaflet-control-attribution{background:#14232deb;color:#b4c5ce;font-size:11px}
.leaflet-control-attribution a{color:#a7d7e7}.leaflet-control-scale-line{background:#14232deb;color:#d8e3e8;border-color:#91a6b1;text-shadow:none}
.event-marker span{border:2px solid #b4c5ce;box-shadow:0 2px 5px #0006}
.map-head{grid-template-columns:1fr auto;align-items:center}.map-head small{grid-column:1}.map-head button{grid-column:2;grid-row:1 / span 2;font-size:13px}
.event-media img,.event-media video{background:#14232d}.queue-event h3{line-height:1.5;overflow-wrap:anywhere}
@media(max-width:600px){.map-head{grid-template-columns:1fr}.map-head button{grid-column:1;grid-row:auto;justify-self:start}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* Wall display: the map is the canvas; controls float above it. */
/* Animate only a halo: the marker, count and click target remain steady. */
.event-marker span{position:relative}
.event-pulse-enabled .event-needs-attention span::after{content:"";position:absolute;inset:-5px;border:2px solid #f06466;border-radius:50%;pointer-events:none;animation:event-alert-halo 2.8s ease-out infinite}
@keyframes event-alert-halo{0%{transform:scale(.9);opacity:.75}80%,100%{transform:scale(1.7);opacity:0}}
@media(prefers-reduced-motion:reduce){.event-needs-attention span::after{display:none!important}}
:root{--screen-top:200px;--panel:rgba(18,34,44,.96)}
html,body{width:100%;height:100%;overflow:hidden}
main{padding:0}.board{display:block}.map{border:0;border-radius:0;background:none}
.geo{position:fixed;inset:0;width:100%;height:100dvh;z-index:0}
.screen-top{position:fixed;z-index:500;top:12px;left:16px;right:16px;pointer-events:none}
.screen-top>*{pointer-events:auto}
header{padding:10px 16px;gap:16px;border:1px solid #38505e;border-radius:12px;background:var(--panel);box-shadow:0 6px 24px #0003;flex-wrap:nowrap}
header h1{font-size:20px;margin:1px 0;font-weight:600;white-space:nowrap}header span{font-size:10px}header a{font-size:13px;text-decoration:none;white-space:nowrap}header #clock{font-variant-numeric:tabular-nums;color:#b4c5ce}header button{font-size:13px;white-space:nowrap}
.screen-filters{margin-top:8px;background:var(--panel);border:1px solid #38505e;border-radius:9px;max-height:40dvh;overflow:auto}
.screen-filters summary{padding:8px 14px;font-size:13px;cursor:pointer}.screen-filters summary span{color:#99afb9;margin-left:12px;font-size:12px}.screen-filters[open] summary{border-bottom:1px solid #38505e}
.command-toolbar{padding:12px 14px;gap:12px}.command-toolbar label{font-size:12px}.scope-note{padding:0 14px 10px;margin:0;font-size:12px}
.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:8px 0 0;max-width:1120px}
.metrics .metric{padding:8px 14px;background:var(--panel);border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;box-shadow:0 4px 16px #0002}.metric b{font-size:27px;font-variant-numeric:tabular-nums}.metric small{font-size:12px}.metric[aria-pressed=true]{background:#203d49}
#metric-explanation{margin:6px 0 0;padding:5px 10px;font-size:11px;color:#c0ced5;background:var(--panel);border-radius:6px;width:fit-content;max-width:100%}
.board aside{position:fixed;z-index:450;right:16px;top:var(--screen-top);bottom:54px;width:320px;max-height:none;background:var(--panel);box-shadow:0 6px 28px #0004;padding:0;display:flex;flex-direction:column}
.board aside[hidden]{display:none}.board aside h2{flex:none;font-size:14px;margin:0;padding:12px 14px;border-bottom:1px solid #38505e}.board aside #queue{overflow:auto;overscroll-behavior:contain;padding:0 14px;scrollbar-width:thin}.queue-event{padding:12px 0}.queue-event h3{font-size:13px;margin:5px 0}.queue-event p{margin:5px 0;font-size:12px}.queue-event small{font-size:11px}.queue-event button{min-height:34px;font-size:12px;margin-top:6px}
.map-head{position:fixed;z-index:410;left:16px;bottom:66px;max-width:340px;padding:10px 12px;border:1px solid #38505e;border-radius:9px;background:var(--panel);font-size:12px}.map-head small{font-size:11px}.map-head button{font-size:12px}
.bottom{position:fixed;z-index:410;bottom:12px;left:16px;right:16px;display:flex;gap:10px;margin:0;pointer-events:none;align-items:end}.bottom>div{padding:6px 10px;background:var(--panel);border-radius:7px}.bottom>div:first-child{display:none}.bottom h2{display:none}.bottom p{margin:0;font-size:11px}.bottom>div:last-child{max-width:calc(100% - 230px)}
.leaflet-top{top:var(--screen-top)}.leaflet-left{left:6px}.leaflet-top.leaflet-right{right:350px}.queue-hidden .leaflet-top.leaflet-right{right:6px}.leaflet-bottom.leaflet-left{bottom:46px;left:8px}
@media(min-width:1800px){header h1{font-size:24px}.metrics{max-width:1300px}.metrics .metric{min-height:66px}.metric b{font-size:32px}.board aside{width:360px}.leaflet-top.leaflet-right{right:390px}.queue-event h3{font-size:15px}}
@media(max-width:1000px){header{gap:8px;flex-wrap:wrap}header h1{font-size:17px}header>div:first-child{min-width:220px}header>a:last-child{display:none}.metrics .metric{padding:7px 9px;display:block}.metric b{font-size:24px}.metric small{font-size:11px}.board aside{width:290px}.leaflet-top.leaflet-right{right:320px}}
@media(max-width:600px){.screen-top{top:8px;left:8px;right:8px}header{padding:8px}header span{font-size:8px}header h1{font-size:16px}header #clock{display:none}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.metrics .metric{display:flex;min-height:42px;padding:5px 8px}.metric b{font-size:21px}.screen-filters summary span{display:none}#metric-explanation{display:none}.board aside{left:52px;right:8px;width:auto;bottom:70px;max-height:45dvh;top:auto}.map-head{display:none}.leaflet-top.leaflet-right{right:6px}.bottom{left:8px;right:8px;bottom:28px}.bottom>div:last-child{max-width:100%}.screen-filters{max-height:32dvh}}
@media(max-height:650px) and (min-width:601px){header h1{font-size:17px}header span{display:none}.metrics .metric{min-height:44px;padding:5px 12px}.metric b{font-size:23px}#metric-explanation{display:none}.map-head small{display:none}.screen-filters{max-height:28dvh}}
.media-drawer{position:fixed;z-index:1200;right:0;top:0;width:min(560px,94vw);height:100dvh;overflow:auto;transform:translateX(104%);transition:transform .22s ease;background:#0c2630;color:#eaf4f6;border-left:1px solid #48727d;box-shadow:-16px 0 42px #0007;padding:24px}.media-drawer.open{transform:translateX(0)}.media-drawer #close-media-drawer{float:right;font-size:22px}.media-drawer .media-gallery{clear:both;display:grid;gap:16px}.media-drawer .media-gallery figure{margin:0;border:1px solid #365963;border-radius:10px;padding:12px;background:#102c37}.media-drawer .media-gallery img,.media-drawer .media-gallery video{display:block;width:100%;max-height:62dvh;object-fit:contain;background:#07161d;border-radius:7px}.media-drawer .media-gallery figcaption,.media-drawer .media-gallery p,.media-drawer .media-note{font-size:12px;line-height:1.5;color:#b4ccd2}@media(prefers-reduced-motion:reduce){.media-drawer{transition:none}}

/* Production command centre shell: hierarchy stays useful on a wall display and a laptop. */
.command-rail{position:fixed;inset:0 auto 0 0;z-index:800;width:96px;display:flex;flex-direction:column;align-items:stretch;padding:14px 8px;background:linear-gradient(180deg,#071b29,#06151f);border-right:1px solid #294858;box-shadow:10px 0 34px #0004}.command-rail a,.command-rail button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:64px;padding:8px 3px;border:0;border-radius:8px;background:transparent;color:#a8bdc7;text-decoration:none;font-size:10px}.command-rail b{font-size:21px;line-height:1;color:#80a4b3}.command-rail a:hover,.command-rail button:hover,.command-rail button[aria-pressed=true]{background:#12374a;color:#eaf7fa}.command-rail a:hover b,.command-rail button:hover b,.command-rail button[aria-pressed=true] b{color:#25cfda}.command-rail .rail-brand{align-items:flex-start;flex-direction:row;min-height:58px;margin-bottom:18px;padding:5px 8px;color:#f1fbfd;font-weight:700;font-size:12px;letter-spacing:.04em}.command-rail .rail-brand b{display:grid;place-items:center;width:32px;height:32px;border:1px solid #42c9cc;border-radius:50%;color:#88f3ed}.command-rail .rail-brand span{display:grid;gap:2px;text-align:left}.command-rail .rail-brand small{font-size:7px;color:#8faeb9;letter-spacing:.12em}
.screen-top{left:112px}.command-title{min-width:260px}.global-search{display:flex;align-items:center;gap:9px;flex:1;max-width:420px;padding:0 12px;border:1px solid #395a68;border-radius:8px;background:#0d2431;color:#9db7c1}.global-search span{font-size:22px;line-height:1;color:#b3cbd2}.global-search input{width:100%;min-height:38px;padding:0;border:0;background:transparent;outline:0}.global-search:focus-within{border-color:#55cad0;box-shadow:0 0 0 3px #4bd6df22}.screen-top header>a:last-child{display:inline-flex;align-items:center}.map-head{left:112px}.bottom{left:112px}.board aside{right:18px;width:350px;border-color:#375766}.board aside h2{font-size:15px;letter-spacing:.01em;background:#0d2430}.metrics{max-width:calc(100vw - 500px);grid-template-columns:repeat(6,minmax(118px,1fr))}.metrics .metric{background:linear-gradient(145deg,#112d3a,#10252f);border-color:#31515f}.metrics .metric:first-child{border-color:#4de0dd;box-shadow:inset 0 0 0 1px #35aeb0}.metric b{color:#f2fbfc}.metric small{color:#b8cbd1}.event-marker span{box-shadow:0 0 0 4px #071721,0 5px 17px #0009}.event-pulse-enabled .event-needs-attention span::after{border-color:#ff5d67;box-shadow:0 0 14px #ff5d6799}.media-drawer{width:min(590px,96vw);padding:22px;background:linear-gradient(180deg,#0d2734,#081c27);border-left-color:#3b6371}.media-drawer h2{margin:4px 36px 4px 0;font-size:22px}.media-drawer .media-gallery{grid-template-columns:1fr;gap:14px}.media-drawer .media-primary{margin:0;border:1px solid #426c78;border-radius:10px;padding:10px;background:#091b24}.media-drawer .media-primary img,.media-drawer .media-primary video,.media-drawer .media-primary audio{display:block;width:100%;max-height:48dvh;object-fit:contain;background:#041017;border-radius:7px}.media-drawer .media-filmstrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(106px,1fr));gap:8px}.media-drawer .media-filmstrip button{min-height:0;padding:6px;text-align:left;background:#102e3a;border-color:#365c69}.media-drawer .media-filmstrip button[aria-pressed=true]{border-color:#46dad6;box-shadow:inset 0 0 0 1px #46dad6}.media-drawer .media-filmstrip img,.media-drawer .media-filmstrip video{width:100%;aspect-ratio:1.4;object-fit:cover;background:#06131a;border-radius:5px}.media-drawer .media-filmstrip span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;color:#b6cbd2}.media-drawer .media-caption{margin:7px 0 0;color:#b7ccd2;font-size:12px}.media-drawer .media-gallery>p{margin:0;color:#b7ccd2;font-size:12px}
@media(max-width:1100px){.command-rail{width:70px}.command-rail .rail-brand span,.command-rail a span,.command-rail button span{display:none}.command-rail .rail-brand{justify-content:center;align-items:center;padding:4px}.screen-top,.map-head,.bottom{left:86px}.metrics{max-width:calc(100vw - 410px)}.global-search{max-width:300px}.board aside{width:300px}}
@media(max-width:760px){.command-rail{display:none}.screen-top{left:8px}.map-head,.bottom{left:8px}.global-search{order:5;flex-basis:100%;max-width:none}.screen-top header{gap:7px}.screen-top header>a:last-child{display:none}.metrics{max-width:100%}.board aside{right:8px}.media-drawer{width:100vw}.media-drawer .media-primary img,.media-drawer .media-primary video{max-height:42dvh}}
.ai-watch{flex:none;margin:0;padding:12px 14px;border-top:1px solid #385966;background:linear-gradient(135deg,#102f3b,#0c2632)}.ai-watch h3{display:flex;align-items:center;gap:7px;margin:0 0 7px;font-size:13px;color:#dffbfa}.ai-watch h3 b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#1cc9c1;color:#06212a;font-size:12px}.ai-watch p{margin:5px 0;color:#b2c8cf;font-size:11px;line-height:1.45}.ai-watch ul{margin:7px 0 0;padding-left:16px;color:#d4e5e9;font-size:11px;line-height:1.55}.ai-watch small{display:block;margin-top:8px;color:#87a9b4;font-size:10px}
/* Composition pass: align the live screen with the approved command-centre concept. */
.screen-top{top:14px;left:112px;right:18px}.screen-top header{height:58px;min-height:58px;padding:8px 12px 8px 680px;border-radius:10px;background:rgba(8,28,40,.97);gap:9px}.command-title{display:none}.screen-top header>a:last-child{font-size:12px}.screen-top header #clock{font-size:12px;white-space:nowrap}.screen-top header button{min-height:38px;padding:7px 10px}.global-search{order:0;max-width:330px;margin-left:auto;min-height:38px}.global-search input{min-width:0;font-size:12px}.metrics{position:fixed;z-index:510;top:20px;left:300px;width:370px;max-width:none;margin:0;grid-template-columns:repeat(3,1fr);gap:8px;pointer-events:auto}.metrics .metric{min-width:0;min-height:46px;padding:6px 10px;display:grid;grid-template-columns:1fr auto;align-items:center;border-radius:8px;background:linear-gradient(145deg,#102939,#0c2230)}.metrics .metric:nth-child(n+4){display:none}.metric small{font-size:10px;line-height:1.15}.metric b{font-size:24px}.screen-filters{position:fixed;z-index:700;top:82px;left:112px;width:min(740px,calc(100vw - 500px));margin:0;background:rgba(10,31,43,.98);border-color:#3a5c6a;box-shadow:0 10px 28px #0007}.screen-filters:not([open]){width:auto;border:0;background:transparent;box-shadow:none}.screen-filters:not([open]) summary{width:38px;height:38px;overflow:hidden;padding:8px 11px;border:1px solid #3a5c6a;border-radius:8px;font-size:0;background:#0d2633}.screen-filters:not([open]) summary::before{content:'☷';font-size:18px;color:#b9d4dc}.screen-filters:not([open]) summary span{display:none}.board aside{top:84px;right:18px;bottom:18px;width:356px;border-radius:10px;background:rgba(9,28,39,.97)}.board aside h2{padding:14px 16px;font-size:15px}.board aside #queue{padding:0 16px}.queue-event{padding:13px 0}.queue-event h3{font-size:13px}.queue-event p{font-size:11px}.map-head{display:none}.bottom{display:none}.leaflet-top{top:92px}.leaflet-top.leaflet-right{right:386px}.leaflet-bottom.leaflet-left{bottom:12px;left:110px}.media-drawer{z-index:1300}
@media(max-width:1200px){.screen-top header{padding-left:500px}.metrics{left:250px;width:235px}.metrics .metric:nth-child(3){display:none}.global-search{max-width:180px}.board aside{width:310px}.leaflet-top.leaflet-right{right:340px}.screen-filters{width:min(620px,calc(100vw - 430px))}}
@media(max-width:850px){.screen-top header{padding-left:8px;height:auto;min-height:58px}.metrics{left:112px;top:80px;width:calc(100vw - 130px)}.metrics .metric:nth-child(3){display:grid}.screen-filters{top:136px}.board aside{top:136px}.leaflet-top{top:144px}}
@media(max-width:760px){.screen-top{left:8px;right:8px}.metrics{left:8px;width:calc(100vw - 16px);top:72px}.screen-filters{left:8px;top:126px;width:calc(100vw - 16px)}.board aside{top:auto;bottom:8px;left:8px;right:8px;width:auto}.leaflet-top{top:132px}.leaflet-bottom.leaflet-left{left:8px}}
/* The explanatory sentence remains available through the metric filters; it does not occupy the wall screen. */
#metric-explanation{display:none}
/* Right context panel: event queue becomes the reviewed-media panel without changing workspace. */
.board aside{background:linear-gradient(180deg,rgba(10,30,42,.98),rgba(7,23,33,.98))}.queue-event{position:relative;padding:15px 0 15px 14px;border-top-color:#294957}.queue-event i{position:absolute;left:0;top:19px;width:9px;height:9px;box-shadow:0 0 0 3px #102b37}.queue-event h3{color:#f0fbfd;font-weight:650}.queue-event button{border-color:#3c6976;background:#123340}.queue-event button:hover{background:#194957;border-color:#55cdd0}.media-drawer{width:min(500px,96vw);padding:0;background:linear-gradient(180deg,#0a2535,#071b27);border-left:1px solid #315868}.media-drawer #close-media-drawer{position:absolute;z-index:2;right:18px;top:15px;border:0;background:transparent;color:#b8d0d8}.media-drawer #media-details{padding:20px}.media-event-heading{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;padding:10px 0 17px;border-bottom:1px solid #294b59}.media-event-heading h2{margin:0 34px 4px 0;font-size:19px;line-height:1.25;color:#f5fcfd}.media-event-heading p{margin:0;color:#97b6c0;font-size:12px}.media-event-heading small{display:block;margin-bottom:5px;color:#7fa9b7;letter-spacing:.04em}.media-status{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:20px;font-weight:800;border:2px solid}.media-status-overdue{color:#ff5f68;border-color:#ff5f68;box-shadow:0 0 16px #ff536b66}.media-status-warning{color:#ffc24c;border-color:#ffc24c;box-shadow:0 0 14px #ffc24c44}.media-status-normal{color:#1fd3bd;border-color:#1fd3bd;box-shadow:0 0 14px #1fd3bd44}.media-status-blocked{color:#b891ff;border-color:#b891ff}.media-drawer .media-note{margin:12px 0 14px;padding:8px 10px;border-left:3px solid #48bfc4;border-radius:4px;background:#113545;color:#b7d4da}.media-drawer .media-primary{padding:7px;border-color:#365d6c;background:#061923;box-shadow:0 6px 18px #0005}.media-drawer .media-primary img,.media-drawer .media-primary video{max-height:41dvh}.media-drawer .media-primary figcaption{padding:6px 2px 0;color:#d5e8eb}.media-drawer .media-filmstrip{grid-template-columns:repeat(3,1fr);gap:10px}.media-drawer .media-filmstrip button{padding:5px;background:#0e2c39}.media-drawer .media-filmstrip button[aria-pressed=true]{border-color:#52d7d1;box-shadow:0 0 0 1px #52d7d1,0 0 12px #2dbeb94d}.media-approval{margin:16px 0 0!important;padding:13px 14px;border-radius:7px;background:linear-gradient(90deg,#0b5a61,#0c414d);border:1px solid #1d8f91;color:#62eee4!important;font-size:13px!important;font-weight:650}.media-drawer .media-gallery>p{padding:4px 2px}.board aside .ai-watch{background:#0d2b38;border-top-color:#315465}
/* Keep the operational queue scannable; full narrative opens only on selection. */
.queue-event h3,.queue-event p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.queue-event h3{-webkit-line-clamp:3}.queue-event p{-webkit-line-clamp:2}.queue-event small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
/* Operational colour language: concise metrics, three urgency states, and triangle for unknown competence. */
.metrics .metric:nth-child(1){border-color:#f06466;box-shadow:inset 0 0 0 1px #f0646655}.metrics .metric:nth-child(2){border-color:#ffc14a;box-shadow:inset 0 0 0 1px #ffc14a55}.metrics .metric:nth-child(3){border-color:#1bcdbd;box-shadow:inset 0 0 0 1px #1bcdbd55}.metrics .metric:nth-child(-n+3){grid-template-columns:24px 1fr auto}.metrics .metric:nth-child(-n+3)::before{display:grid;place-items:center;width:22px;height:22px;font-size:15px;font-weight:800}.metrics .metric:nth-child(1)::before{content:'!';border:2px solid #f06466;border-radius:50%;color:#f06466}.metrics .metric:nth-child(2)::before{content:'◷';border:2px solid #ffc14a;border-radius:50%;color:#ffc14a}.metrics .metric:nth-child(3)::before{content:'✓';border:2px solid #1bcdbd;border-radius:5px;color:#1bcdbd}.metrics .metric:nth-child(-n+3) small{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-marker.event-unknown span{width:34px;height:34px;border-radius:3px;transform:rotate(45deg);border-color:#ffcf68;box-shadow:0 0 0 4px #071721,0 5px 17px #0009}.event-marker.event-unknown span{font-size:17px}.event-marker.event-unknown span{color:#102531}.event-marker.event-unknown span::first-letter{transform:rotate(-45deg)}
/* Wide wall display keeps every caption readable, like the approved composition. */
@media(min-width:1201px){.metrics{left:300px;width:640px}.metrics .metric:nth-child(-n+3){grid-template-columns:27px minmax(0,1fr) auto;padding:6px 12px}.metrics .metric:nth-child(-n+3) small{font-size:11px}.metrics .metric:nth-child(-n+3) b{font-size:25px}}
.event-marker.event-mixed span{border-color:#e7f3f5;box-shadow:0 0 0 4px #071721,0 6px 18px #000b}
.map-legend{position:fixed;z-index:420;left:112px;bottom:18px;display:flex;align-items:center;gap:12px;padding:8px 11px;border:1px solid #315260;border-radius:8px;background:rgba(7,25,35,.94);color:#b9d1d8;font-size:11px;box-shadow:0 6px 18px #0006}.map-legend span{display:flex;align-items:center;gap:5px;white-space:nowrap}.map-legend i{display:inline-grid;place-items:center;width:11px;height:11px;border:1px solid #d9eaed;border-radius:50%;font-style:normal;font-size:8px;font-weight:800}.map-legend .legend-red{background:#f06466}.map-legend .legend-yellow{background:#ffc14a}.map-legend .legend-green{background:#15ba93}.map-legend .legend-unknown{border-radius:2px;transform:rotate(45deg);background:#f5ad3e;color:#152936}.map-legend .legend-unknown::first-letter{transform:rotate(-45deg)}@media(max-width:760px){.map-legend{left:8px;bottom:24px;gap:7px;font-size:9px;padding:6px}.map-legend span{gap:3px}}
/* Hover review: temporary side card, persistent operational queue underneath. */
.event-illustration{min-height:210px;display:grid;place-content:center;justify-items:center;gap:9px;padding:20px;border:1px solid #365e6d;border-radius:10px;background:radial-gradient(circle at 22% 20%,#2a6672 0 2%,transparent 2.5%),linear-gradient(145deg,#0d3340,#09202d 60%,#134753);text-align:center}.event-illustration b{display:grid;place-items:center;width:56px;height:56px;border:2px solid #55d8d4;border-radius:50%;font-size:33px;color:#57e2dc}.event-illustration strong{font-size:17px;color:#effafb}.event-illustration span{max-width:290px;color:#a9c8d0;font-size:12px;line-height:1.45}.event-summary-facts{display:grid;gap:8px;margin:14px 0}.event-summary-facts span{padding:9px 10px;border-left:3px solid #47c3c7;background:#0c2a38;color:#c7dce1;font-size:12px}.media-drawer #media-details>button:last-child{width:100%;margin-top:4px;background:#0f5360;border-color:#3cc8c4}.leaflet-popup-content-wrapper{box-shadow:0 10px 26px #000a}.event-preview .event-media figure{cursor:pointer}.event-preview .event-media figure:hover{outline:2px solid #4cd4cf;outline-offset:3px}
.media-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 14px}.media-context div{min-width:0;padding:8px 9px;border:1px solid #2b4f5d;border-radius:6px;background:#0a2633}.media-context div:nth-child(2){grid-column:1/-1}.media-context small{display:block;margin-bottom:3px;color:#78a7b3;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.media-context span{display:block;color:#e1eef1;font-size:12px;line-height:1.35;overflow-wrap:anywhere}@media(max-width:520px){.media-context{grid-template-columns:1fr}}
/* Vector navigation and stable metric cards on every wall-screen width. */
.command-rail .rail-icon{display:grid;place-items:center;width:27px;height:27px;color:#8fb4c1}.command-rail .rail-icon svg{width:22px;height:22px}.command-rail .rail-brand .rail-icon{width:34px;height:34px;border:1px solid #43c7cb;border-radius:50%;color:#8af2ed}.command-rail .rail-brand .rail-icon svg{width:20px;height:20px}.command-rail a:hover .rail-icon,.command-rail button:hover .rail-icon,.command-rail button[aria-pressed=true] .rail-icon{color:#45ded8;filter:drop-shadow(0 0 6px #36d6d166)}.metrics .metric{overflow:hidden}.metrics .metric small,.metrics .metric b{min-width:0}.metrics .metric b{white-space:nowrap}.metrics .metric:nth-child(-n+3){min-width:0}.metrics .metric:nth-child(-n+3) small{overflow:visible;text-overflow:clip}@media(min-width:1201px){.metrics{width:640px;max-width:calc(100vw - 970px)}.metrics .metric:nth-child(-n+3){grid-template-columns:27px minmax(72px,1fr) auto}}@media(max-width:1500px) and (min-width:1201px){.metrics{left:225px;width:520px}.screen-top header{padding-left:560px}.metrics .metric:nth-child(-n+3) small{font-size:10px}.metrics .metric:nth-child(-n+3) b{font-size:22px}}@media(max-width:1200px){.metrics .metric:nth-child(-n+3) small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}