:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#16354a;background:#eef3f6;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#0b3148;color:white;padding:24px max(24px,calc((100vw - 1450px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}header b{font-size:28px;letter-spacing:-1px}header b span{font-weight:400;color:#57decb}header p{margin:6px 0 0;font-size:14px;color:#c1d4de}.local{font-size:13px;border:1px solid #547589;padding:7px 10px;border-radius:4px}main{max-width:1498px;margin:auto;padding:24px}.controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.controls label,.chartcontrols label{font-size:14px;font-weight:600;display:flex;flex-direction:column;gap:7px}.time{flex:1;min-width:180px}select,button{font:inherit;color:inherit;border:1px solid #b6c7d1;border-radius:5px;background:white;padding:10px 12px;min-height:43px}button{cursor:pointer}button:hover{background:#d4eee9}input{accent-color:#087e83;width:100%}.note,.caption{font-size:14px;line-height:1.5;color:#566f7f}.note{margin:14px 0 22px}.workspace{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.panel{background:white;border:1px solid #d5e0e6;border-radius:8px;padding:20px;margin-bottom:20px;overflow:hidden}.heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}h1,h2{font-size:18px;margin:0}p,li{line-height:1.55}.tag{font-size:12px;font-weight:600;background:#eaf3f4;color:#225961;padding:5px 8px;border-radius:4px}.pending{background:#fff3d7;color:#78571b}.cameraBody{background:#102631;min-height:340px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#d9e8ed}.cameraBody img{display:block;width:100%;max-height:495px;object-fit:contain}.empty{max-width:390px;text-align:center;padding:30px}.caption{margin-bottom:0}#map{display:block;width:100%;max-height:440px;background:#e6f2f8;border-radius:4px}#map text{font:13px Segoe UI,Arial,sans-serif}#map .station{cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric{border-left:3px solid #178c91;padding:4px 12px}.metric strong{display:block;font-size:25px;margin-top:6px;font-weight:500}.metric span{font-size:13px;color:#526b7b}.chartcontrols{display:flex;justify-content:space-between;align-items:center;gap:16px}.chartcontrols select{font-size:14px}#chart{width:100%;display:block;margin-top:10px}#chart text{font:13px Segoe UI,Arial,sans-serif;fill:#486574}.sourcesGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sourcesGrid ul{padding-left:20px}a{color:#096c86;text-underline-offset:3px}summary{cursor:pointer;font-weight:600}details[open] summary{margin-bottom:16px}.wide,.figures img{width:100%}.figures{display:grid;grid-template-columns:1fr 1fr;gap:20px}footer{text-align:center;padding:0 24px 25px;font-size:13px;color:#607787}@media(max-width:800px){.workspace,.sourcesGrid,.figures{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.cameraBody{min-height:200px}main{padding:14px}.controls{gap:10px}.time{flex-basis:100%;order:4}.chartcontrols{align-items:start;flex-direction:column}header{padding:18px}.local{display:none}}
.comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compareToolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.compareToolbar label{display:flex;flex-direction:column;gap:5px;font-size:14px}.compareToolbar .check{flex-direction:row;align-items:center}.check input{width:auto}.leafmap{height:390px;border:1px solid #ccdbe2;border-radius:5px}.gridLabel{color:#203e50;background:#ffffffc9;font-size:11px;white-space:nowrap;padding:1px 3px;border-radius:2px}.scale{display:inline-block;width:90px;height:9px;background:linear-gradient(90deg,hsl(220,75%,48%),hsl(172.5,75%,48%),hsl(125,75%,48%),hsl(77.5,75%,48%),hsl(30,75%,48%));margin-right:5px}.leaflet-container{font-family:inherit}.leaflet-control-attribution{font-size:10px}@media(max-width:800px){.comparison{grid-template-columns:1fr}.leafmap{height:340px}}

.topClock{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:#dcecf2;border-left:4px solid #087f88;padding:14px 18px;margin-bottom:18px}.topClock strong{font-size:21px}.topClock small{margin-left:auto;font-size:13px}.opacity{display:flex;align-items:center;gap:12px;font-size:14px;margin-bottom:8px}.opacity input{width:130px}.windArrow{background:none;border:0}.windLegend{font-size:13px;color:#445e70}
.settings input[type=text]{font:inherit;padding:10px;border:1px solid #b6c7d1;border-radius:5px;width:250px}.fileButton{border:1px solid #b6c7d1;padding:9px;border-radius:5px}.fileButton input{font-size:12px;max-width:210px}.settings{margin-top:16px}
.cameraBody canvas{display:block;width:100%;max-height:495px;object-fit:contain}.camera [id=colorNote]{margin-top:0;margin-bottom:12px}.camera input[type=range]{min-width:130px}

.satScale{display:inline-block;width:90px;height:9px;background:linear-gradient(90deg,black,white);border:1px solid #aaa;margin-right:5px}
.fullButton{margin-bottom:10px;font-size:14px}.cameraBody img,.cameraBody canvas{cursor:zoom-in}#imageViewer{width:96vw;height:94vh;max-width:none;max-height:none;border:1px solid #7493a6;border-radius:8px;padding:16px;color:#16354a}#imageViewer::backdrop{background:#071f30cb}.viewerHeader,.viewerControls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.viewerHeader{justify-content:space-between;margin-bottom:10px}.viewerHeader strong{overflow-wrap:anywhere}.viewerControls input{width:auto}.viewerControls label{font-size:14px}.viewerControls button{min-height:36px;padding:6px 12px}#viewerStage{height:calc(100% - 150px);overflow:auto;background:#102631;touch-action:none;cursor:grab}#viewerStage img,#viewerStage canvas{display:block;max-width:none;max-height:none;margin:auto;user-select:none;pointer-events:none}#projectionPanels{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}
.cameraStations{border:1px solid #d5e0e6;border-radius:5px;display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;padding:10px 12px}.cameraStations legend{font-size:14px}.cameraStations label{font-size:14px;display:flex;align-items:center;gap:5px}.cameraStations input{width:auto}.cameraStations small{font-size:12px;color:#637b88}.comparison .leafmap{height:480px}#cameraInspector>.workspace{margin-top:18px}#cameraInspector>.workspace>.panel{margin-bottom:0}
.labLayout{height:100vh;overflow:hidden}.labLayout header{height:72px;padding:12px 20px}.labLayout header b{font-size:22px}.labLayout header p{font-size:12px;margin-top:2px}.labLayout main{max-width:none;padding:0;height:calc(100vh - 72px)}.labLayout footer{display:none}.labShell{display:grid;grid-template-columns:330px minmax(0,1fr);height:100%}#controlSidebar{overflow-y:auto;padding:14px;background:#f3f7f9;border-right:1px solid #bdced9}#mapSurface{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:auto;padding:12px}.sidebarGroup{padding:12px 0;border-bottom:1px solid #ccdbe2}.sidebarGroup summary{font-size:15px}.sidebarGroup[open]>summary{margin-bottom:12px}#controlSidebar .controls,#controlSidebar .compareToolbar{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}#controlSidebar label{flex-basis:100%;display:flex;flex-direction:column;gap:5px;font-size:14px}#controlSidebar .check,#controlSidebar .cameraStations label{flex-direction:row}#controlSidebar select{max-width:100%;width:100%;font-size:14px;padding:7px}#controlSidebar button{font-size:13px;padding:7px;min-height:34px}#controlSidebar .time{order:0}#controlSidebar .topClock{display:block;margin:0 0 10px;padding:9px}#controlSidebar .topClock strong,#controlSidebar .topClock span,#controlSidebar .topClock small{display:block;font-size:13px;line-height:1.55}#controlSidebar .note,#controlSidebar .caption{font-size:12px}#controlSidebar .cameraStations{display:block;margin:0;padding:8px}#controlSidebar .cameraStations label{margin:7px 0}#controlSidebar .cameraStations legend{font-size:12px}#controlSidebar .panel{padding:10px;margin-bottom:12px}#controlSidebar .workspace{display:block}#controlSidebar .cameraBody{min-height:100px}#controlSidebar .heading{flex-wrap:wrap}#controlSidebar h1,#controlSidebar h2{font-size:15px}#controlSidebar .settings input[type=text]{width:100%}#controlSidebar .opacity{flex-wrap:wrap}#controlSidebar .opacity input{width:100%}#mapSurface>section.panel{display:flex;flex-direction:column;flex:1;min-height:420px;margin:0;padding:10px}#mapSurface .comparison{flex:1;min-height:0;gap:10px}#mapSurface .comparison article{display:flex;flex-direction:column;min-height:0;min-width:0}#mapSurface .comparison .leafmap{flex:1;min-height:300px;height:auto}#mapSurface .comparison .caption{font-size:12px;margin:8px 0 0;min-height:64px}.singleMap{grid-template-columns:1fr}.singleMap>article:nth-child(2){display:none}.analysisDrawer{margin-top:10px;padding:9px;background:white;border:1px solid #ccdbe2;border-radius:5px}.analysisDrawer[open]{max-height:65vh;overflow:auto;flex-shrink:0}.analysisDrawer>summary{font-size:14px}.analysisDrawer[open]>summary{margin-bottom:12px}#sidebarToggle{display:none}@media(max-width:700px){.labShell{grid-template-columns:1fr}#controlSidebar{display:none;position:fixed;top:72px;bottom:0;left:0;width:min(340px,92vw);z-index:1100;box-shadow:6px 0 25px #10263166}.sidebar-open #controlSidebar{display:block}#sidebarToggle{display:block}#mapSurface{padding:7px}#mapSurface .comparison{grid-template-columns:1fr}#mapSurface .comparison>article:nth-child(2){display:none}#mapSurface>section.panel{min-height:0}.labLayout header p{max-width:220px;font-size:11px}.labLayout header{gap:8px}}
.spectralTheme{background:#071924;color:#c6d4de}.spectralTheme header{display:none}.spectralTheme main{height:100vh}.spectralTheme .labShell{grid-template-columns:clamp(330px,29vw,430px) minmax(0,1fr)}.spectralTheme #controlSidebar{background:#071924;border-color:#2a424e;padding:14px 16px;scrollbar-color:#617b86 #071924}.sideBrand{padding:4px 0 18px;border-bottom:1px solid #263f4b;margin-bottom:5px}.sideBrand b{font-size:23px;letter-spacing:-.5px}.sideBrand span{font-weight:400;color:#70cad6}.sideBrand small{display:block;font-size:12px;color:#8199a7;margin-top:5px}.spectralTheme .sidebarGroup{border-color:#253d48;padding:11px 0}.spectralTheme summary{color:#bdcdd7}.spectralTheme select,.spectralTheme button,.spectralTheme input[type=text]{background:#0b2431;border-color:#345361;color:#c7d7df}.spectralTheme select{color:#ffd452}.spectralTheme button:hover{background:#24424e;color:#ffdb59}.spectralTheme input{accent-color:#71c8d5}.spectralTheme .topClock{background:#102b38;border-color:#6dc3d2;color:#dce6ec}.spectralTheme #controlSidebar .topClock strong{color:#ffdc66}.spectralTheme .caption,.spectralTheme .note{color:#8fa5b3}.spectralTheme .panel,.spectralTheme .analysisDrawer{background:#0b202b;border-color:#29424d;color:#c6d4de}.spectralTheme .tag{background:#183543;color:#9ebac6}.spectralTheme .pending{background:#3b3524;color:#e5cb75}.spectralTheme a{color:#70cbd7}.spectralTheme .cameraStations{border-color:#2d4651}.spectralTheme #mapSurface{position:relative;padding:0;overflow:hidden}.spectralTheme #mapSurface>section.panel{border:0;border-radius:0;padding:0;min-height:0;background:#0a222c}.spectralTheme #mapSurface>section>.heading{display:none}.spectralTheme #mapSurface .comparison{gap:1px;min-height:0}.spectralTheme #mapSurface .comparison article{position:relative;overflow:hidden}.spectralTheme #mapSurface .leafmap{border:0;border-radius:0;min-height:0;height:100%;flex:1}.spectralTheme #mapSurface .comparison .caption{position:absolute;z-index:700;bottom:24px;right:12px;max-width:340px;padding:12px;background:#081d28e8;border:1px solid #2e4b59;border-radius:5px;font-size:12px;min-height:0;line-height:1.5;color:#d6e1e6}.spectralTheme .gridLabel{background:#0c2433bb;color:#a9c0cd}.spectralTheme .leaflet-control-zoom a{background:#0b2431;color:#d4e3e9;border-color:#395360}.spectralTheme .leaflet-control-attribution{background:#0a202bd9;color:#8ba7b6}.spectralTheme .mapBrand{position:absolute;left:18px;top:16px;z-index:700;pointer-events:none;color:#87a7b8;font-size:12px;letter-spacing:2px}.spectralTheme .mapSettings{position:absolute;right:52px;top:10px;z-index:750;width:34px;height:34px;font-size:19px;padding:0}.spectralTheme .analysisDrawer{max-height:none!important;overflow:visible!important;padding:10px;margin-top:12px}.spectralTheme #controlSidebar .sourcesGrid{display:block}.spectralTheme #controlSidebar .metrics{grid-template-columns:1fr 1fr}.spectralTheme #controlSidebar .chartcontrols select{max-width:100%}.spectralTheme #controlSidebar .figures{grid-template-columns:1fr}.spectralTheme #controlSidebar .settings{background:transparent;border:0;border-bottom:1px solid #29424d;padding:12px 0}.spectralTheme #controlSidebar .controls label{flex-basis:100%}.spectralTheme #controlSidebar .controls button{flex:1}.spectralTheme #controlSidebar .compareToolbar{gap:7px}.spectralTheme #controlSidebar .compareToolbar label{font-size:13px}.spectralTheme #controlSidebar .time{min-width:0}.spectralTheme #controlSidebar label input[type=checkbox]{width:auto}.spectralTheme #sidebarToggle{display:none}.spectralTheme #imageViewer{background:#0c2532;color:#d8e5ec}@media(max-width:700px){.spectralTheme .labShell{grid-template-columns:1fr}.spectralTheme #controlSidebar{top:0;width:min(360px,92vw);z-index:1200}.spectralTheme .mapSettings{right:52px;top:10px}.spectralTheme .mapBrand{max-width:200px;font-size:10px}.spectralTheme #mapSurface .comparison .caption{font-size:11px;max-width:250px;bottom:20px}.spectralTheme .sidebar-open .mapSettings{position:fixed;right:8px;top:8px;z-index:1300}}
.coordinateReadout{font:11px Arial;color:#b7ccd5;background:#071924b8;padding:3px 6px;border-radius:3px}.spectralTheme .leaflet-control-scale-line{background:#0a222ccc;color:#b7ccd5;border-color:#8ea7b3;font-size:10px}
.spectralTheme #mapSurface .comparison.singleMap>article:nth-child(2){display:none}.spectralTheme #mapSurface .comparison.singleMap{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}

.projectedClock{position:absolute;top:42px;left:18px;right:100px;z-index:700;color:#b7cfd8;background:#081d28e8;padding:4px 7px;border-radius:3px;font-size:11px;pointer-events:none;max-width:590px}@media(max-width:700px){.projectedClock{top:64px;left:10px;right:10px;font-size:10px}}

#openSkyComparison{margin-top:13px;width:100%;font-size:13px}#skyComparison{width:96vw;max-width:1800px;height:94vh;max-height:94vh;background:#081e2a;color:#cfdee5;border:1px solid #42606e;padding:18px;overflow:auto}#skyComparison::backdrop{background:#000b}.spectralTheme #skyComparison .skyHeader{display:flex!important;justify-content:space-between;align-items:start;gap:15px;padding:0;background:none}.skyHeader h2{font-size:21px;margin:0}.skyHeader p,.skyCaution{font-size:12px;color:#9eb7c5}.skyTools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.skyTools label{display:flex;align-items:center;gap:10px}.skyTools input{width:230px}.skyTools output{font-size:13px;color:#ffda70}#skyPanels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.skyPanel{min-width:0;background:#0e2936;border:1px solid #2f4a57;padding:10px}.skyPanel h3{font-size:13px;margin:0 0 7px}.skyStage{aspect-ratio:1;position:relative;display:grid;place-items:center;background:#07151d;color:#93a7b3;font-size:13px}.skyStage img{width:100%;height:100%;object-fit:contain}.skyNorth{position:absolute;top:5px;left:calc(50% - 5px);font-size:12px;color:#ffee94}.skyMissing{padding:15px;text-align:center}.skyFrameTime{font-size:12px;color:#a4c0cd;margin:6px 0 0}@media(max-width:750px){#skyPanels{grid-template-columns:repeat(2,minmax(0,1fr))}#skyComparison{padding:10px}.skyTools input{width:150px}}@media(max-width:440px){#skyPanels{grid-template-columns:1fr}}

.qualityWarning{font-size:12px;line-height:1.5;color:#ffdd90;background:#413520;padding:9px;border-left:3px solid #d6aa4c}

.skyStage canvas{width:100%;height:100%;object-fit:contain}.skyTools label input[type=checkbox]{width:auto}.skyTools span{font-size:11px;color:#9eb7c5}
.spectralTheme .mapSettings{width:46px;height:46px;right:58px;top:10px;font-size:27px;line-height:1;border-radius:50%;border:2px solid #72b9cc}.mapSettingsMenu{position:absolute;z-index:1000;right:58px;top:64px;width:270px;background:#102c39;border:1px solid #55818f;box-shadow:0 8px 28px #0008;padding:14px;border-radius:8px;color:#d7e4ea}.mapSettingsMenu strong,.mapSettingsMenu button,.mapSettingsMenu small{display:block}.mapSettingsMenu button{width:100%;text-align:left;min-height:42px;margin-top:11px}.mapSettingsMenu small{font-size:11px;margin-top:4px;color:#a3bac7}.mapSettingsMenu p{font-size:12px;color:#ffda75}.mapSettingsMenu[hidden]{display:none}@media(max-width:700px){.spectralTheme .mapSettings{width:46px;height:46px;right:58px}.mapSettingsMenu{right:12px;max-width:calc(100vw - 30px)}}

.stationSelectionNote{font-size:11px;line-height:1.4;color:#9db5c3;font-weight:normal}

.windFlowCanvas{position:absolute;left:0;top:0;z-index:600;pointer-events:none}.windFlowCanvas[hidden]{display:none}
#openCloudStrips{margin-top:8px;width:100%;font-size:13px}#cloudStrips{width:95vw;max-width:1700px;height:94vh;max-height:94vh;overflow:auto;background:#0b2431;color:#d6e2e9;border:1px solid #456775;padding:18px}#cloudStrips::backdrop{background:#000b}.stripHeader{display:flex;justify-content:space-between;gap:18px;align-items:start}.stripHeader h2{margin:0;font-size:22px}.stripHeader p{font-size:13px;color:#a6becc}.stripControls{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.stripControls label{display:flex;gap:9px;align-items:center}.stripControls a{font-size:13px}#stripFigure{margin:14px 0}#stripFigure img{display:block;width:100%;height:auto;background:white}#stripFigure figcaption,#stripState,#stripNotes{font-size:12px;line-height:1.5}#stripNotes{color:#adc5d0;padding-left:20px}

#skyComparison{width:98vw;max-width:none;height:98vh;max-height:98vh;padding:12px}#skyPanels .skyStage{max-height:74vh;aspect-ratio:1;margin:auto;width:100%}#skyPanels .skyStage img,#skyPanels .skyStage canvas{max-height:74vh;object-fit:contain}#stripFigure{overflow:auto;max-height:73vh;border:1px solid #3b5968}#cloudStrips{width:98vw;max-width:none;height:98vh;max-height:98vh}.stripControls button{min-height:38px}@media(max-width:700px){#skyPanels{grid-template-columns:1fr!important}}
#skyPanels .skyStage,#skyPanels .skyStage img,#skyPanels .skyStage canvas{max-height:calc(100vh - 330px)}@media(max-height:650px){#skyPanels .skyStage,#skyPanels .skyStage img,#skyPanels .skyStage canvas{max-height:65vh}}
.compactControls .compactNative{display:none!important}.compactControls #controlSidebar{padding:12px 14px}.compactControls .sideBrand{padding-bottom:10px}.compactControls .sideBrand b{font-size:20px}.compactControls .sidebarGroup{padding:8px 0}.compactControls #controlSidebar summary{font-size:13px}.compactControls #controlSidebar label{font-size:12px;gap:4px;min-width:0}.compactControls #controlSidebar select,.compactControls #controlSidebar button,.compactControls #controlSidebar input[type=text]{font-size:12px;min-height:31px;padding:5px 7px}.compactControls .segment{display:flex;gap:3px;width:100%}.compactControls .segment button{flex:1;min-width:0;padding:5px 4px!important;white-space:nowrap;border-radius:4px}.compactControls .segment button[aria-pressed=true]{background:#584c1b!important;border-color:#dec462!important;color:#ffe995!important}.compactControls .segment button:disabled{opacity:.4}.compactControls #controlSidebar .controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 0}.compactControls #controlSidebar .controls>label:has(#station),.compactControls #controlSidebar .controls>.time,.compactControls .compactPlayer{grid-column:1/-1}.compactControls .compactPlayer{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:5px}.compactControls .controls label:has(#loop){display:flex;flex-direction:row;align-items:center;padding-top:16px}.compactControls .controls label:has(#loop) input{width:auto}.compactControls #controlSidebar .topClock{padding:7px 9px;margin:7px 0;gap:3px;font-size:12px}.compactControls #controlSidebar .topClock strong,.compactControls #controlSidebar .topClock small{font-size:11px}.compactControls .compactTiming{font-size:11px;color:#b4c7cf;margin:3px 0}.compactControls .compactHelp{margin:5px 0;border:0;padding:0}.compactControls .compactHelp summary{font-size:11px!important;color:#8eb5c7;cursor:pointer}.compactControls .compactHelp p,.compactControls .compactHelp small{font-size:11px;line-height:1.45}.compactControls #controlSidebar .compareToolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compactControls #controlSidebar .compareToolbar label:has(#basemap){grid-column:1/-1}.compactControls #controlSidebar .compareToolbar label.check{flex-direction:row;align-items:center}.compactControls #controlSidebar .compareToolbar .paneCameraTarget{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:end;gap:5px}.compactControls .paneCameraTarget button{margin:0}.compactControls #controlSidebar .opacity{font-size:11px;margin-top:6px}.compactControls #controlSidebar input[type=range]{height:17px;margin:0}.compactControls .cameraStations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:7px;margin-top:5px}.compactControls .cameraStations legend{font-size:11px}.compactControls .cameraStations label{display:grid;grid-template-columns:16px 1fr;align-items:center;column-gap:4px!important}.compactControls .cameraStations input{grid-column:1;width:14px}.compactControls .cameraStations small{grid-column:2;font-size:10px;line-height:1.2}.compactControls .compactExperiments{display:flex;gap:6px;margin-top:9px}.compactControls .compactExperiments button{margin:0!important;flex:1}.compactControls #mapStatus{font-size:11px;line-height:1.3;margin:7px 0}.compactControls .sidebarGroup>label:has(#mapMode){display:grid;grid-template-columns:45px 1fr;align-items:center;margin-bottom:8px}.compactControls .qualityWarning{font-size:11px}
.compactControls .abTable{width:100%;table-layout:fixed;border-collapse:collapse;margin:4px 0 8px}.compactControls .abTable th:first-child{width:56px}.compactControls .abTable th{font-size:12px;text-align:left;padding:4px 3px}.compactControls .abTable thead th:not(:first-child){text-align:center;color:#16354a}.compactControls .abTable td{padding:4px 3px;vertical-align:middle;min-width:0}.compactControls #controlSidebar .abCellLabel{display:block;margin:0;padding:0}.compactControls .abTable select{width:100%;min-width:0}.compactControls .abLocation button{width:100%;margin-top:3px}.compactControls .abTable input[type=range]{width:100%}.compactControls .cameraStations.cameraRow{display:flex;justify-content:space-between;gap:4px;padding:6px}.compactControls .cameraStations.cameraRow label{display:flex!important;flex-direction:row;gap:3px!important;align-items:center;white-space:nowrap}.compactControls .cameraRowNotes{font-size:11px;line-height:1.6;margin:6px 0}
.compactControls #controlSidebar .cameraStations.cameraRow{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center}.compactControls #controlSidebar .cameraStations.cameraRow label{width:auto!important;flex:0 1 auto!important}

/* Keep descriptive controls readable in the narrow sidebar. */
.compactControls #controlSidebar .compareToolbar label:has(#windMode),
.compactControls #controlSidebar .compareToolbar label:has(#overlay),
.compactControls #controlSidebar .compareToolbar label:has(#cameraHeight){grid-column:1/-1}
.compactControls #controlSidebar .segment button{white-space:normal;overflow-wrap:break-word;line-height:1.25}
.compactControls #controlSidebar #overlay + .segment{display:grid;grid-template-columns:1fr 2fr}
.compactControls #controlSidebar #windMode + .segment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.compactControls #controlSidebar #fitSumatraWind,
.compactControls #controlSidebar #resetMaps,
.compactControls #controlSidebar #fitCamera{grid-column:1/-1;white-space:normal}

.compactControls #controlSidebar .locationInline{display:flex;align-items:center;gap:3px;min-width:0}
.compactControls #controlSidebar .locationInline .abCellLabel{flex:1;min-width:0}
.compactControls #controlSidebar .abLocation .locationInline button{flex:0 0 27px;width:27px;min-height:31px;padding:3px!important;margin:0;font-size:18px;line-height:1}
.compactControls #controlSidebar .abLocation select{padding-left:3px;padding-right:2px;font-size:11px}

.compactControls #controlSidebar .mapTimeModeRow label{margin:0;display:block}
.compactControls #controlSidebar .mapTimeHint{display:block;font-size:11px;line-height:1.4;color:#b4c7cf;margin:4px 0}

.compactControls #controlSidebar .mapViewRow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:8px}
.compactControls #controlSidebar .mapViewRow>label:has(#mapMode){display:grid;grid-template-columns:35px 1fr;align-items:center;flex:1 1 185px;margin:0}
.compactControls #controlSidebar .mapViewRow>label:has(#mapViewsLinked){display:flex;flex-direction:row;align-items:center;gap:4px;margin:0;font-size:11px;white-space:nowrap}
.compactControls #controlSidebar .mapViewRow>label:has(#mapViewsLinked) input{width:auto;margin:0}

/* Area presets are redundant with map navigation and station targets. */
#controlSidebar #resetMaps,#controlSidebar #fitSumatraWind{display:none!important}

.compactControls #controlSidebar .mapViewRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}
.compactControls #controlSidebar .mapViewRow>label:has(#mapMode){grid-column:1/-1;display:grid;grid-template-columns:35px minmax(0,1fr);margin:0}
.compactControls #controlSidebar .mapViewRow>label:has(#mapViewsLinked){grid-column:1;margin:0}
.compactControls #controlSidebar .mapViewRow>#swap{grid-column:2;width:31px;min-height:31px;padding:3px;font-size:19px;line-height:1;margin:0}

.compactControls #controlSidebar .mapViewRow{grid-template-columns:29px minmax(0,1fr) minmax(0,1.15fr) 27px;gap:4px;font-size:11px}
.compactControls #controlSidebar .mapViewRow>label:has(#mapMode),
.compactControls #controlSidebar .mapViewRow>label:has(#mapViewsLinked){grid-column:auto;display:flex;flex-direction:row;align-items:center;gap:3px;font-size:11px;white-space:nowrap;min-width:0}
.compactControls #controlSidebar .mapViewRow .segment{display:none}
.compactControls #controlSidebar .mapViewRow input[type=checkbox]{width:13px;height:13px;min-height:0;flex:0 0 13px;margin:0}
.compactControls #controlSidebar .mapViewRow>#swap{grid-column:4;width:27px}

.compactControls #controlSidebar .cameraOverlayLegacy{display:none!important}
.compactControls #controlSidebar .cameraOverlayRow{display:flex;align-items:center;gap:8px;width:100%;margin:6px 0}
.compactControls #controlSidebar .cameraOverlayMaster{display:flex;flex-direction:row;align-items:center;gap:4px;white-space:nowrap;margin:0;font-size:11px}
.compactControls #controlSidebar .cameraOverlayRow .cameraStations.cameraRow{display:flex!important;flex:1;justify-content:space-between;border:0;padding:0;margin:0;gap:3px;min-width:0}
.compactControls #controlSidebar .cameraOverlayRow .cameraStations legend{display:none}
.compactControls #controlSidebar .cameraOverlayRow .cameraStations.cameraRow label{font-size:11px;margin:0}
.compactControls #controlSidebar .cameraOverlayRow input{width:13px;height:13px;min-height:0;flex:0 0 13px;margin:0}
.compactControls #controlSidebar .contextLayerStatus p{font-size:12px;margin:7px 0;color:#b4c7cf}
.compactControls #controlSidebar .cameraOverlayRow .cameraOverlayMaster{width:auto!important;flex:0 0 auto!important}
.compactControls #controlSidebar .cameraOverlayRow .cameraStations.cameraRow label{width:auto!important;flex:0 0 auto!important}

.contextScale{width:180px;max-width:100%;height:10px;margin:5px 0}.contextClasses{display:flex;flex-wrap:wrap;gap:4px 10px;margin:5px 0}.contextClasses span{white-space:nowrap;font-size:11px}.contextClasses i{display:inline-block;width:10px;height:10px;margin-right:4px}.contextLayerStatus a{font-size:12px}
.contextRaster{image-rendering:pixelated}

.wrfSectionStack{position:relative;margin:8px 0}.wrfSectionStack .wrfSectionPlot{margin:0}.wrfSectionStack #wrfSectionWindCanvas{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}@media(max-width:600px){.wrfSectionStack{min-width:650px}}
#wrfSectionSurfacePlot[hidden]{display:none!important}.wrfSectionDialog #wrfSectionSurface{margin:6px 0;max-width:100%;color:#173548;background:white}
/* Camera workspace follows the WRF cross-section palette and controls. */
#cloudStrips{width:min(1624px,96vw);max-width:96vw;padding:12px;background:#f7fafc;color:#173548;border:1px solid #8ca7b8}
#cloudStrips .stripHeader{position:sticky;top:-12px;z-index:10;background:#f7fafc;display:flex;justify-content:flex-end;padding:4px 0 6px;margin:0;min-height:30px}
.stripToolbar{display:flex;gap:6px;flex-wrap:wrap}#cloudStrips button,#cloudStrips select{background:white;color:#173548;border:1px solid #8ca7b8;border-radius:3px;font-size:13px;padding:5px 10px}#cloudStrips #closeCloudStrips{background:#173548;color:white}
.stripWorkspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:12px}.stripSidebar{padding-right:8px}.stripBrand{background:#061f2c;color:#d9edf7;padding:10px 12px;margin:0 0 10px;border-radius:4px}.stripBrand b{font-size:20px;display:block}.stripBrand b span{color:#5fd5b4}.stripBrand small{display:block;font-size:11px;margin-top:4px}.stripSidebar h2{font-size:16px;margin:8px 0}.stripSidebar p{font-size:12px;line-height:1.5}
#cloudStrips .stripControls{display:flex;flex-wrap:wrap;gap:6px;align-items:center}#cloudStrips .stripControls label{width:100%;display:grid;gap:5px;font-size:12px}#cloudStrips select{width:100%;min-width:0}#cloudStrips a{color:#235784;font-size:12px}.stripFileActions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px}.stripFileActions p{grid-column:1/-1;margin:0}.stripFileActions input[hidden]{display:none!important}
#cloudStrips #stripFigure{margin:0;max-height:none;background:white;border:1px solid #8ca7b8;align-self:start}#cloudStrips #stripFigure figcaption{padding:8px;color:#405060}#cloudStrips #stripNotes{color:#405060;font-size:11px;padding-left:18px}
@media(max-width:800px){.stripWorkspace{grid-template-columns:minmax(0,1fr)}.stripSidebar{padding-right:0}#cloudStrips{width:96vw;box-sizing:border-box}.stripFileActions{max-width:400px}}
#cloudStrips .stripBrand{background:#edf3f7;color:#173548;border:1px solid #c4d3dd}#cloudStrips .stripBrand b span{color:#237c68}
#cloudStrips.stripFitMode .stripWorkspace{grid-template-columns:310px minmax(0,1fr)}
/* Keep the camera toolbar visible while the workspace scrolls. */
#cloudStrips .stripHeader{position:sticky;top:-12px;z-index:2000;flex:none;background:#f7fafc;margin:-12px -12px 8px;padding:12px 12px 6px;border-bottom:1px solid #c4d3dd}
/* Match WRF branding to the light camera workspace. */
#wrfSectionDialog .wrfSectionBrand{background:#edf3f7;color:#173548;border:1px solid #c4d3dd}#wrfSectionDialog .wrfSectionBrand b span{color:#237c68}
/* Shared light palette for the main workspace and all card controls. */
body.spectralTheme{background:#f7fafc;color:#173548}.spectralTheme #controlSidebar{background:#f7fafc;color:#173548;border-color:#c4d3dd}.spectralTheme #mapSurface,.spectralTheme #mapSurface>section.panel{background:#edf3f7}
.spectralTheme #controlSidebar :is(button,select,input[type=text],input[type=number]),.lightCard :is(button,select,input[type=text],input[type=number]){background:white;color:#173548;border:1px solid #8ca7b8;border-radius:3px;font-size:13px;padding:5px 8px}
.spectralTheme #controlSidebar :is(summary,label,h1,h2,strong,output),.spectralTheme #controlSidebar .sidebarGroup{color:#173548}.spectralTheme #controlSidebar :is(.caption,.note,small),.lightCard :is(.caption,.note,small){color:#405060}.spectralTheme #controlSidebar a,.lightCard a{color:#235784}.spectralTheme #controlSidebar :is(.sidebarGroup,.settings){border-color:#c4d3dd}.spectralTheme #controlSidebar .panel{background:white;border-color:#c4d3dd}.spectralTheme #controlSidebar .topClock{background:#edf3f7;color:#173548;border-color:#237c68}
.spectralTheme .sideBrand,.cardBrand{background:#edf3f7;color:#173548;padding:10px 12px;border:1px solid #c4d3dd;border-radius:4px;margin-bottom:10px}.spectralTheme .sideBrand b,.cardBrand b{color:#173548;font-size:20px;display:block}.spectralTheme .sideBrand b span,.cardBrand b span{color:#237c68}.cardBrand small{display:block;font-size:11px;margin-top:4px}
.spectralTheme #mapSurface .comparison .caption,.spectralTheme :is(.projectedClock,.coordinateReadout){background:#f7fafceF;color:#173548;border-color:#c4d3dd}.spectralTheme .mapBrand{color:#405060}.spectralTheme .gridLabel{background:#ffffffcc;color:#173548}.spectralTheme .leaflet-control-zoom a,.spectralTheme .leaflet-control-attribution,.spectralTheme .leaflet-control-scale-line{background:#f7fafc;color:#173548;border-color:#8ca7b8}.spectralTheme .mapSettings{background:white;color:#173548;border-color:#8ca7b8}
.cardNavigation{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.cardNavigation button{background:white;color:#173548;border:1px solid #8ca7b8;border-radius:3px;padding:5px 8px;font-size:12px;min-height:32px}.cardNavigation button[aria-current=page]{background:#dcebe8;border-color:#237c68;color:#15594a;font-weight:600}.sideBrand .cardNavigation{display:grid;grid-template-columns:1fr 1fr;margin-top:10px}.sideBrand .cardNavigation button:first-child{grid-column:1/-1}
.lightCard{background:#f7fafc;color:#173548;padding:12px;border:1px solid #8ca7b8}.lightCard :is(.stripHeader,.wrfSectionHeader,.skyHeader,.cardHeader){display:flex!important;position:sticky;top:-12px;z-index:2000;background:#f7fafc;color:#173548;align-items:center;justify-content:space-between!important;gap:10px;padding:12px 0 6px;flex-wrap:wrap;border-bottom:1px solid #c4d3dd}.lightCard .cardNavigation{margin-right:auto}
.cardLayout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:12px;margin-top:10px}.cardSidebar{padding-right:8px;font-size:12px;color:#173548}.cardSidebar h2{font-size:16px;margin:8px 0}.cardSidebar p{font-size:12px;color:#405060}.cardSidebar :is(.skyTools,.iwvControls){display:flex;flex-wrap:wrap;gap:8px;align-items:center}.cardSidebar label{display:flex;flex-direction:column;gap:5px;width:100%;font-size:12px}.cardSidebar select{max-width:100%;width:100%}.cardSidebar input[type=checkbox]{width:auto}.cardContent{min-width:0;overflow:auto}.lightCard #skyPanels{gap:10px}.lightCard .skyPanel{background:white;color:#173548;border:1px solid #c4d3dd}.lightCard .skyPanel h3,.lightCard .skyFrameTime{color:#173548}.lightCard .skyStage{background:#edf3f7;color:#405060}.lightCard .skyHeader p{color:#405060}.lightCard .iwvClose{float:none}
#openSkyComparison[hidden],#openCloudStrips[hidden],#openWRFSection[hidden],#openWRFIWV[hidden]{display:none!important}
@media(max-width:800px){.cardLayout{grid-template-columns:minmax(0,1fr)}.cardSidebar{padding-right:0}.lightCard .cardNavigation button{font-size:11px;padding:4px 6px}}
.spectralTheme #controlSidebar button[aria-pressed=true]{background:#dcebe8!important;color:#15594a!important;border-color:#237c68!important}.spectralTheme #controlSidebar :is(.compactTiming,.compactHelp,.stationSelectionNote),.spectralTheme #controlSidebar .topClock>*,.lightCard summary{color:#405060!important}.spectralTheme .mapSettingsMenu{background:#f7fafc;color:#173548;border-color:#8ca7b8}.spectralTheme .mapSettingsMenu button{background:white;color:#173548;border-color:#8ca7b8}
/* Black branding blocks across all subcards; controls retain the light theme. */
#cloudStrips .stripBrand,#wrfSectionDialog .wrfSectionBrand,.lightCard .cardBrand{background:#000;color:#edf5fa;border:1px solid #000}
#cloudStrips .stripBrand b,#wrfSectionDialog .wrfSectionBrand b,.lightCard .cardBrand b{color:#edf5fa}
#cloudStrips .stripBrand b span,#wrfSectionDialog .wrfSectionBrand b span,.lightCard .cardBrand b span{color:#5fd5b4}
#cloudStrips .stripBrand small,#wrfSectionDialog .wrfSectionBrand small,.lightCard .cardBrand small{color:#c4d8e5}
.mainCardHeader{background:#f7fafc;border-bottom:1px solid #c4d3dd;padding:8px 12px;flex:none;z-index:1400;position:relative}.spectralTheme main{display:flex;flex-direction:column;min-height:0}.spectralTheme main>.labShell{flex:1;min-height:0;height:auto}.mainCardHeader .cardNavigation{min-height:32px}.mainCardHeader .cardNavigation button{font-size:12px;padding:5px 8px}
.cardHeaderActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%;font-size:12px}.cardHeaderActions :is(.stripFileActions,.wrfSectionFileActions){display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:0}.cardHeaderActions :is(.stripFileActions,.wrfSectionFileActions) p{margin:0;font-size:11px}.cardHeaderActions a{color:#235784;font-size:12px}.cardHeaderActions .headerSettings{margin:0;padding:5px 8px;background:#f7fafc;border:1px solid #c4d3dd;max-width:100%;font-size:12px}.cardHeaderActions .headerSettings[open]{max-height:40vh;overflow:auto}.cardHeaderActions .headerSettings .compareToolbar{margin:8px 0;gap:6px}.cardHeaderActions .headerSettings :is(button,select,input){font-size:12px;padding:5px 8px;min-height:30px}.cardHeaderActions .headerSettings p{font-size:11px}.cardHeaderActions input[hidden]{display:none!important}
/* Neutral sliders across the main workspace and subcards. */
input[type=range]{appearance:none;-webkit-appearance:none;height:6px;background:#d4d4d4;border:1px solid #a3a3a3;border-radius:4px;accent-color:#555;cursor:pointer;padding:0}
input[type=range]::-webkit-slider-runnable-track{height:4px;background:#d4d4d4;border-radius:4px}
input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;background:#555;border:2px solid #fff;border-radius:50%;margin-top:-5px;box-shadow:0 0 0 1px #777}
input[type=range]::-moz-range-track{height:4px;background:#d4d4d4;border-radius:4px}
input[type=range]::-moz-range-progress{background:#a3a3a3;height:4px}
input[type=range]::-moz-range-thumb{width:10px;height:10px;background:#555;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #777}
input[type=range]:focus-visible{outline:2px solid #555;outline-offset:5px}input[type=range]:disabled{opacity:.5;cursor:default}
/* Neutral interface accents. Scientific map and plot palettes are independent. */
button:hover{background:#e5e5e5}
.cardNavigation button[aria-current=page],.spectralTheme #controlSidebar button[aria-pressed=true],.lightCard button[aria-pressed=true]{background:#e2e2e2!important;color:#222!important;border-color:#888!important}
.spectralTheme .sideBrand b span{color:#555}
#cloudStrips .stripBrand b span,#wrfSectionDialog .wrfSectionBrand b span,.lightCard .cardBrand b span{color:#ccc}
.spectralTheme #controlSidebar .topClock{border-color:#888}
input{accent-color:#666}
:root .lightCard button:hover,:root .mainCardHeader button:hover,:root #controlSidebar button:hover{background:#e5e5e5}
.headerSettings>[hidden]{display:none!important}.simpleFileActions{display:flex;flex-wrap:wrap;gap:6px;padding-top:8px}.simpleFileActions button{background:white!important;color:#222!important;border:1px solid #aaa!important;border-radius:3px}.simpleFileActions input[hidden]{display:none!important}.mainCardHeader .headerSettings>summary{color:#333}.mainCardHeader #settingsStatus{color:#555;font-size:11px;margin:4px 0 0}.mainCardHeader #settingsStatus:empty{display:none}
.cardHeaderActions>.headerSettings[hidden]{display:none!important}.inlineFileActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inlineFileActions .simpleFileActions{padding:0}.inlineFileActions #settingsStatus{margin:0}
/* Reserve the full toolbar height, including its file-action row. */
#wrfSectionDialog .wrfSectionHeader{top:-12px!important;margin:0 0 10px!important;padding:8px 0!important;min-height:0;position:sticky}
#wrfSectionDialog .wrfSectionLayout>[data-plot=General]{top:var(--wrf-toolbar-height,100px)}
/* Fixed card frame and navigation origin across every subcard. */
#skyComparison.lightCard,#cloudStrips.lightCard,#wrfSectionDialog.lightCard,#wrfIWVDialog.lightCard{position:fixed;inset:3vh 2vw;margin:0;width:96vw!important;max-width:96vw!important;height:94vh;max-height:94vh;padding:12px;box-sizing:border-box;overflow:auto;border-radius:4px}
.lightCard :is(.stripHeader,.wrfSectionHeader,.skyHeader,.cardHeader){display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;margin:0 0 10px!important;padding:0 0 8px!important;top:-12px!important;min-height:0}
.lightCard :is(.stripHeader,.wrfSectionHeader,.skyHeader,.cardHeader)>.cardNavigation{grid-row:1;grid-column:1;margin:0;align-self:start}
.lightCard .cardHeaderActions{grid-row:2;grid-column:1/-1;min-height:43px;margin:0}
.lightCard :is(.stripToolbar,.iwvClose,#closeSkyComparison){grid-row:1;grid-column:2}
#wrfSectionDialog .wrfSectionHeader{display:flex!important;flex-wrap:wrap;align-items:start!important;justify-content:flex-end!important}#wrfSectionDialog .wrfSectionHeader>.cardNavigation{margin-right:auto;order:-1}#wrfSectionDialog .wrfSectionHeader>.cardHeaderActions{flex-basis:100%;order:2}
@media(max-width:800px){.lightCard :is(.stripHeader,.skyHeader,.cardHeader){grid-template-columns:minmax(0,1fr)}.lightCard :is(.stripToolbar,.iwvClose,#closeSkyComparison){grid-row:2;grid-column:1;justify-self:end}.lightCard .cardHeaderActions{grid-row:3}}
/* Explicit sky overrides take precedence over the original ID-based dark theme. */
#skyComparison.lightCard{background:#f7fafc;color:#222;border-color:#aaa}
#skyComparison.lightCard .skyHeader{background:#f7fafc;color:#222;position:sticky;top:-12px!important;margin:0 0 12px!important;padding:0 0 10px!important;height:auto;overflow:visible;border-bottom:1px solid #ccc}
#skyComparison.lightCard .cardLayout{margin-top:0}
#skyComparison.lightCard .cardSidebar{background:#f7fafc;color:#222;padding:0 10px 0 0}
#skyComparison.lightCard :is(h2,h3,label,p,output,summary,.skyCaution,#skyLoadState,#skyClock){color:#333}
#skyComparison.lightCard .cardBrand :is(b,small){color:#eee}
#skyComparison.lightCard .skyTools{display:flex;align-items:center;justify-content:flex-start;gap:8px;text-align:left}
#skyComparison.lightCard .skyTools label{align-items:flex-start;text-align:left}
#skyComparison.lightCard #skyClock{display:block;width:100%;font-size:12px;margin:4px 0}
#skyComparison.lightCard .skyTools input[type=checkbox]{accent-color:#666}
#skyComparison.lightCard .skyPanel{background:white;border:1px solid #ccc;padding:10px}
#skyComparison.lightCard .skyStage{background:#eee}
#skyComparison.lightCard #skyPanels .skyStage{width:100%;max-height:none;aspect-ratio:1}
#skyComparison.lightCard .cardHeaderActions{padding:0;min-height:43px;align-items:center}
#skyComparison.lightCard .cardSidebar h2{margin:12px 0 6px}
#skyComparison.lightCard .cardSidebar p{font-size:12px;line-height:1.5}
/* Hide the underlying Maps workspace while a subcard is open. */
#skyComparison::backdrop,#cloudStrips::backdrop,#wrfSectionDialog::backdrop,#wrfIWVDialog::backdrop{background:#f7fafc}
/* Full-window card surfaces, matching Maps. */
#skyComparison.lightCard,#cloudStrips.lightCard,#wrfSectionDialog.lightCard,#wrfIWVDialog.lightCard{inset:0!important;margin:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border:0;border-radius:0;padding:12px}
/* One header rhythm for Maps and every full-window card. */
.mainCardHeader{padding:8px 12px;display:flex;flex-direction:column;gap:0}
.mainCardHeader>.cardNavigation{min-height:32px}
.mainCardHeader>.cardHeaderActions{min-height:43px}
#skyComparison.lightCard,#cloudStrips.lightCard,#wrfSectionDialog.lightCard,#wrfIWVDialog.lightCard{padding:8px 12px 12px!important}
#skyComparison.lightCard .skyHeader,#cloudStrips.lightCard .stripHeader,#wrfSectionDialog.lightCard .wrfSectionHeader,#wrfIWVDialog.lightCard .cardHeader{top:-8px!important;padding:0 0 8px!important;gap:0 8px!important;margin:0 0 12px!important}
.lightCard .cardNavigation{min-height:32px}
.lightCard .cardHeaderActions{min-height:43px}
.lightCard :is(.stripToolbar button,#closeSkyComparison,.iwvClose,.wrfSectionHeader>button){min-height:32px;height:32px;padding:5px 10px}
/* Consistent file-action button sizes and separation from card navigation. */
.cardHeaderActions button,.cardHeaderActions .stripFileActions button,.cardHeaderActions .wrfSectionFileActions button{font-size:12px!important;padding:7px 10px!important;min-height:40px!important;background:#fff;color:#222;border:1px solid #aaa;border-radius:3px}
.mainCardHeader>.cardHeaderActions,.lightCard .cardHeaderActions{padding-top:5px!important;min-height:45px;gap:6px}
.cardHeaderActions :is(.stripFileActions,.wrfSectionFileActions){gap:6px}.cardMethods{margin:12px 0;font-size:12px}
/* Identical two-row headers across Maps and all subcards. */
.mainCardHeader{padding:5px 11px 8px;gap:0}
#skyComparison.lightCard,#cloudStrips.lightCard,#wrfSectionDialog.lightCard,#wrfIWVDialog.lightCard{padding:5px 11px 12px!important}
#skyComparison.lightCard .skyHeader,#cloudStrips.lightCard .stripHeader,#wrfSectionDialog.lightCard .wrfSectionHeader,#wrfIWVDialog.lightCard .cardHeader{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:32px 43px;gap:0!important;padding:0 0 8px!important;top:-5px!important;justify-content:stretch!important}
.lightCard .cardNavigation,.mainCardHeader .cardNavigation{grid-row:1;grid-column:1;gap:5px;min-height:32px}
.lightCard .cardHeaderActions,.mainCardHeader>.cardHeaderActions{grid-row:2;grid-column:1;min-height:43px;padding:0!important;align-items:start;gap:8px}
.uniformCardTools{grid-column:2;grid-row:1/3;display:flex;align-items:start;justify-content:flex-end;gap:6px}
.cardHeaderActions :is(.stripFileActions,.wrfSectionFileActions,.simpleFileActions){gap:8px;padding:0;margin:0}
.cardHeaderActions button{min-height:43px!important;height:43px;font-size:12px!important;padding:7px 9px!important}
.cardHeaderActions :is(p[role=status],span[role=status]){display:none}.lightCard .cardHeaderActions a[hidden]{display:none}
@media(max-width:800px){#skyComparison.lightCard .skyHeader,#cloudStrips.lightCard .stripHeader,#wrfSectionDialog.lightCard .wrfSectionHeader,#wrfIWVDialog.lightCard .cardHeader{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto}.lightCard .cardNavigation{grid-row:1}.lightCard .cardHeaderActions{grid-row:2}.uniformCardTools{grid-column:1;grid-row:3;margin-top:6px}.mainCardHeader .cardNavigation{height:auto}}
.mainCardHeader{position:relative;padding-right:230px}.mainFitTools{position:absolute;right:11px;top:5px;display:flex;gap:6px}.mainFitTools button{font-size:13px;padding:5px 10px;min-height:32px}.uniformCardTools>button{font-size:13px;padding:5px 10px;min-height:32px;height:32px}
@media(max-width:800px){.mainCardHeader{padding-right:11px}.mainFitTools{position:static;margin-top:6px;justify-content:flex-end}}
#wrfSectionDialog .wrfSectionLayout>[data-plot=General]{background:#f7fafc;box-shadow:0 -6px 0 #f7fafc;z-index:1000}
/* Keep sizing controls next to the left-side header actions in every mode. */
#skyComparison.lightCard .skyHeader,#cloudStrips.lightCard .stripHeader,#wrfSectionDialog.lightCard .wrfSectionHeader,#wrfIWVDialog.lightCard .cardHeader{grid-template-columns:max-content minmax(0,1fr)!important;column-gap:12px!important}
.uniformCardTools{grid-column:2;grid-row:2;justify-content:flex-start;align-items:start;gap:6px}
.uniformCardTools .stripToolbar{justify-content:flex-start}
.mainCardHeader{padding-right:11px;display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:12px}
.mainCardHeader>.cardNavigation{grid-column:1/-1;grid-row:1}
.mainCardHeader>.cardHeaderActions{grid-column:1;grid-row:2;width:auto}
.mainFitTools{position:static;grid-column:2;grid-row:2;justify-content:flex-start;align-self:start;margin:0}
@media(max-width:800px){#skyComparison.lightCard .skyHeader,#cloudStrips.lightCard .stripHeader,#wrfSectionDialog.lightCard .wrfSectionHeader,#wrfIWVDialog.lightCard .cardHeader,.mainCardHeader{grid-template-columns:minmax(0,1fr)!important}.uniformCardTools,.mainFitTools{grid-column:1;grid-row:3;justify-content:flex-start;margin-top:6px}}
.lightCard :is(.stripHeader,.wrfSectionHeader,.skyHeader,.cardHeader)>.cardNavigation{grid-column:1/-1!important}
.lightCard .cardHeaderActions{width:auto}
/* Use the same neutral styling for sizing and file controls. */
.spectralTheme .mainFitTools button,.lightCard .uniformCardTools button{background:#fff!important;color:#222!important;border:1px solid #aaa!important;border-radius:3px}
.spectralTheme .mainFitTools button:hover,.lightCard .uniformCardTools button:hover{background:#eee!important}
.spectralTheme .mainFitTools button[aria-pressed=true],.lightCard .uniformCardTools button[aria-pressed=true]{background:#e2e2e2!important;color:#222!important}
/* Uniform second-row button dimensions on every card. */
.spectralTheme .mainFitTools button,.lightCard .uniformCardTools button,.lightCard .uniformCardTools .stripToolbar button{height:43px!important;min-height:43px!important;box-sizing:border-box;font-size:12px!important;line-height:normal;padding:7px 9px!important;margin:0}
.uniformCardTools,.uniformCardTools .stripToolbar,.mainFitTools{align-items:flex-start;gap:8px}
#skyComparison.lightCard #skyPanels .skyStage{aspect-ratio:auto;width:100%;height:auto;max-height:none}
#skyComparison.lightCard #skyPanels .skyStage canvas{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
#skyComparison.lightCard .skyImageTime{font-size:20px;font-weight:600;line-height:1.4;color:#222;margin:4px 0 12px}
@media(max-width:800px){#skyComparison.lightCard .skyImageTime{font-size:17px}}
#skyComparison.lightCard .skyPanel h3{font-size:24px;font-weight:600;line-height:1.3;margin:0 0 6px;color:#222}
.skySiteChoices{width:100%;margin:0 0 8px;padding:8px;border:1px solid #ccc}.skySiteChoices legend{font-size:12px}#skyComparison.lightCard .skySiteChoices label{display:flex;flex-direction:row;align-items:center;gap:7px;margin:6px 0}.skySiteChoices label[hidden]{display:none!important}
#skyComparison.lightCard .skySiteChoices label.siteUnavailable{color:#999;opacity:.65;cursor:not-allowed}
#cloudStrips .stripControls label[hidden]{display:none!important}.stripViewChoices{border:1px solid #ccc;margin:10px 0;padding:8px;width:100%;font-size:12px}.stripViewChoices label{display:flex;gap:7px;align-items:center;margin:7px 0}.stripViewChoices input{width:auto}
#cloudStrips .stripViewChoices:first-child{display:flex;flex-wrap:nowrap;gap:12px;align-items:center}
#cloudStrips .stripViewChoices:first-child label{display:flex;flex-direction:row;align-items:center;gap:5px;margin:5px 0;white-space:nowrap;width:auto;font-size:12px}
#cloudStrips .stripViewChoices:first-child input{width:auto;margin:0}
#cloudStrips .stripZoomRow{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;width:100%}
#cloudStrips .stripZoomRow button{font-size:12px;padding:5px 7px;white-space:nowrap;min-width:0}
#cloudStrips .stripViewChoices{display:flex;flex-wrap:nowrap;gap:12px;align-items:center;width:100%}
#cloudStrips .stripViewChoices label{display:flex!important;flex-direction:row!important;align-items:center;gap:5px;margin:5px 0;white-space:nowrap;width:auto!important;font-size:12px}
#cloudStrips .stripViewChoices input{width:auto;margin:0}
.skyDayNavigation{display:flex;gap:6px;width:100%}.skyDayNavigation button{flex:1;font-size:12px}.skyDayNavigation button:disabled{opacity:.45;cursor:default}
#skyComparison.lightCard .skySiteChoices{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;padding:8px}
#skyComparison.lightCard .skySiteChoices label{width:auto;margin:4px 0;gap:4px;white-space:nowrap;font-size:12px}
.sunMaskRow{display:inline-flex;align-items:center;gap:0;flex-wrap:nowrap;border:1px solid #aabac5;border-radius:6px;overflow:hidden}
.sunMaskRow label{position:relative;display:block!important;margin:0!important;cursor:pointer}
.sunMaskRow input{position:absolute;opacity:0;width:1px;height:1px}
.sunMaskRow span{display:block;padding:7px 12px;min-width:38px;text-align:center;background:#fff;color:#173548;border-right:1px solid #aabac5}
.sunMaskRow label:last-child span{border-right:0}
.sunMaskRow input:checked+span{background:#173548;color:#fff;font-weight:600}
.sunMaskRow input:focus-visible+span{outline:2px solid #2679d5;outline-offset:-3px}

.spectralTheme #controlSidebar .analysisDrawer{background:#f7fafc;color:#173548;border-color:#c4d3dd}
.spectralTheme #controlSidebar .analysisDrawer>summary{color:#173548}


.spectralTheme #mapSurface .comparison .caption{position:static;max-width:none;flex:0 0 auto;margin:0;padding:8px 12px;border:0;border-top:1px solid #c4d3dd;border-radius:0;min-height:0}
.spectralTheme #mapSurface .comparison article{display:flex;flex-direction:column}
.spectralTheme #mapSurface .comparison .leafmap{height:auto;flex:1;min-height:200px}


.spectralTheme #mapSurface .comparison article[hidden]{display:none!important}
.spectralTheme #mapSurface .comparison.automaticSingleMap{grid-template-columns:minmax(0,1fr)}
.mapViewRow label[hidden]{display:none!important}

.spectralTheme #mapSurface .comparison article[hidden]{display:none!important}
.spectralTheme #mapSurface .comparison.automaticSingleMap{grid-template-columns:minmax(0,1fr)}
.mapViewRow label[hidden]{display:none!important}

.abTable .fieldSectionStart th{font-weight:700}.abTable .fieldSectionStart:not(:first-child)>*{border-top:1px solid #c4d3dd;padding-top:10px}

.abTable tr[hidden],.mapViewRow[hidden]{display:none!important}
.fieldPicker{border:1px solid #aabac5;padding:8px;margin:8px 0;background:white}.fieldPicker summary{cursor:pointer}.fieldPicker strong{display:block;margin-top:10px}.fieldPicker label{display:flex!important;flex-direction:row!important;align-items:center;gap:6px!important;margin:6px 0}.fieldPicker input{width:14px!important}.selectedFieldControls label{margin:8px 0}.selectedFieldControls output{font-size:11px}#extraFieldLegends:empty{display:none}

.selectedFieldControls label{position:relative;padding:7px 7px 7px 32px;border:1px solid #c4d3dd;border-radius:3px}.selectedFieldControls .fieldDragHandle{position:absolute;left:3px;top:5px;cursor:grab;padding:2px!important;min-height:24px!important;width:24px}.selectedFieldControls .dragging{opacity:.5}.selectedFieldControls .dropTarget{outline:2px solid #087e83}

.cameraOverlayMaster[hidden]{display:none!important}

#mapFigureCaption{flex:0 0 auto;background:#f7fafc;color:#173548;border-top:1px solid #c4d3dd}#mapFigureCaption>summary{cursor:pointer;padding:7px 12px;font-size:12px}#mapFigureCaption .caption{position:static!important;margin:0!important}#mapFigureCaption #legendA{display:block}

#mapFigureCaptionB{flex:0 0 auto;background:#f7fafc;color:#173548;border-top:1px solid #c4d3dd}#mapFigureCaptionB>summary{cursor:pointer;padding:7px 12px;font-size:12px}

.selectedFieldControls label.fixedBackground{padding-left:7px;background:#edf3f6}

#mapCount[hidden]{display:none!important}.mapCountRow{display:flex;width:100%}.mapCountRow button{flex:1}.mapCountRow button.active{background:#dce3e8;font-weight:600}

/* One control-column width across the five workspaces. */
:root{--bam-control-width:320px}
@media(min-width:801px){
 .spectralTheme main>.labShell{grid-template-columns:var(--bam-control-width) minmax(0,1fr)}
 #skyComparison .cardLayout,#wrfIWVDialog .cardLayout,#cloudStrips .stripWorkspace,#wrfSectionDialog .wrfSectionLayout{grid-template-columns:var(--bam-control-width) minmax(0,1fr)!important}
}
.workspaceFit{grid-template-columns:var(--bam-control-width) minmax(0,1fr)!important;flex:none!important;align-items:start!important;max-width:none!important}
.workspaceFit>#controlSidebar{display:block!important;position:static!important;width:auto!important;height:100%;box-sizing:border-box;max-height:none;box-shadow:none}
.workspaceFit>#mapSurface{height:100%;box-sizing:border-box}
.workspaceFit #mapSurface .comparison:not(.singleMap){grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:minmax(0,1fr)!important}
.workspaceFit #mapSurface .comparison:not(.singleMap)>article{display:flex!important}
#skyComparison .workspaceFit #skyPanels{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.workspaceFit>.cardContent,.workspaceFit>#stripFigure{align-self:start;max-height:none!important;overflow:visible!important;min-height:0!important}

/* Maps date and playback stay beside the header actions, outside the scrolling sidebar. */
.mainCardHeader:has(.mapHeaderTime){grid-template-columns:max-content minmax(0,1fr) minmax(430px,500px)}
.mainCardHeader:has(.mapHeaderTime)>.cardNavigation{grid-column:1/3!important}
.mapHeaderTime{grid-column:3;grid-row:1/3;display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;align-items:start;padding:3px 0 0 10px;color:#173548;font-size:12px;min-width:0}
.mapHeaderTime label{display:flex;flex-direction:column;gap:3px;margin:0;min-width:0;font-size:12px}
.mapHeaderTime select{width:100%;padding:5px;background:#fff;border:1px solid #8ca7b8;border-radius:3px;color:#173548}
.mapHeaderTime .simpleMapPlayback{display:grid;grid-template-columns:1fr auto;gap:4px 8px;margin:0;min-width:0}
.mapHeaderTime .simpleMapPlayback>label:has(#time){grid-column:1/-1;width:100%}
.mapHeaderTime #time{width:100%;margin:0}
.mapHeaderTime .simpleMapPlayback>label:has(#zone){grid-column:2;grid-row:2}
.mapHeaderTime .compactPlayer{grid-column:1;grid-row:2;display:flex;gap:4px}
.mapHeaderTime button{font-size:11px;padding:4px 7px;min-height:27px;white-space:nowrap}
.mapHeaderTime .segment{display:flex;gap:3px}
.mapHeaderTime .mapsCameraControlHidden{display:none!important}
@media(max-width:1100px){.mainCardHeader:has(.mapHeaderTime){grid-template-columns:max-content minmax(0,1fr)}.mapHeaderTime{grid-column:1/-1;grid-row:3;padding:7px 0 0;grid-template-columns:160px minmax(0,1fr)}.mainCardHeader:has(.mapHeaderTime)>.mainFitTools{grid-column:2;grid-row:2}}
@media(max-width:600px){.mainCardHeader:has(.mapHeaderTime){grid-template-columns:minmax(0,1fr)!important}.mainCardHeader:has(.mapHeaderTime)>.cardNavigation{grid-column:1!important}.mainCardHeader:has(.mapHeaderTime)>.mainFitTools{grid-column:1;grid-row:3}.mapHeaderTime{grid-row:4;grid-template-columns:110px minmax(0,1fr);gap:8px}.mapHeaderTime button{padding:4px;font-size:10px}}

.spectralTheme .mapHeaderTime button{background:#fff;color:#173548;border:1px solid #8ca7b8;border-radius:3px}.spectralTheme .mapHeaderTime button[aria-pressed=true]{background:#e2e2e2;color:#173548;border-color:#888}

/* Shared header geometry and timer for every card. */
body .legacyCardTime{display:none!important}
body.spectralTheme main>.sharedCardHeader,body.spectralTheme :is(#skyComparison,#cloudStrips,#wrfSectionDialog,#wrfIWVDialog).lightCard>.sharedCardHeader{display:grid!important;grid-template-columns:330px minmax(220px,1fr) 500px!important;grid-template-rows:32px 43px!important;gap:5px 8px!important;padding:5px 11px 8px!important;margin:0!important;box-sizing:border-box;min-height:93px!important;position:sticky!important;top:0!important;background:#f7fafc!important;align-items:start!important;z-index:2100!important}
body.spectralTheme .sharedCardHeader>.cardNavigation{grid-column:1/3!important;grid-row:1!important;min-height:32px!important;height:32px;flex-wrap:nowrap!important}
body.spectralTheme .sharedCardHeader>.cardHeaderActions{grid-column:1!important;grid-row:2!important;min-height:43px!important;padding:0!important;gap:8px!important}
body.spectralTheme .sharedCardHeader>.mainFitTools,body.spectralTheme .sharedCardHeader>.uniformCardTools{grid-column:2!important;grid-row:2!important;position:static!important;display:flex!important;margin:0!important;gap:8px!important;justify-content:flex-start!important}
body.spectralTheme .sharedCardHeader :is(#closeSkyComparison,#closeCloudStrips,#closeWRFSection,#closeWRFIWV){display:none!important}
.sharedCardTimer{grid-column:3!important;grid-row:1/3!important;display:grid;grid-template-columns:130px minmax(0,1fr);gap:2px 10px;font:12px/1.2 Arial;color:#173548;min-width:0}
body .sharedCardTimer label{display:flex;flex-direction:column;gap:3px;margin:0;font-size:12px;min-width:0}
body .sharedCardTimer select{width:100%;background:white;color:#173548;border:1px solid #8ca7b8;border-radius:3px;padding:5px;font-size:12px;height:30px}
.sharedTimeline{min-width:0}.sharedTimeLabel output{white-space:nowrap;font-size:12px;min-height:14px}
body .sharedCardTimer .sharedTime{width:100%;height:12px;margin:0;min-width:0}
.sharedPlayback{display:flex;align-items:center;gap:4px;margin-top:3px}
body .sharedCardTimer button,body .sharedCardTimer summary{font:11px Arial!important;padding:4px 7px!important;min-height:25px!important;height:25px!important;box-sizing:border-box;background:white!important;color:#173548!important;border:1px solid #8ca7b8!important;border-radius:3px!important;white-space:nowrap}
body .sharedCardTimer button:disabled{opacity:.4;cursor:default}.sharedTimeNote{grid-column:1/-1;font:10px/1.2 Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:12px}
.sharedTimeOptions{position:relative}.sharedTimeOptions summary{cursor:pointer;list-style:none}.sharedOptionBody{position:absolute;right:0;top:29px;width:230px;box-sizing:border-box;padding:12px;background:#fff;border:1px solid #8ca7b8;box-shadow:0 5px 15px #17354833;z-index:2500}.sharedOptionBody label{margin-bottom:8px!important}.sharedOptionBody input[type=checkbox]{width:auto;align-self:start}
@media(max-width:1150px){body.spectralTheme main>.sharedCardHeader,body.spectralTheme :is(#skyComparison,#cloudStrips,#wrfSectionDialog,#wrfIWVDialog).lightCard>.sharedCardHeader{grid-template-columns:330px minmax(0,1fr)!important;grid-template-rows:32px 43px 91px!important;min-height:184px!important}body.spectralTheme .sharedCardHeader>.sharedCardTimer{grid-column:1/-1!important;grid-row:3!important;width:min(100%,650px);justify-self:end}}
@media(max-width:620px){body.spectralTheme main>.sharedCardHeader,body.spectralTheme :is(#skyComparison,#cloudStrips,#wrfSectionDialog,#wrfIWVDialog).lightCard>.sharedCardHeader{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:62px 43px 43px 91px!important;min-height:267px!important}body.spectralTheme .sharedCardHeader>.cardNavigation{grid-column:1!important;height:auto;flex-wrap:wrap!important}body.spectralTheme .sharedCardHeader>.mainFitTools,body.spectralTheme .sharedCardHeader>.uniformCardTools{grid-column:1!important;grid-row:3!important}body.spectralTheme .sharedCardHeader>.sharedCardTimer{grid-row:4!important;grid-template-columns:110px minmax(0,1fr)}body .sharedCardTimer button,body .sharedCardTimer summary{padding:4px!important;font-size:10px!important}.sharedTimeLabel output{font-size:10px}}

body.spectralTheme :is(#skyComparison,#cloudStrips,#wrfSectionDialog,#wrfIWVDialog).lightCard{padding:0!important}
body.spectralTheme main>.sharedCardHeader,body.spectralTheme :is(#skyComparison,#cloudStrips,#wrfSectionDialog,#wrfIWVDialog).lightCard>.sharedCardHeader{height:104px!important;min-height:104px!important;border-bottom:1px solid #c4d3dd!important}
body.spectralTheme .lightCard>:is(.cardLayout,.stripWorkspace,.wrfSectionLayout){margin:10px 11px!important}
@media(max-width:1150px){body.spectralTheme main>.sharedCardHeader,body.spectralTheme :is(#skyComparison,#cloudStrips,#wrfSectionDialog,#wrfIWVDialog).lightCard>.sharedCardHeader{height:190px!important;min-height:190px!important}}
@media(max-width:620px){body.spectralTheme main>.sharedCardHeader,body.spectralTheme :is(#skyComparison,#cloudStrips,#wrfSectionDialog,#wrfIWVDialog).lightCard>.sharedCardHeader{height:273px!important;min-height:273px!important}}

body.spectralTheme .sharedCardHeader :is(.simpleFileActions,.wrfSectionFileActions,.stripFileActions){display:flex!important;flex-wrap:nowrap!important;gap:8px!important;margin:0!important;padding:0!important}
body.spectralTheme .sharedCardHeader .cardHeaderActions button{width:76px!important;min-width:76px!important;flex:0 0 76px!important;height:43px!important;min-height:43px!important;padding:7px 4px!important;font:12px Arial!important;white-space:nowrap}
body.spectralTheme .sharedCardHeader .cardHeaderActions :is(p,span)[role=status]{position:absolute;left:11px;top:87px;font-size:10px;margin:0;max-width:530px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Match the Maps brand panel to the other cards. */
.spectralTheme #controlSidebar .sideBrand{background:#000;color:#edf5fa;border-color:#000}
.spectralTheme #controlSidebar .sideBrand b{color:#edf5fa}
.spectralTheme #controlSidebar .sideBrand b span{color:#ccc}
.spectralTheme #controlSidebar .sideBrand small{color:#c4d8e5}

/* Equal visible control widths, including equal padding inside the columns. */
@media(min-width:801px){
 body.spectralTheme main>.labShell{margin:10px 11px 0;grid-template-columns:320px minmax(0,1fr)!important;gap:12px}
 body.spectralTheme #controlSidebar,body.spectralTheme .lightCard :is(.cardSidebar,.stripSidebar,.wrfSectionSidebar){box-sizing:border-box;padding:0 10px!important;width:320px;min-width:0}
 body.spectralTheme #controlSidebar{border-right:0}
}

#cloudStrips .stripViewChoices:has(input[name="strip-mode"]){flex-direction:column!important;align-items:flex-start!important;gap:2px!important}

body.spectralTheme main>.sharedCardHeader,body.spectralTheme :is(#skyComparison,#cloudStrips,#wrfSectionDialog,#wrfIWVDialog).lightCard>.sharedCardHeader{grid-template-columns:330px 220px 430px minmax(150px,1fr)!important}
body.spectralTheme .sharedCardHeader>.spectralWeatherLink{grid-column:4!important;grid-row:1!important;justify-self:end;align-self:start!important;padding:8px 0;margin:0!important}
@media(max-width:1250px){body.spectralTheme main>.sharedCardHeader,body.spectralTheme :is(#skyComparison,#cloudStrips,#wrfSectionDialog,#wrfIWVDialog).lightCard>.sharedCardHeader{grid-template-columns:minmax(560px,1fr) 160px!important;grid-template-rows:32px 43px 91px!important;height:190px!important;min-height:190px!important}body.spectralTheme .sharedCardHeader>.cardNavigation{grid-column:1!important}body.spectralTheme .sharedCardHeader>.spectralWeatherLink{grid-column:2!important}body.spectralTheme .sharedCardHeader>.sharedCardTimer{grid-column:1/-1!important;grid-row:3!important;justify-self:center;width:min(100%,650px)}}
@media(max-width:760px){body.spectralTheme main>.sharedCardHeader,body.spectralTheme :is(#skyComparison,#cloudStrips,#wrfSectionDialog,#wrfIWVDialog).lightCard>.sharedCardHeader{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto auto!important;height:auto!important;min-height:273px!important}body.spectralTheme .sharedCardHeader>.spectralWeatherLink{grid-column:1!important;grid-row:1!important}body.spectralTheme .sharedCardHeader>.cardNavigation{grid-row:2!important;flex-wrap:wrap!important;height:auto}body.spectralTheme .sharedCardHeader>.cardHeaderActions,body.spectralTheme .sharedCardHeader>.mainFitTools,body.spectralTheme .sharedCardHeader>.uniformCardTools{grid-column:1!important;grid-row:auto!important}body.spectralTheme .sharedCardHeader>.sharedCardTimer{grid-row:auto!important}}

body.spectralTheme .sharedCardHeader>.spectralWeatherLink{display:inline-flex;align-items:center;justify-content:center;background:white;color:black;border:1px solid #aaa;border-radius:3px;padding:7px 10px!important;text-decoration:none!important;font:12px Arial,sans-serif;white-space:nowrap}body.spectralTheme .sharedCardHeader>.spectralWeatherLink:hover{background:#eee;border-color:#888}