.radar-workbench{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:.75rem;padding:.75rem;border:1px solid var(--line);border-radius:1.4rem;background:linear-gradient(145deg,#0a2330,#04131c)}
.radar-products{display:grid;align-content:start;gap:.85rem}.radar-products>div{display:grid;gap:.35rem;padding:.85rem;border:1px solid var(--line);border-radius:1rem;background:#061720}.radar-products span,.radar-readout span{color:var(--accent);font:900 .63rem Inter;letter-spacing:.13em}.radar-products button,.radar-products a,.map-layer-dock button{min-height:2.45rem;padding:.55rem .7rem;border:1px solid rgba(183,224,241,.14);border-radius:.6rem;background:rgba(255,255,255,.025);color:#b8cad2;text-align:left;text-decoration:none;font:800 .72rem Inter;cursor:pointer}.radar-products button:hover,.radar-products button.active,.map-layer-dock button.active{border-color:rgba(102,225,159,.55);background:rgba(102,225,159,.14);color:#fff}.radar-products small{color:var(--muted);font-size:.7rem;line-height:1.45}
.radar-main{min-width:0}.radar-readout{display:grid;grid-template-columns:1.2fr 1fr auto;gap:.5rem;margin-bottom:.5rem}.radar-readout>div{display:grid;gap:.2rem;min-height:3.6rem;padding:.75rem .9rem;border:1px solid var(--line);border-radius:.8rem;background:#05151e}.radar-readout b{font:900 1rem Barlow Condensed;letter-spacing:.04em}.radar-console{padding:.55rem;border:1px solid var(--line);border-radius:.8rem;background:#04121a}.radar-console button.active{background:var(--accent);color:#04110b}.radar-main .map-shell{height:min(68vh,760px);min-height:34rem;border-radius:1rem}.map-layer-dock{position:absolute;z-index:550;right:.75rem;top:.75rem;display:flex;gap:.35rem}.map-layer-dock button{min-height:2rem;background:rgba(4,15,23,.92);color:#fff}.radar-main .leaflet-container{font-family:Inter,sans-serif}.radar-main .leaflet-bar a{background:#071821;color:#fff;border-color:var(--line)}
.radar-product-guide{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.35rem 0 .55rem;padding:.65rem .8rem;border-left:.2rem solid var(--accent);background:rgba(102,225,159,.06)}.radar-product-guide p{margin:0;color:#bfd0d7;font-size:.78rem;line-height:1.45}.radar-product-guide strong{max-width:24rem;color:#ffca70;font-size:.66rem;line-height:1.4;letter-spacing:.08em}.radar-color-key{position:absolute;z-index:550;left:.75rem;bottom:.75rem;display:grid;grid-template-columns:auto repeat(4,1.7rem) auto;align-items:center;gap:.25rem;padding:.55rem .65rem;border:1px solid var(--line);border-radius:.65rem;background:rgba(3,14,20,.9);backdrop-filter:blur(8px)}.radar-color-key>span{font:800 .58rem Inter;color:#c9d8de}.radar-color-key i{height:.48rem;border-radius:999px}.dbz-green{background:#18c85c}.dbz-yellow{background:#ffe94a}.dbz-red{background:#f3423d}.dbz-purple{background:#d34ee8}.radar-color-key small{grid-column:1/-1;max-width:23rem;color:#9fb4bd;font-size:.62rem;line-height:1.35}.smooth-radar .leaflet-tile-pane .leaflet-layer{transition:opacity .38s linear;filter:saturate(1.14) contrast(1.06)}.smooth-radar .leaflet-tile{image-rendering:auto}.radar-products button:has(+*){position:relative}
@media(max-width:900px){.radar-workbench{grid-template-columns:1fr}.radar-products{grid-template-columns:repeat(3,1fr)}.radar-readout{grid-template-columns:1fr 1fr}.radar-readout>div:first-child{grid-column:1/-1}}
@media(max-width:650px){.radar-workbench{padding:.45rem}.radar-products{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.radar-products>div{min-width:13rem;scroll-snap-align:start}.radar-readout{grid-template-columns:1fr}.radar-readout>div:first-child{grid-column:auto}.radar-main .map-shell{height:58vh;min-height:29rem}.map-brand{top:3.35rem}.map-layer-dock{left:.65rem;right:auto}.radar-console label{width:100%}.radar-product-guide{align-items:flex-start;flex-direction:column}.radar-color-key{right:.55rem;left:.55rem;bottom:.55rem}.radar-color-key small{max-width:none}}

/* 10.0 alpha4 — black-glass map, stable controls and GOES workspace */
body[data-view="map"]{overflow-x:hidden;background:#02090e}
body[data-view="map"] .pulsebar,body[data-view="map"] .ticker,body[data-view="map"] .page-backdrop{display:none}
body[data-view="map"] main{width:100%;max-width:none;padding:0 0 1rem}
body[data-view="map"] .shell{background:#030b11}
body[data-view="map"] .topline{height:54px}
body[data-view="map"] #nav{height:38px}
.radar-workbench{grid-template-columns:12.5rem minmax(0,1fr);gap:0;padding:0;border:0;border-radius:0;background:#02090e}
.radar-products{z-index:3;padding:.7rem;border-right:1px solid var(--line);background:#06131b}
.radar-products>div{padding:.65rem;border:0;border-radius:.65rem;background:transparent}
.radar-products button{min-height:2.25rem;border-color:transparent;background:transparent}
.level2-status{margin-top:.35rem;border:1px solid rgba(102,225,159,.18)!important;background:rgba(102,225,159,.05)!important}
.level2-status b{font:800 .78rem Barlow Condensed;color:#dceaf0;letter-spacing:.06em}
.radar-main{position:relative}
.radar-readout{position:absolute;z-index:560;top:.7rem;left:5.2rem;right:12rem;pointer-events:none;margin:0;grid-template-columns:1.3fr .9fr auto}
.radar-readout>div{min-height:2.8rem;padding:.5rem .7rem;background:rgba(3,12,18,.88);backdrop-filter:blur(12px)}
.radar-readout b{font-size:.84rem}
.radar-main .map-shell{height:calc(100vh - 92px);min-height:40rem;border:0;border-radius:0;background:#02090e}
.radar-main #map{opacity:1;transition:opacity .45s ease;background:#02090e}
.pwn-dark-base{filter:grayscale(1) invert(1) sepia(.18) hue-rotate(150deg) brightness(.58) contrast(1.25) saturate(.65)!important}
.pwn-label-overlay{filter:brightness(1.85) contrast(1.22)!important}
.pwn-data-overlay{mix-blend-mode:screen}
.pwn-ridge-overlay{filter:saturate(1.2) contrast(1.08)}
.pwn-environment-field{image-rendering:auto;filter:saturate(1.08) blur(4px);transform:scale(1.012);transform-origin:center}
#radar-smooth{display:none!important}
.satellite-mode .pwn-dark-base{opacity:.24!important}
.satellite-mode .radar-color-key,.environment-mode .radar-color-key{display:none}
.environment-mode .leaflet-overlay-pane path{transition:fill-opacity .32s linear}
.map-shell.radar-loading #map{opacity:1}
.radar-loader{display:none;position:absolute;z-index:700;inset:0;place-content:center;text-align:center;background:rgba(2,9,14,.42);backdrop-filter:blur(2px);pointer-events:none}
.radar-loading .radar-loader{display:grid}
.radar-loader i{width:2rem;height:2rem;margin:0 auto .8rem;border:2px solid rgba(102,225,159,.2);border-top-color:var(--accent);border-radius:50%;animation:radar-spin .8s linear infinite}
.radar-loader b{font:900 1rem Barlow Condensed;letter-spacing:.12em}.radar-loader span{margin-top:.35rem;color:var(--muted);font-size:.7rem}
@keyframes radar-spin{to{transform:rotate(360deg)}}
.map-brand{top:.7rem;left:.7rem}.map-layer-dock{top:.7rem}
.radar-console{position:absolute;z-index:560;left:50%;bottom:1rem;transform:translateX(-50%);width:min(54rem,calc(100% - 2rem));margin:0;padding:.5rem .65rem;border-radius:999px;background:rgba(3,12,18,.9);backdrop-filter:blur(14px);box-shadow:0 12px 45px rgba(0,0,0,.45)}
.radar-console button{border-radius:999px}.radar-console label{font-size:.6rem}.radar-console input[type=range]{accent-color:var(--accent)}
.radar-product-guide{position:absolute;z-index:555;left:.75rem;bottom:5rem;max-width:30rem;margin:0;background:rgba(3,12,18,.82);backdrop-filter:blur(10px)}
.radar-color-key{right:.75rem;left:auto;bottom:5rem;grid-template-columns:auto repeat(4,1.4rem) auto}
.environment-detail{position:absolute;z-index:620;left:50%;top:50%;transform:translate(-50%,-50%);width:min(31rem,calc(100% - 2rem));padding:1.1rem;border:1px solid rgba(102,225,159,.35);border-radius:.8rem;background:rgba(3,14,20,.96);box-shadow:0 20px 70px #000}
.environment-detail[hidden]{display:none}.environment-detail strong{color:var(--accent);font:900 1.2rem Barlow Condensed}.environment-detail p{color:#bfd0d7;font-size:.78rem;line-height:1.5}.environment-detail button{border:1px solid var(--line);border-radius:.5rem;background:#0a202e;color:#fff;padding:.5rem .7rem;font:800 .65rem Inter}
body[data-view="map"] .legal-note{margin:.6rem 1rem 0}
@media(max-width:900px){.radar-workbench{grid-template-columns:1fr}.radar-products{display:flex;padding:.4rem;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.radar-products>div{display:flex;align-items:center;min-width:max-content;padding:.25rem}.radar-products>div>span,.radar-products small,.level2-status{display:none}.radar-products button{min-width:max-content}.radar-main .map-shell{height:calc(100vh - 155px);min-height:32rem}.radar-readout{left:4.7rem;right:.6rem}.radar-readout>div:nth-child(2){display:none}}
@media(max-width:650px){body[data-view="map"] .topline{height:54px}body[data-view="map"] #nav{top:54px}.radar-products{display:flex}.radar-main .map-shell{height:calc(100vh - 148px);min-height:30rem}.radar-readout{top:3.4rem;left:.6rem;grid-template-columns:1fr auto}.radar-readout>div{min-height:2.5rem}.map-brand{top:.6rem}.map-layer-dock{top:.6rem;left:auto;right:.5rem}.map-layer-dock button{font-size:.58rem}.radar-product-guide{display:none}.radar-color-key{left:.55rem;right:.55rem;bottom:5rem}.radar-console{bottom:.65rem;width:calc(100% - 1rem);border-radius:.8rem}.radar-console label,.radar-console #radar-smooth{display:none}}

/* 10.0 Milestone — observational radar + product-aware legends */
.radar-env-link{display:grid!important;gap:.2rem;margin:.15rem .65rem .2rem;padding:.8rem!important;border:1px solid rgba(102,225,159,.24)!important;background:linear-gradient(135deg,rgba(102,225,159,.11),rgba(255,255,255,.02))!important}
.radar-env-link span{font-size:.58rem!important}.radar-env-link b{font:900 .78rem Barlow Condensed;letter-spacing:.05em}.radar-env-link small{display:block!important;font-size:.62rem!important}
.radar-dynamic-legend{position:absolute;z-index:565;right:.75rem;bottom:5rem;width:min(34rem,calc(100% - 2rem));padding:.75rem .85rem;border:1px solid rgba(188,224,240,.19);border-radius:.8rem;background:rgba(3,12,18,.9);backdrop-filter:blur(14px);box-shadow:0 16px 45px rgba(0,0,0,.38)}
.radar-dynamic-legend header{display:flex;align-items:end;justify-content:space-between;gap:1rem}.radar-dynamic-legend header span{display:block;color:var(--accent);font:900 .55rem Inter;letter-spacing:.15em}.radar-dynamic-legend header b{font:900 .95rem Barlow Condensed;letter-spacing:.03em}.radar-dynamic-legend header em{font-style:normal;color:#c3d3d9;font:800 .63rem Inter}.legend-scale{display:flex;align-items:flex-end;gap:.18rem;margin:.55rem 0 .4rem}.legend-stop{display:grid;grid-template-rows:.55rem auto;gap:.22rem;min-width:0;flex:1;text-align:center}.legend-stop i{display:block;border-radius:.18rem;min-width:.55rem}.legend-stop b{font:800 .5rem Inter;color:#d3e1e6;white-space:nowrap}.radar-dynamic-legend>p{margin:.2rem 0;color:#aabfc7;font-size:.64rem;line-height:1.4}.radar-dynamic-legend details{margin-top:.4rem;border-top:1px solid var(--line);padding-top:.4rem}.radar-dynamic-legend summary{cursor:pointer;color:#fff;font:900 .56rem Inter;letter-spacing:.1em}.radar-dynamic-legend details p{margin:.35rem 0 0;color:#aabfc7;font-size:.64rem;line-height:1.45}
@media(max-width:900px){.radar-env-link{min-width:13rem}.radar-dynamic-legend{right:.55rem;bottom:5.1rem;width:min(30rem,calc(100% - 1.1rem))}}
@media(max-width:650px){.radar-dynamic-legend{left:.5rem;right:.5rem;bottom:4.9rem;width:auto;padding:.55rem}.radar-dynamic-legend>p,.radar-dynamic-legend details{display:none}.legend-stop b{font-size:.46rem}.radar-dynamic-legend header b{font-size:.82rem}}


/* Director Experience 04 — radar workstation acceptance fixes */
body[data-view="map"] #app{padding:0!important}
body[data-view="map"] .radar-workbench{min-height:calc(100vh - 92px)}
body[data-view="map"] .radar-main .map-shell{height:calc(100vh - 92px)!important;min-height:620px!important;overflow:hidden}
body[data-view="map"] #map{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:1}
body[data-view="map"] .radar-readout,.radar-console,.radar-dynamic-legend,.map-layer-dock,.map-brand{pointer-events:auto}
body[data-view="map"] .radar-readout{z-index:570}.radar-console{z-index:575}.radar-dynamic-legend{z-index:576}.map-layer-dock{z-index:577}.map-brand{z-index:577}
body[data-view="map"] .radar-console{display:grid;grid-template-columns:auto auto auto minmax(160px,1fr) auto auto;align-items:center;gap:.4rem;bottom:.8rem;max-width:860px}
body[data-view="map"] .radar-dynamic-legend.compact{left:.85rem;right:auto;bottom:.85rem;width:min(25rem,calc(100% - 2rem));max-height:10rem;overflow:auto}
body[data-view="map"] .radar-product-guide{display:none!important}
body[data-view="map"] .leaflet-control-zoom{margin-top:5.1rem!important;margin-left:.8rem!important}
body[data-view="map"] .radar-readout{left:4.4rem;right:.8rem;top:.75rem}
body[data-view="map"] .radar-console button:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:900px){body[data-view="map"] .radar-main .map-shell{height:calc(100vh - 154px)!important;min-height:520px!important}.radar-dynamic-legend.compact{bottom:5.2rem}.radar-console{grid-template-columns:auto auto auto minmax(100px,1fr) auto}.radar-console label{display:none}}
@media(max-width:650px){body[data-view="map"] .radar-main .map-shell{height:calc(100vh - 148px)!important;min-height:480px!important}.radar-readout{left:.6rem;right:.6rem;top:3.2rem}.radar-dynamic-legend.compact{left:.5rem;right:.5rem;bottom:4.9rem;width:auto}.radar-console{grid-template-columns:auto auto auto 1fr auto}.radar-console #radar-latest{display:none}}
