/* Desktop panels share one workspace; phone/tablet keep their existing reading order. */
.sky-nav-search,.sky-workspace-tabs{display:none}
.sky-workspace-pane{min-width:0}
.sky-preference-group>summary{cursor:pointer;list-style:none;color:var(--sky-text);font:11px/1.5 'IBM Plex Mono',monospace;padding:8px 10px;border:1px solid var(--sky-border);border-radius:7px}
.sky-preference-group>summary::-webkit-details-marker{display:none}.sky-preference-group>summary::after{content:'⌄';float:right;color:var(--sky-muted)}.sky-preference-group[open]>summary::after{content:'⌃'}
#root :is(.sky-nav-section,.sky-nav-button,.sky-theme-control,.sky-units-control)[hidden]{display:none!important}
@media(min-width:1024px){
 #root>div{grid-template-columns:224px minmax(0,1fr)}
 #root .sky-sidebar{background:var(--sky-panel);border-right-color:var(--sky-border)}
 #root .sky-sidebar-inner>div:first-child{padding:23px 18px 22px}
 #root .sky-sidebar h1{font-size:21px}
 #root .sky-nav-groups{height:calc(100dvh - 73px);gap:14px;padding:14px 12px 20px}
 #root .sky-nav-section h2{font-size:9px;letter-spacing:1.4px;margin-bottom:5px}
 #root .sky-nav-button{min-height:34px;font-size:11px;border-radius:7px;padding:7px 10px}
 .sky-nav-search{display:block;position:sticky;top:-14px;z-index:2;background:var(--sky-panel);padding:0 0 12px;border-bottom:1px solid var(--sky-border)}
 .sky-nav-search>label{display:block;font:10px/1.5 'IBM Plex Mono',monospace;color:var(--sky-muted);margin:0 3px 6px}
 .sky-nav-search-field{position:relative}.sky-nav-search input{width:100%;min-height:36px;padding:8px 26px 8px 10px;border:1px solid var(--sky-border);border-radius:8px;background:var(--sky-surface);color:var(--sky-text);font:11px/1.5 'IBM Plex Mono',monospace;outline-offset:2px}.sky-nav-search input::-webkit-search-cancel-button{display:none}
 .sky-nav-search-field button{position:absolute;right:2px;top:2px;width:30px;height:32px;border:0;background:transparent;color:var(--sky-muted);font:19px system-ui;cursor:pointer}.sky-nav-search-status{font:10px/1.5 'IBM Plex Mono',monospace;color:var(--sky-muted);margin:8px 2px 0}
 #root .sky-preference-group>summary{min-height:36px;border-color:transparent;background:var(--sky-hover)}
 #root .sky-preference-fields{padding-top:7px}
 #root main.sky-main{padding:22px clamp(18px,2vw,36px) 28px}
 .sky-workspace-header{margin-bottom:16px;min-height:57px}.sky-workspace-caption{margin-top:5px}#sky-radar-heading{font-size:32px}
 #root .sky-mobile-settings{display:block;margin:0 0 16px;border:1px solid var(--sky-border);border-radius:10px;background:var(--sky-panel)}
 #root .sky-mobile-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:43px;padding:11px 14px;list-style:none;color:var(--sky-text);font:11px/1.5 'IBM Plex Mono',monospace;cursor:pointer}
 #root .sky-mobile-settings>summary::-webkit-details-marker{display:none}#root .sky-mobile-settings>summary>span::after{content:'⌄';margin-left:10px;color:var(--sky-muted)}#root .sky-mobile-settings[open]>summary>span::after{content:'⌃'}#root .sky-mobile-settings>summary small{color:var(--sky-muted);font-size:10px}
 #root .sky-mobile-settings .radar-settings{margin:0;border:0;border-top:1px solid var(--sky-border);border-radius:0;padding:14px}
 #root .radar-layout.sky-desktop-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr);gap:20px;align-items:start}
 .sky-radar-viewport{position:sticky;top:18px;min-width:0}
 #root .sky-radar-viewport>.relative.aspect-square{width:100%;max-width:min(100%,calc(100dvh - 190px));margin-inline:auto}
 .sky-details-column{border:1px solid var(--sky-border);border-radius:12px;background:var(--sky-panel);min-width:0;overflow:hidden}
 .sky-workspace-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px;border-bottom:1px solid var(--sky-border);padding:7px;background:var(--sky-panel)}
 .sky-workspace-tabs button{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;min-height:40px;padding:7px 5px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--sky-muted);font:11px/1.4 'IBM Plex Mono',monospace;cursor:pointer}
 .sky-workspace-tabs button[aria-selected=true]{background:var(--sky-hover);border-color:var(--sky-border);color:var(--sky-text)}.sky-workspace-tabs button small{font:10px/1 system-ui;border-radius:5px;background:var(--sky-surface);padding:4px 5px}.sky-workspace-tabs button:disabled{opacity:.45;cursor:default}
 .sky-workspace-pane{height:calc(100dvh - 243px);min-height:350px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:14px;outline-offset:-3px}
 .sky-workspace-pane[data-active=false]{display:none}
 #root .sky-details-column [aria-label="Aircraft list"]{border:0;border-radius:0;background:transparent}
 #root .sky-details-column [aria-label="Aircraft list"] ul{max-height:none;overflow:visible}
 #root .sky-details-column [aria-label="Aircraft list"]>div:first-child{padding:5px 0 13px;gap:7px;flex-wrap:wrap}
 #root .sky-details-column [aria-label="Aircraft list"] h2{font-size:22px}
 #root .sky-details-column .aircraft-inline-photo{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:0;border:0}
 #root .sky-details-column .aircraft-inline-photo>a{width:94px;flex:none}
 #root .sky-details-column .aircraft-inline-photo img{width:94px;height:62px;object-fit:cover;border-radius:7px}
 #root .sky-details-column .aircraft-inline-photo figcaption{font-size:9px;line-height:1.5;min-width:0;overflow-wrap:anywhere}
 #root .sky-details-column [aria-label="Sort aircraft"] button{font-size:10px}
 #root .sky-details-column .sky-selected-flight{margin-top:0}
 #root .sky-details-column .sky-flight-workspace{border:0;margin:0;padding:0}
 .sky-details-column .sky-section-heading{margin-bottom:15px}.sky-details-column .sky-section-heading h2{font-size:23px}.sky-details-column .sky-section-heading p{font-size:10px}
 .sky-details-column #sky-tools .tools-grid{grid-template-columns:1fr!important}
 .sky-details-column :is(#sky-tools details,#flight-extra){min-width:0;overflow-wrap:anywhere}
 .sky-details-column .sky-route-map{min-height:260px}
 #root .sky-quick-actions button{border-radius:8px;font-size:11px}
 .sky-nav-search input:focus-visible,.sky-workspace-tabs button:focus-visible,.sky-preference-group>summary:focus-visible{outline:2px solid rgb(var(--accent-rgb));outline-offset:2px}
}
@media(min-width:1600px){#root .radar-layout.sky-desktop-workspace{grid-template-columns:minmax(0,1fr) minmax(400px,.68fr)}.sky-workspace-pane{padding:18px}}
@media(min-width:1024px) and (max-width:1199px){#root>div{grid-template-columns:200px minmax(0,1fr)}#root .radar-layout.sky-desktop-workspace{grid-template-columns:minmax(0,1fr) minmax(300px,.95fr);gap:14px}.sky-workspace-tabs button{font-size:10px}.sky-workspace-pane{padding:10px}.sky-quick-actions{gap:5px}#root .sky-quick-actions button{padding:8px!important}.sky-sidebar h1{font-size:19px!important}}
@media(max-width:1023px){
 .sky-details-column{display:contents}.sky-workspace-pane{display:block;overflow:visible}
 .sky-workspace-pane[data-pane=flight][data-empty=true]{display:none}
 .sky-workspace-pane[data-pane=tools]{grid-column:1/-1}
 #root .radar-layout.sky-desktop-workspace{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr)}
 #root .sky-workspace-pane[data-pane=flight]{grid-column:1;grid-row:2}
 #root .sky-workspace-pane[data-pane=nearby]{grid-column:2;grid-row:1/span 2}
 .sky-preference-group>summary{display:none}
}
@media(max-width:767px){#root .radar-layout.sky-desktop-workspace{grid-template-columns:minmax(0,1fr)}#root .sky-workspace-pane{grid-column:1!important;grid-row:auto!important}}

/* Saved nearby feed cadence, separate from map animation and app updates. */
.sky-refresh-control{display:flex;align-items:center;gap:10px;min-width:0}.sky-refresh-field{display:flex;flex-direction:column;gap:3px}.sky-refresh-field select{font:inherit;color:var(--sky-text,#ddd);background:var(--sky-panel,#000);border:1px solid var(--sky-border,#555);border-radius:7px;min-height:44px;padding:8px 30px 8px 10px;max-width:100%}.sky-refresh-field small{font-size:10px;color:var(--sky-muted,#aaa)}.sky-refresh-field select:focus-visible{outline:2px solid rgb(var(--accent-rgb,47,211,122));outline-offset:2px}@media(max-width:600px){.sky-refresh-control{width:100%;justify-content:space-between}.sky-refresh-field{max-width:66%}}