/* Floating map chrome. Page views retain their normal, scrollable layout. */
body.cat-open-map{--cat-map-top:80px;--cat-map-bottom:12px}
body.cat-open-map #workspace{position:absolute!important;inset:0!important;width:100%;height:100%!important;min-height:0;flex:none!important}
body.cat-open-map header.topbar{position:fixed!important;inset:12px 14px auto!important;z-index:100;height:56px!important;min-height:0!important;padding:0!important;display:grid!important;grid-template-columns:auto 1fr minmax(240px,360px) 44px!important;grid-template-rows:48px!important;gap:12px!important;align-items:center;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;pointer-events:none}
body.cat-open-map .topbar>*{pointer-events:auto}
body.cat-open-map .topbar :is(.brand,.main-nav,#profile-button){background:rgba(5,25,39,.76)!important;border:1px solid #9fcbe438!important;box-shadow:0 3px 16px #0014201f;color:#eef9ff!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body.cat-open-map .topbar .brand{display:flex!important;height:48px;min-width:0!important;gap:4px!important;padding:6px 10px!important;border-radius:14px!important;justify-content:center}
body.cat-open-map .brand .split-wing-logo{width:27px!important;height:30px!important;margin:0!important}
body.cat-open-map .brand-word strong{font-size:26px!important;line-height:1!important;color:#eef9ff!important}
body.cat-open-map .brand-word small,body.cat-open-map .header-meta{display:none!important}
body.cat-open-map .main-nav{height:48px!important;width:max-content;max-width:100%;justify-self:center;display:flex!important;gap:2px!important;padding:3px!important;border-radius:14px!important;margin:0!important;overflow:visible!important}
body.cat-open-map .main-nav .nav{height:40px!important;min-height:40px!important;min-width:0!important;gap:6px!important;padding:8px 12px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#deecf4!important;font-size:12px!important;white-space:nowrap;box-shadow:none!important}
body.cat-open-map .main-nav .nav.active{background:#91d5f12b!important;color:#fff!important}
body.cat-open-map .main-nav .nav.active:after{display:none!important}
body.cat-open-map .main-nav svg{width:18px!important;height:18px!important;stroke:currentColor}
body.cat-open-map #search-form{width:100%!important;min-width:0!important;max-width:none!important;height:48px!important;margin:0!important;padding:0 5px 0 14px!important;border:1px solid #fff8!important;border-radius:24px!important;background:rgba(247,252,255,.86)!important;box-shadow:0 3px 16px #00142026!important;color:#19364a!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body.cat-open-map #search-form>svg{display:block!important;flex-shrink:0;width:18px;height:18px;stroke:#284a60!important}
body.cat-open-map #search-input{min-width:0;width:100%;padding:0 8px!important;font-size:15px!important;color:#173448!important;background:transparent!important;border:0!important}
body.cat-open-map #search-input::placeholder{color:#466175!important;opacity:1}
body.cat-open-map #search-form>button{min-width:44px;min-height:38px;padding:6px 9px!important;border:0!important;border-radius:20px!important;background:#173e5420!important;color:#173e54!important;font-size:12px!important}
body.cat-open-map #profile-button{width:44px!important;height:44px!important;min-width:44px!important;margin:0!important;border-radius:50%!important}
body.cat-open-map #search-results{top:calc(100% + 10px)!important;max-height:min(440px,calc(100dvh - 170px));background:#0a2333fa!important;border:1px solid #57859c!important;color:#eaf7ff!important;border-radius:14px!important;box-shadow:0 10px 30px #00101a44!important;overflow:auto;backdrop-filter:none}
body.cat-open-map #search-results :is(.search-item,.search-result){color:#eaf7ff!important}
body.cat-open-map .topbar :is(button,input):focus-visible{outline:3px solid #67cfff!important;outline-offset:3px}
body.cat-open-map #workspace .map-topline{top:var(--cat-map-top)!important;left:14px!important;right:auto!important;max-width:none!important;gap:8px;justify-content:flex-start}
body.cat-open-map #workspace .map-topline .segmented{width:auto!important;border-radius:10px!important;background:#071f30c2!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:#92b9cd66!important}
body.cat-open-map #workspace .map-topline button{min-height:40px!important;padding:7px 12px!important;background:transparent!important;color:#e4f3fc!important;border-color:#92b9cd44!important;font-size:12px!important}
body.cat-open-map #workspace .map-topline button[aria-pressed=true]{background:#85c6e038!important;color:#fff!important}
body.cat-open-map #workspace .map-shell .map-credit{top:auto!important;bottom:4px!important;left:10px!important;right:auto!important;max-width:calc(100% - 75px)!important;font-size:10px!important;opacity:1!important;background:#eef8fdc9!important;color:#284455!important;border-radius:4px;padding:2px 5px!important}
body.cat-open-map #workspace .map-shell .map-credit a{color:#284455!important}
body.cat-open-map #workspace .map-rail{top:calc(var(--cat-map-top) + 56px)!important;padding-bottom:0!important;max-height:calc(100% - var(--cat-map-top) - var(--cat-map-bottom) - 95px);overflow:auto}
body.cat-open-map #workspace .map-zoom{top:calc(var(--cat-map-top) + 56px)!important}
body.cat-open-map #workspace .category-load-status{top:calc(var(--cat-map-top) + 52px)!important}
body.cat-open-map #workspace .map-scale{bottom:36px!important}
body.cat-open-map #workspace .history-map-banner{bottom:calc(var(--cat-map-bottom) + 38px)!important}
body.cat-open-map #workspace .airport-card{top:calc(var(--cat-map-top) + 55px)!important;max-height:calc(100% - var(--cat-map-top) - var(--cat-map-bottom) - 85px)!important;overflow:auto}
body.cat-open-map #workspace.selected #inspector{margin-top:var(--cat-map-top)!important;max-height:calc(100% - var(--cat-map-top) - 16px)}
body.cat-open-map .globe-toolbar{top:var(--cat-map-top);background:#071f30c7;box-shadow:0 3px 16px #00142026;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body.cat-open-map :is(.globe-selected,.globe-layers-panel,.globe-airport-panel){top:calc(var(--globe-toolbar-bottom,146px) + 10px);max-height:calc(100% - var(--globe-toolbar-bottom,146px) - var(--cat-map-bottom) - 55px)}
body.cat-open-map .globe-status{bottom:calc(var(--cat-map-bottom) + 24px)}
body.cat-open-map .cat-wx-panel{top:calc(var(--cat-map-top) + 54px);max-height:calc(100dvh - var(--cat-map-top) - var(--cat-map-bottom) - 80px)}
.sky-view-intro{max-width:620px;margin:30px auto;padding:30px;border:1px solid #42697e;border-radius:20px;background:#102c3e;text-align:center}
.sky-view-intro>svg{width:48px;height:48px;fill:none;stroke:#8cdaef;stroke-width:1.5}
.sky-view-intro h3{font-size:26px;margin:18px 0 12px}.sky-view-intro p{font-size:15px;line-height:1.7;color:#b9d0dd}.sky-view-intro .tiny{font-size:12px}.sky-view-intro button{margin-top:14px;min-height:48px}
#sky-view-intro[hidden]{display:none!important}
@media(max-width:1100px){
 body.cat-open-map{--cat-map-top:calc(env(safe-area-inset-top,0px) + 72px);--cat-map-bottom:calc(env(safe-area-inset-bottom,0px) + 86px)}
 body.cat-open-map header.topbar{inset:calc(env(safe-area-inset-top,0px) + 10px) 10px auto!important;height:48px!important;grid-template-columns:76px minmax(0,1fr) 44px!important;grid-template-rows:48px!important;gap:8px!important}
 body.cat-open-map .topbar .brand{width:76px;height:44px;padding:5px!important;gap:1px!important}
 body.cat-open-map .brand .split-wing-logo{width:20px!important;height:25px!important}
 body.cat-open-map .brand-word strong{font-size:20px!important;letter-spacing:-1px}
 body.cat-open-map #search-form{grid-column:2;grid-row:1;order:0!important;height:46px!important;padding-left:10px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 body.cat-open-map #search-input{font-size:16px!important;padding:0 6px!important}
 body.cat-open-map #search-form>button{font-size:0!important;padding:0!important;background:transparent!important;width:30px;min-width:30px}
 body.cat-open-map #search-form>button:after{content:'→';font-size:20px}
 body.cat-open-map #profile-button{grid-column:3;grid-row:1}
 body.cat-open-map .main-nav{position:fixed!important;top:auto!important;bottom:calc(env(safe-area-inset-bottom,0px) + 14px)!important;left:50%!important;transform:translateX(-50%);width:min(440px,calc(100vw - 24px))!important;max-width:none;height:60px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px!important;padding:5px!important;border-radius:22px!important;background:#071f30c9!important;box-sizing:border-box;pointer-events:auto}
 body.cat-open-map .main-nav .nav{width:100%;height:48px!important;min-height:48px!important;display:flex!important;flex-direction:column;justify-content:center;gap:3px!important;padding:4px 2px!important;border-radius:16px!important;font-size:10px!important;line-height:1.3}
 body.cat-open-map .main-nav svg{height:20px!important;width:20px!important}
 body.cat-open-map #search-results{position:fixed!important;left:10px!important;right:10px!important;top:calc(env(safe-area-inset-top,0px) + 66px)!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - env(safe-area-inset-top,0px) - var(--cat-map-bottom) - 85px)}
 body.cat-open-map #workspace .map-topline{left:10px!important;right:10px!important;justify-content:space-between}
 body.cat-open-map #workspace .map-topline button{min-height:40px!important;padding:6px 11px!important}
 body.cat-open-map #workspace .map-shell .map-credit{bottom:calc(var(--cat-map-bottom) - 2px)!important;max-width:calc(100% - 20px)!important}
 body.cat-open-map #workspace .map-scale{bottom:calc(var(--cat-map-bottom) + 34px)!important}
 body.cat-open-map #mobile-rail-reveal{top:auto!important;bottom:calc(var(--cat-map-bottom) + 45px)!important;width:44px!important;height:44px!important}
 body.cat-open-map .globe-status{bottom:calc(var(--cat-map-bottom) + 42px)}
 body.cat-open-map .globe-status :is(#globe-motion-note,#globe-layer-note,#globe-model-note){display:none}
 body.cat-open-map .globe-zoom{bottom:calc(var(--cat-map-bottom) + 42px)}
 body.cat-open-map #globe-canvas .cesium-viewer-bottom{bottom:var(--cat-map-bottom)}
 body.cat-open-map .cat-wx-timeline{bottom:calc(var(--cat-map-bottom) + 6px)}
 body.cat-open-map .cat-wx-badge{bottom:calc(var(--cat-map-bottom) + 108px)}
 body.cat-open-map #workspace :is(#layers-drawer,#aircraft-filter-drawer){bottom:var(--cat-map-bottom)!important;max-height:calc(100% - var(--cat-map-top) - var(--cat-map-bottom) - 10px)!important}
 body.cat-open-map #live-globe:has(#globe-selected:not([hidden])) .globe-status{top:calc(var(--globe-toolbar-bottom,180px) + 6px);bottom:auto}
 body.cat-open-map #live-globe:has(#globe-selected:not([hidden])) .globe-selected{top:calc(var(--globe-toolbar-bottom,180px) + 72px);max-height:calc(100% - var(--globe-toolbar-bottom,180px) - var(--cat-map-bottom) - 104px)}
}
@media(max-width:760px){
 /* The aircraft sheet uses the space occupied by the bottom tabs. Its contents scroll on short screens. */
 body.cat-open-map.cat-details-v1 #workspace.selected #inspector{bottom:0!important;margin:0!important;max-height:calc(100% - var(--cat-map-top) - 12px)!important;overflow:hidden!important}
 body.cat-open-map.cat-details-v1 #workspace.selected #cat-map-summary{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;grid-auto-rows:max-content;scrollbar-width:thin}
 body.cat-open-map:has(#workspace.selected #inspector:not([hidden])) .main-nav{visibility:hidden!important;pointer-events:none!important}
 body.cat-open-map #workspace.selected .map-credit{display:none!important}
 body.cat-open-map #workspace.selected .map-shell .map-credit{display:flex!important;top:calc(var(--cat-map-top) + 50px)!important;bottom:auto!important;left:10px!important;right:60px!important;max-width:calc(100% - 80px)!important}
 body.cat-open-map #workspace.selected .category-load-status{top:calc(var(--cat-map-top) + 90px)!important}
 .sky-view-intro{margin:16px 0;padding:22px}
}
@media(prefers-reduced-transparency:reduce){
 body.cat-open-map .topbar :is(.brand,.main-nav,#profile-button),body.cat-open-map .globe-toolbar{background:#092536!important;backdrop-filter:none;-webkit-backdrop-filter:none}
 body.cat-open-map #search-form{background:#f0f8fd!important;backdrop-filter:none;-webkit-backdrop-filter:none}
}

/* Radar playback has its own bottom controls; status stays below the toolbar. */
body.cat-open-map:has(.cat-wx-timeline:not([hidden])) .globe-status{top:calc(var(--globe-toolbar-bottom,146px) + 8px);bottom:auto}
body.cat-open-map:has(.cat-wx-timeline:not([hidden])) .globe-zoom{bottom:calc(var(--cat-map-bottom) + 190px)}

body.cat-open-map .topbar .brand .brand-word{display:block!important}