.climate-app{max-width:1496px;margin:auto;padding:32px;color:var(--ink);font:16px/1.5 var(--font)}
.climate-app *{box-sizing:border-box}.climate-app [hidden],#climateExplorer[hidden]{display:none!important}
.climate-app h2{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:0;font-weight:650}.climate-app h3{font-size:18px;line-height:1.35;letter-spacing:-.3px;margin:0 0 18px;font-weight:650}.climate-app h4{font-size:15px;margin:0 0 10px}.climate-app p{margin:8px 0}
.climate-app button,.climate-app input,.climate-app select{font:inherit;font-size:14px;min-height:40px;border:1px solid var(--line);border-radius:9px;padding:9px 13px;background:var(--panel);color:var(--ink)}
.climate-app button{cursor:pointer;font-weight:550;transition:background .15s,border-color .15s,box-shadow .15s}.climate-app button:hover{border-color:#91b9be;background:#eff8f7}.climate-app button:disabled{opacity:.55;cursor:wait}.climate-app button:focus-visible,.climate-app input:focus-visible,.climate-app select:focus-visible{outline:3px solid #45b9ba;outline-offset:3px}
.climate-app button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.climate-app input:focus,.climate-app select:focus{border-color:var(--accent)}
.climate-app label{display:grid;gap:7px;font-size:14px;color:var(--muted);font-weight:550}.climate-app .ce-controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:18px 0 22px}.ce-controls input[type=number]{width:110px}.ce-controls select{max-width:100%;cursor:pointer}
.ce-eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:12px;font-weight:650;color:var(--accent);margin-bottom:9px}.ce-muted{color:var(--muted)}.ce-small{font-size:13px}
.ce-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.ce-intro{align-items:center;margin-bottom:26px}.ce-intro h2{font-size:34px;letter-spacing:-1.25px}.ce-intro p{font-size:15px;margin-top:9px}.ce-view-switch{display:flex;gap:3px;background:#e7edef;border:1px solid #dfe7ea;border-radius:12px;padding:4px;flex-shrink:0}.climate-app .ce-view-switch button{background:transparent;border-color:transparent;white-space:nowrap}.climate-app .ce-view-switch button.active{background:white;color:var(--accent-strong);border-color:#dbe6e8;box-shadow:0 2px 5px #173c4f0a}
.climate-app>.ce-controls{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px 20px;margin:0 0 22px;gap:24px;box-shadow:var(--shadow)}.climate-app>.ce-controls label{grid-template-columns:auto minmax(70px,auto);align-items:center;gap:12px}.climate-app>.ce-controls label:first-child{padding-right:24px;border-right:1px solid var(--line)}
.ce-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:20px;box-shadow:var(--shadow);min-width:0}
.ce-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px}.ce-card{border:1px solid #e4ecef;border-radius:11px;padding:20px 18px;background:#f9fbfc;min-width:0;position:relative}.ce-card>.ce-muted{color:#506674;font-size:13px}.ce-card>.ce-small:last-child{font-size:12px;margin-top:7px}.ce-value{font-size:32px;line-height:1.4;font-weight:650;letter-spacing:-1.4px;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ce-value small{font-size:15px;letter-spacing:0;color:var(--muted);font-weight:500}.ce-card[data-variable="tmax_c"]{background:#fff7f0;border-color:#f0e5d9}.ce-card[data-variable="tmax_c"] .ce-value{color:#b7652d}.ce-card[data-variable="tmin_c"]{background:#f2f5ff;border-color:#e0e5f3}.ce-card[data-variable="tmin_c"] .ce-value{color:#5b70ae}.ce-card[data-variable="tmean_c"],.ce-card[data-variable="precip_mm"]{background:#f0f9f8;border-color:#d9ece9}.ce-card[data-variable="tmean_c"] .ce-value,.ce-card[data-variable="precip_mm"] .ce-value{color:#0a7b7c}
.ce-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:0;padding:0;overflow:hidden;margin-bottom:28px}.ce-map-panel{background:#142f40;color:#e6f1f2;padding:24px 28px;min-width:0}.ce-map-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.ce-map-heading h3{margin:0;color:#f3f8fa;font-size:17px}.ce-map-heading>span{font-size:12px;color:#a8c4ce}.ce-map-panel .ce-controls{margin:0 0 6px;gap:12px}.ce-map-panel label{color:#afc8d1;font-size:13px;gap:5px}.ce-map-panel select,.ce-map-panel input{background:#203e50;border-color:#3c5969;color:#eaf2f6;min-height:36px;font-size:13px;padding:7px 10px}.ce-map-panel .ce-muted{color:#b1c7d1}.ce-map-panel #ce-map-note{font-size:12px;margin:12px 0 0;line-height:1.7}
.ce-map{width:100%;height:auto;max-height:330px;display:block;background:transparent;overflow:visible}.ce-map .ce-boundary{fill:#244a5c;stroke:#688f9c;stroke-width:1;stroke-linejoin:round}.ce-map circle{stroke:#142f40;stroke-width:1.5;cursor:pointer;transition:r .15s,stroke .15s;fill-opacity:.95}.ce-map circle.ce-selected{stroke:#fff;stroke-width:2.5;filter:drop-shadow(0 0 5px #72e4d0)}.ce-map circle:hover,.ce-map circle:focus{stroke:#fff;stroke-width:2.5;outline:none;r:6}.ce-map circle.ce-station-dot{fill:#6fd0c1}
.ce-station-picker{padding:24px;min-width:0}.ce-station-picker h3{font-size:17px;margin:0 0 18px}.ce-station-picker label{font-size:13px}.ce-station-picker input{width:100%;background:#f7f9fb;padding:11px 14px}.ce-station-picker #ce-station-count{font-size:12px;margin:10px 0}.ce-stations{max-height:263px;overflow:auto;display:grid;gap:3px;scrollbar-width:thin;scrollbar-color:#c1d1d8 transparent;padding-right:4px}.ce-stations button{text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid transparent;border-radius:9px;padding:10px 12px;min-width:0}.ce-stations button>span{font-size:13px;min-width:0;overflow-wrap:anywhere}.ce-stations button small{font-size:12px;font-weight:400}.ce-stations button>small{white-space:nowrap;color:var(--muted)}.ce-stations button.active{background:#eaf7f4;border-color:#c6e6df;color:#076a69}.ce-stations button.active>small{color:#076a69}.ce-station-picker>p:last-child{font-size:12px;line-height:1.6;margin:14px 0 0;color:#687e8b}
#ce-station-title{background:#fff;border:1px solid var(--line);border-radius:14px 14px 0 0;padding:26px 28px 20px}#ce-station-title h2{font-size:30px;text-transform:capitalize}#ce-station-title .ce-eyebrow{font-size:12px;letter-spacing:1px}#ce-station-title .ce-station-meta{text-align:right;font-size:13px;line-height:1.8}#ce-quality{font-size:12px;min-height:30px;margin-top:8px;padding:4px 10px;color:var(--accent-strong);background:#f4faf9}
.ce-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:0 24px;margin:0 0 24px;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px}.climate-app .ce-tabs button{white-space:nowrap;font-size:14px;text-transform:capitalize;letter-spacing:0;background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;padding:15px 17px;color:var(--muted);display:inline-flex;align-items:center;gap:8px}.climate-app .ce-tabs button:hover{background:#f4f9f9;color:var(--accent-strong)}.climate-app .ce-tabs button.active{border-bottom-color:var(--accent);color:var(--accent-strong);background:transparent}.ce-icon{width:16px;height:16px;flex-shrink:0;vertical-align:middle;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* Stable content height preserves the station tab position during loading. */
#ce-content{min-height:100vh}.ce-status{min-height:70px;padding:22px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:12px}.ce-status:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:#51b9ae;margin-right:10px}
.ce-daily-callout{justify-content:space-between;align-items:center!important;border:1px solid #cfe3e1;border-radius:12px;padding:17px 20px;background:#eaf5f2}.climate-app #ce-open-daily{background:var(--accent);color:white;border-color:var(--accent);padding:11px 17px}.ce-daily-callout .ce-small{max-width:570px;line-height:1.6}
.ce-warning{background:#fff3df;color:#845624;padding:9px 12px;border-radius:8px;font-size:13px}.ce-badge{display:inline-block;padding:3px 8px;border-radius:5px;background:#fff1da;color:#88571e;font-size:12px;line-height:1.5}
.ce-table-wrap{overflow:auto;max-width:100%;max-height:550px;border:1px solid #e4ebef;border-radius:9px}.ce-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;font-variant-numeric:tabular-nums}.ce-table th{background:#f3f7f9;position:sticky;top:0;z-index:1;font-weight:600;color:#506a79}.ce-table td,.ce-table th{border-bottom:1px solid #e8eef1;padding:13px 15px;white-space:nowrap;vertical-align:top}.ce-table tbody tr:last-child td{border-bottom:0}.ce-table tr:hover td{background:#f4faf9}.ce-table button{font-size:12px;min-height:32px;padding:5px 9px}
.ce-chart{width:100%;height:auto;display:block;min-height:170px}.ce-chart text{fill:#68808e;font:12px "Segoe UI",Arial,sans-serif}.ce-chart .ce-axis{stroke:#e2eaef;stroke-width:1;stroke-dasharray:3 4}.ce-chart path{stroke-linejoin:round;stroke-linecap:round}.ce-legend{display:flex;gap:18px;font-size:13px;flex-wrap:wrap;margin:10px 0 22px;color:var(--muted)}.ce-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.ce-chart-panel{overflow:hidden}.ce-chart-panel>.ce-heading{gap:12px;flex-wrap:wrap}.ce-chart-panel>.ce-heading h3{margin-bottom:0}.ce-chart-panel details{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.ce-chart-panel details[open] summary{margin-bottom:14px}.ce-chart-actions{display:flex;gap:6px;flex-wrap:wrap}.ce-chart-actions button{font-size:12px;min-height:32px;padding:6px 10px;color:#52717e;background:#f7f9fa}.ce-chart-actions button:before{content:"↓";font-size:14px;margin-right:6px}.ce-export-status:not(:empty){margin:8px 0;color:var(--accent)}
.ce-error{border-left:4px solid #bd5838;border-radius:9px;background:#fff4ee;padding:18px}.ce-help{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.ce-help summary{font-weight:600}.ce-help dl{display:grid;grid-template-columns:170px 1fr;gap:12px}.ce-help dt{font-weight:600;color:var(--ink)}.ce-help dd{margin:0}.climate-app summary{cursor:pointer;font-size:13px;color:var(--accent-strong)}
.ce-modal{position:fixed;inset:0;background:#102b3a99;backdrop-filter:blur(5px);z-index:10000;padding:4vh 4vw;display:flex;justify-content:center;align-items:center}.ce-modal-content{background:var(--panel);border:1px solid #fff8;box-shadow:0 25px 90px #071c3540;border-radius:18px;max-width:1200px;width:100%;max-height:90vh;overflow:auto;padding:28px}.ce-modal-close{float:right}.ce-range{display:flex;align-items:center;gap:10px}.ce-range input[type=range]{min-width:120px;flex:1;accent-color:var(--accent)}.ce-colorbar{display:inline-block;width:120px;height:7px;border-radius:8px;background:linear-gradient(90deg,#346caa,#45a7b4,#e9c253,#ca5745);vertical-align:middle}
.ce-daily-svg{width:100%;height:auto;display:block;touch-action:pan-y;outline-offset:3px;border-radius:10px}.ce-daily-svg:focus{outline:2px solid var(--accent)}.ce-day-inspect{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:15px 18px;background:#eff7f6;font-size:13px;border:1px solid #dbeae7;border-radius:10px;min-height:65px;margin-top:14px;font-variant-numeric:tabular-nums}.ce-daily-panel .ce-checkbox{display:flex;align-items:center;gap:8px}.ce-daily-panel .ce-checkbox input{width:17px;height:17px;min-height:0;accent-color:var(--accent)}.ce-chart-feedback{font-size:13px;color:var(--accent)}.ce-daily-panel .ce-heading button{font-size:12px;min-height:34px;margin-bottom:5px}.ce-daily-panel .ce-heading{flex-wrap:wrap}.ce-daily-panel .ce-eyebrow{margin-bottom:7px}.ce-daily-panel h3{font-size:23px;margin-bottom:5px}#ce-on-day>.ce-heading{margin:28px 0 20px}#ce-on-day>.ce-panel{margin-top:24px}
@media(min-width:1300px){.ce-map{max-height:350px}.ce-stations{max-height:283px}}
@media(max-width:1050px){.ce-intro{align-items:start;flex-wrap:wrap}.ce-intro h2{font-size:30px}.ce-layout{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr)}.ce-map-panel,.ce-station-picker{padding:20px}.climate-app>.ce-controls{gap:16px}.climate-app>.ce-controls label{grid-template-columns:1fr;gap:6px}.ce-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ce-tabs{padding:0 12px}.climate-app .ce-tabs button{padding:14px 12px}}
@media(max-width:760px){.climate-app{padding:24px 18px}.ce-intro{gap:16px;margin-bottom:20px}.ce-intro h2{font-size:29px}.ce-intro p{font-size:14px}.ce-eyebrow{font-size:12px;letter-spacing:1px}.ce-view-switch{width:100%}.ce-view-switch button{flex:1}.climate-app>.ce-controls{padding:14px;gap:12px}.climate-app>.ce-controls label:first-child{padding-right:0;border-right:0;flex:1 1 100%}.climate-app>.ce-controls label:not(:first-child){flex:1}.ce-layout{grid-template-columns:1fr}.ce-map-panel{padding:20px 16px}.ce-map{max-height:290px}.ce-map-heading h3{font-size:16px}.ce-map-heading>span{font-size:12px}.ce-station-picker{padding:20px}.ce-stations{max-height:200px}.ce-panel{padding:18px;border-radius:12px}.ce-layout{padding:0}.ce-value{font-size:28px}.ce-card{padding:15px 12px}.ce-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ce-heading{flex-wrap:wrap}.ce-help dl{grid-template-columns:1fr;gap:8px}.ce-help dd{margin-bottom:10px}.ce-chart{min-height:130px}.ce-modal{padding:12px}.ce-modal-content{padding:18px}.climate-app h2{font-size:26px}#ce-station-title{padding:22px 18px 18px}#ce-station-title h2{font-size:27px}#ce-station-title .ce-station-meta{text-align:left}#ce-station-title .ce-heading{gap:12px}.ce-tabs{padding:0 10px}.climate-app .ce-tabs button{font-size:13px;padding:14px 11px}.ce-daily-callout{padding:16px;gap:12px}.ce-daily-callout button{width:100%}.ce-year-main{overflow-x:auto}.ce-daily-svg{min-width:650px}.ce-day-inspect{gap:7px 12px}.ce-chart-actions button{min-height:36px}.ce-daily-panel .ce-controls{align-items:start;flex-direction:column}.ce-table td,.ce-table th{padding:11px 12px}}
@media(prefers-reduced-motion:reduce){.climate-app button,.ce-map circle{transition:none}}

*{box-sizing:border-box} :root{font-family:Inter,Arial,Helvetica,sans-serif;color:#e5edf2;background:#0d1924;font-synthesis:none;color-scheme:dark;font-size:16px}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button,select,input{outline-offset:4px}button:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid #72e1d3}button{color:inherit}button svg{flex-shrink:0}a{color:#79decf}h1,h2,p{margin:0}.topbar{height:76px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2c3d4b;background:#0a1722;gap:18px}.brand,.top-actions{display:flex;align-items:center;gap:16px}.brand strong{font-size:17px;letter-spacing:-.4px}.brand div>span{display:block;font-size:12px;color:#96aebe;margin-top:5px;letter-spacing:.6px}.flag{display:flex;width:27px;height:29px;border-radius:3px;overflow:hidden;flex-shrink:0}.flag i{flex:1}.flag i:first-child{background:#2355b8}.flag i:nth-child(2){background:#f5cd4f}.flag i:last-child{background:#df5256}.offline{color:#a8bfcf;display:flex;align-items:center;gap:7px;font-size:12px;border:1px solid #354858;padding:7px 10px;border-radius:5px}.export-button{display:flex;align-items:center;gap:8px;border:0;border-radius:5px;background:#77dccb;color:#102c2c;padding:10px 15px;font-size:14px;font-weight:700}.workspace{display:grid;grid-template-columns:244px minmax(0,1fr);max-width:1920px;margin:auto}.sidebar{padding:28px 14px 20px 18px;border-right:1px solid #2c3d4b;display:flex;flex-direction:column;background:#101e2a;height:calc(100vh - 76px);position:sticky;top:0;min-height:560px}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;padding:0 8px 20px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#a0b5c4}.count{padding:3px 7px;background:#223544;border-radius:4px;font-size:12px}.search{display:flex;gap:8px;align-items:center;padding:10px;border:1px solid #354858;background:#0c1924;border-radius:6px;color:#91aabb}.search input{width:100%;min-width:0;border:0;background:transparent;color:#e8f1f7;font-size:14px;outline:none}.search button{border:0;background:none;padding:0;display:flex}.list-caption{font-size:12px;color:#8ca6b8;padding:15px 8px 12px}.station-list{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#3b5263 transparent;padding-right:5px}.station-button{display:flex;align-items:center;text-align:left;gap:9px;width:100%;padding:12px 9px;border:1px solid transparent;border-radius:5px;background:transparent;margin-bottom:3px;color:#a5b9c8}.station-button>span{flex:1;min-width:0}.station-button strong{display:block;font-size:14px;font-weight:500;color:#d8e5ed;line-height:1.3}.station-button small{display:block;font-size:11px;margin-top:5px;color:#8da7b9}.station-button.selected{border-color:#3b706f;background:#193c43;color:#85e2d2}.station-button.selected strong{color:#c4fff2}.station-button:hover{background:#203340}.sidebar-footer{display:flex;gap:12px;margin:17px 8px 0;padding-top:18px;border-top:1px solid #2c4050;color:#8faaba}.sidebar-footer strong{display:block;font-size:13px;font-weight:500;color:#c8d7e2;margin-bottom:6px}.sidebar-footer span{font-size:12px;line-height:1.7}.empty-list{padding:12px;font-size:14px;line-height:1.6;color:#a7bcca}main{min-width:0;padding:28px 30px 14px;max-width:1600px;width:100%;margin:auto}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}h1{font-size:29px;font-weight:600;letter-spacing:-.8px;margin:7px 0 8px}.workspace-heading p{font-size:12px;color:#99afbf;line-height:1.6}.divider{margin:0 9px;color:#526b7d}.metric-switch{display:flex;background:#152735;border:1px solid #334958;padding:4px;border-radius:7px}.metric-switch button{border:0;border-radius:4px;padding:10px 12px;display:flex;align-items:center;gap:7px;font-size:14px;background:transparent;color:#9ab2c3}.metric-switch button.active{background:#31564f;color:#c6fff0}.toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #314452;gap:12px}.toolbar nav{display:flex;gap:22px}.toolbar nav button{display:flex;align-items:center;gap:8px;background:none;border:0;border-bottom:2px solid transparent;padding:12px 0 17px;font-size:14px;color:#94acbd;white-space:nowrap}.toolbar nav button.active{border-color:#79dcca;color:#c7fff4}.period{display:flex;gap:10px;align-items:center;color:#94acbd;font-size:12px;padding-bottom:8px}select{background:#192c3b;color:#dceaf3;border:1px solid #3a5262;border-radius:5px;padding:7px 26px 7px 9px;font-size:13px}.year-control{display:flex;align-items:center;gap:20px;margin:20px 0}.year-control label{font-size:13px;color:#9ab1c1;white-space:nowrap}.year-control strong{font-size:15px;color:#ddedea;margin-left:10px}.year-control input{accent-color:#7bdbc9;flex:1;min-width:0;height:5px}.year-control>span{font-size:12px;color:#8ea8b9}.year-control button{border:0;background:none;color:#b3c8d6;font-size:12px;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.metric-card{padding:16px 20px;background:#142635;border:1px solid #304653;border-radius:8px}.metric-card>div{display:flex;align-items:center;justify-content:space-between;color:#a4bacb;font-size:13px;gap:5px}.metric-card>strong{display:block;font-size:32px;font-weight:500;letter-spacing:-1px;margin:10px 0 6px}.metric-card strong small{font-size:18px;letter-spacing:0;margin-left:8px;color:#9ab3c4}.metric-card p{font-size:11px;color:#8da7ba}.warm>strong{color:#ffc092}.cool>strong{color:#82cfe8}.dashboard-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:18px;align-items:stretch}.panel{background:#142432;border:1px solid #30434f;border-radius:9px;padding:20px;min-width:0;overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-title .eyebrow{font-size:10px;letter-spacing:1.3px;color:#88a6bb}h2{font-size:18px;font-weight:500;letter-spacing:-.25px;margin-top:7px;line-height:1.25}.subtle-tag{font-size:11px;color:#a1baca;padding:6px 8px;background:#1d3443;border:1px solid #334e5f;border-radius:4px;white-space:nowrap}.romania-map{display:block;width:100%;height:288px}.romania-map circle[role=button]{cursor:pointer;transition:r .15s}.romania-map circle[role=button]:hover{r:7;stroke:white}.map-legend{display:flex;align-items:center;gap:7px;font-size:11px;color:#afc0ca;margin-top:12px}.map-legend i,.heatmap-legend i{height:6px;max-width:108px;flex:1;border-radius:2px;background:linear-gradient(90deg,#529be6,#80cce0,#e6c99d,#f39169)}.missing-key{margin-left:auto;font-size:10px;color:#93aaba}.caption{font-size:11px;color:#8fa9bc;line-height:1.6;margin-top:11px}.chart-readout{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:21px 0 6px}.chart-readout strong{font-size:28px;font-weight:500;color:#b1ecdb}.chart-readout small{font-size:17px;color:#8eacbc}.chart-readout>span{font-size:12px;color:#97b0c0}.time-chart{width:100%;min-width:0}.time-chart svg{display:block;overflow:visible;touch-action:pan-y}.icon-button{width:33px;height:33px;display:grid;place-items:center;background:#203644;border:1px solid #3c5362;border-radius:5px;color:#bcd2df}.text-button{display:flex;align-items:center;gap:4px;background:none;border:0;font-size:12px;color:#9bdccd}.anomaly-panel .time-chart svg{height:223px}.heat-panel{padding-bottom:14px}.heatmap{margin-top:25px}.heatmap-head,.heatmap-row{display:grid;grid-template-columns:75px 1fr;gap:10px;align-items:center;margin-bottom:10px}.heatmap-head>div,.heatmap-row>div{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.heatmap-row>span,.heatmap-head>span{font-size:13px;color:#a4bccd}.heatmap-head>div span{text-align:center;font-size:12px;color:#829caf}.heatmap-row button{min-height:52px;border:2px solid transparent;border-radius:4px;font-size:13px;transition:transform .1s}.heatmap-row button:hover{transform:translateY(-2px)}.heatmap-row button.chosen{border-color:white;box-shadow:0 0 0 1px #fff}.heatmap-row .heat-spacer{display:block;min-height:25px}.heatmap-legend{display:flex;gap:10px;align-items:center;justify-content:flex-end;font-size:11px;color:#96b0c3;margin-top:18px}.heatmap-legend i{flex-basis:90px}.compact{margin-top:0}.compact .heatmap-head,.compact .heatmap-row{grid-template-columns:54px 1fr;gap:8px;margin-bottom:5px}.compact .heatmap-row>span,.compact .heatmap-head>span{font-size:11px}.compact .heatmap-row>div,.compact .heatmap-head>div{gap:4px}.compact .heatmap-row button{min-height:24px;border-radius:2px}.compact .heatmap-head>div span{font-size:10px}.compact .heatmap-legend{margin-top:13px}.full-panel{padding:26px;min-height:500px}.full-panel .time-chart{margin-top:35px}.full-panel .time-chart svg{height:320px}.section-description{font-size:14px;color:#a6bece;line-height:1.7}.comparison-pickers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.comparison-pickers>div,.comparison-pickers>label{display:flex;align-items:center;gap:10px;font-size:14px}.comparison-pickers select{width:100%;min-width:0}.comparison-pickers small{display:block;color:#93afc1;font-size:11px;margin-top:5px}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0}.comparison-values{display:flex;gap:16px;flex-wrap:wrap;padding-top:24px}.comparison-values>div{display:flex;align-items:center;gap:8px;font-size:13px;background:#1d3343;padding:12px;border-radius:5px;flex:1;white-space:nowrap}.comparison-values strong{margin-left:auto}.comparison-values small{color:#9eb5c4}footer{display:flex;justify-content:space-between;gap:12px;color:#7e9bae;font-size:10px;margin-top:23px;line-height:1.7}footer b{margin:0 7px;font-weight:400;color:#3f5b6e}.notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:#244d46;color:#e3fff4;font-size:14px;border-radius:7px;box-shadow:0 8px 28px #0005;z-index:100;max-width:90vw}.notice:not(:empty){padding:14px 18px}.notice button{display:flex;background:none;border:0}.metric-switch button:hover,.icon-button:hover{filter:brightness(1.2)}
@media(min-width:1600px){main{padding:34px 42px}.romania-map{height:335px}.trend-panel .time-chart svg{height:295px}.panel{padding:24px}.compact .heatmap-row button{min-height:27px}.sidebar{width:244px}}
@media(max-width:1180px){.workspace{grid-template-columns:215px minmax(0,1fr)}main{padding:23px 20px}.workspace-heading{align-items:flex-start;flex-direction:column;gap:16px}.workspace-heading h1{font-size:26px}.metric-switch{align-self:flex-start}.toolbar nav{gap:16px}.toolbar nav button{font-size:12px}.period{font-size:0}.metrics{gap:10px}.metric-card{padding:14px}.metric-card>div{font-size:12px}.dashboard-grid{gap:13px}.panel{padding:15px}.panel-title{align-items:flex-start}.subtle-tag{font-size:10px;padding:5px}.romania-map{height:258px}.map-legend{flex-wrap:wrap}.missing-key{flex-basis:100%;margin:3px 0 0}h2{font-size:17px}.comparison-pickers{gap:10px}.comparison-values{flex-direction:column}.comparison-values>div{flex:initial}}
@media(max-width:900px){.workspace{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:8px}.station-button strong{font-size:13px}.dashboard-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap;gap:0}.toolbar nav{width:100%;justify-content:space-between}.toolbar nav button{font-size:13px}.period{font-size:12px;padding:10px 0}.metrics{gap:8px}.metric-card{padding:12px}.metric-card>div{min-height:31px}.metric-card>strong{font-size:26px}.metric-card p{font-size:10px;line-height:1.5}.year-control{gap:12px}.year-control button{display:none}.romania-map{height:330px}.missing-key{flex-basis:auto;margin-left:auto}.topbar{padding:0 18px}.offline{font-size:0;gap:0}.offline svg{width:16px}.comparison-pickers{grid-template-columns:1fr}.heatmap-row button{font-size:11px;min-height:38px}.heatmap-head,.heatmap-row{grid-template-columns:50px 1fr;gap:5px}.heatmap-head>div,.heatmap-row>div{gap:3px}footer{flex-direction:column;gap:4px}}
@media(max-width:640px){.topbar{height:70px;padding:0 16px}.brand{gap:10px}.brand strong{font-size:14px}.brand div>span{font-size:10px}.flag{width:21px;height:25px}.top-actions{gap:8px}.offline{display:none}.export-button{padding:9px}.export-button span{display:none}.workspace{display:flex;flex-direction:column}.sidebar{position:static;min-height:0;height:auto;width:100%;padding:16px;border-right:0;border-bottom:1px solid #2c3d4b}.sidebar-heading{padding:0 0 10px}.sidebar-heading .eyebrow{font-size:11px}.sidebar-footer{display:none}.station-list{max-height:136px;margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.station-button{padding:8px 6px;margin:0;gap:5px}.station-button>svg:first-child{display:none}.station-button strong{font-size:12px}.station-button small{font-size:10px}.list-caption{padding:8px 0 0;font-size:11px}.search input{font-size:16px}.workspace-heading{gap:16px;margin-bottom:16px}main{padding:22px 16px 12px}.workspace-heading h1{font-size:27px}.workspace-heading p{font-size:11px}.eyebrow{font-size:10px}.metric-switch{width:100%}.metric-switch button{flex:1;justify-content:center;font-size:13px}.toolbar nav{gap:12px;overflow-x:auto}.toolbar nav button{font-size:12px;gap:5px}.toolbar nav button svg{width:14px}.year-control{gap:12px;margin:17px 0}.year-control label{font-size:12px}.year-control strong{font-size:14px;margin-left:5px}.metrics{grid-template-columns:1fr 1fr;margin-bottom:16px}.metric-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;column-gap:14px}.metric-card:last-child>strong{grid-column:2;grid-row:1/3;margin:0;text-align:right}.metric-card:last-child>div{min-height:0}.metric-card:last-child svg{display:none}.metric-card>strong{font-size:27px}.metric-card>strong small{font-size:15px}.metric-card>div{font-size:12px}.metric-card p{font-size:11px}.panel{padding:16px}.panel-title .eyebrow{font-size:10px}.panel-title h2{font-size:18px}.romania-map{height:280px}.map-legend{font-size:10px}.missing-key{font-size:10px}.subtle-tag{font-size:10px}.chart-readout{gap:9px}.chart-readout>span{font-size:11px}.chart-readout strong{font-size:27px}.time-chart svg{height:235px}.anomaly-panel .time-chart svg{height:223px}.full-panel{min-height:0}.full-panel .panel-title{flex-wrap:wrap}.section-description{font-size:14px}.heatmap-row button{font-size:10px;min-height:31px}.heatmap-head>span,.heatmap-row>span{font-size:11px}.heatmap-head,.heatmap-row{grid-template-columns:42px 1fr}.heatmap-head>div span{font-size:10px}.comparison-pickers{margin-top:20px}.full-panel .time-chart svg{height:248px}.comparison-values>div{white-space:normal}.caption{font-size:11px}.notice{font-size:13px;width:max-content}footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.heatmap-row button{padding:0}
@media(max-width:480px){.heatmap:not(.compact) .heatmap-row button{font-size:0}}

/* Historical tools inherit the preview palette; statistical logic is unchanged. */
:root{--ink:#e5edf2;--muted:#a5bbca;--line:#314957;--panel:#142432;--accent:#79dcca;--accent-strong:#a5eedf;--font:Arial,Helvetica,sans-serif;--shadow:none}
.primary-tabs{display:flex;gap:5px;overflow-x:auto;border-bottom:1px solid #344954;margin:0 0 24px;padding:0;scrollbar-width:thin}
.primary-tabs button{display:flex;align-items:center;gap:8px;border:0;border-bottom:3px solid transparent;padding:15px 13px;background:none;color:#a7bdcb;white-space:nowrap;font-size:14px}
.primary-tabs button.active{color:#b4f6e6;border-bottom-color:#79dcca;background:#173331;border-radius:5px 5px 0 0}
.primary-tabs button:hover{background:#1b303d;color:#ecfff9}
.archive-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}
.archive-shortcuts button{display:flex;align-items:center;text-align:left;gap:12px;padding:17px 14px;background:#142a36;border:1px solid #34505e;border-radius:8px;color:#85dfd0;min-width:0}
.archive-shortcuts button span{flex:1}.archive-shortcuts strong{display:block;font-size:15px;font-weight:500;color:#e1f1f6}.archive-shortcuts small{display:block;font-size:12px;line-height:1.6;color:#a3baca;margin-top:4px}
.archive-shortcuts button:hover{background:#1d3942;border-color:#5d908b}
.archive-section-heading{margin:30px 0 18px}.archive-section-heading h2{font-size:22px}
.archive-controls{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:18px;margin-bottom:20px;background:#132633;border:1px solid #324b5b;border-radius:8px}
.archive-controls label{display:flex;align-items:center;gap:10px;color:#acc1cd;font-size:14px}.calendar-label{display:flex;gap:8px;align-items:center;color:#b9e8de;font-size:14px}.archive-controls .normal-control{margin-left:auto}.archive-controls .text-button{font-size:14px;padding:8px}
.climate-app.archive-pane{padding:0;max-width:none;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}
.archive-pane #ce-content{min-height:0}.archive-pane h3{font-weight:500;font-size:19px}.archive-pane h2{font-size:26px;color:#dff2f5}
.archive-pane #ce-station-title{background:none;border:0;padding:0 0 20px}.archive-pane #ce-station-title h2,.archive-pane #ce-station-title .ce-eyebrow,.archive-pane #ce-station-title .ce-heading>div:first-child{display:none}
.archive-pane #ce-station-title .ce-station-meta{text-align:left;font-size:13px}.archive-pane #ce-station-title .ce-heading{justify-content:flex-start}.archive-pane #ce-station-title br{display:none}.archive-pane #ce-station-title strong{margin-left:16px}.archive-pane #ce-quality{margin-left:16px;background:#1c3543;color:#b6e8db;border-color:#415f6d}
.archive-pane .ce-panel{border-radius:9px;padding:22px;margin-bottom:18px}.archive-pane .ce-card{background:#172e3b!important;border-color:#34505c!important;border-radius:7px}.archive-pane .ce-value{color:#a8eadb!important;font-size:29px}.archive-pane .ce-card[data-variable=tmax_c] .ce-value{color:#ffc096!important}.archive-pane .ce-card[data-variable=tmin_c] .ce-value{color:#99c8ef!important}.archive-pane .ce-card>.ce-muted{color:#b5c9d5}
.archive-pane button,.archive-pane select,.archive-pane input,.archive-modal button{border-radius:5px;background:#1b3444;color:#d7e9ef;border:1px solid #426071;font-size:14px;min-height:38px;padding:8px 12px}
.archive-pane button:hover,.archive-modal button:hover{background:#284957;color:#fff;border-color:#74a5a3}.archive-pane button:disabled{cursor:default}.archive-pane label{font-size:14px}
.archive-pane .ce-status{background:#142c37;color:#c4dce6;border-color:#355362}.archive-pane .ce-daily-callout{background:#163c3d;border-color:#396361}.archive-pane #ce-open-daily{background:#78d7c5;color:#10352d;border-color:#78d7c5}
.archive-pane .ce-table-wrap,.archive-modal .ce-table-wrap{border-color:#354b5b;border-radius:6px}.archive-pane .ce-table,.archive-modal .ce-table{font-size:14px}.archive-pane .ce-table th,.archive-modal .ce-table th{background:#203947;color:#b3d1df}.archive-pane .ce-table td,.archive-pane .ce-table th,.archive-modal .ce-table td,.archive-modal .ce-table th{border-color:#2c4250;padding:12px 14px}.archive-pane .ce-table tr:hover td,.archive-modal .ce-table tr:hover td{background:#1b3442}.archive-pane .ce-table button{font-size:13px}
.archive-pane .ce-chart text{fill:#afc4d2;font-size:13px}.archive-pane .ce-chart .ce-axis{stroke:#385262}.archive-pane .ce-chart-actions button{background:#1b3543;color:#b8d9e1;font-size:13px}.archive-pane .ce-legend{color:#bdd3de;font-size:14px}.archive-pane summary{font-size:14px;color:#96dfd1}
.archive-pane .ce-badge,.archive-modal .ce-badge{color:#ffcb8d;background:#4a3825}.archive-pane .ce-warning,.archive-modal .ce-warning{color:#f7cf9a;background:#3b3023}.archive-pane .ce-error{background:#402f2b;color:#ffd6bf}
.archive-pane .ce-day-inspect{background:#203d48;border-color:#395b68;color:#d2e5ed;font-size:14px}.archive-pane .ce-help{font-size:14px}.archive-pane .ce-help dl{grid-template-columns:170px minmax(0,1fr)}.archive-pane .ce-help dd{overflow-wrap:anywhere}.archive-pane .ce-small{font-size:13px}
.archive-modal .ce-modal-content{background:#142432;color:#dbe9f0;border-color:#4e6b7b;line-height:1.7}.archive-modal h3{font-size:21px;margin:0 0 16px}.archive-modal p{margin:12px 0}.archive-modal summary{cursor:pointer;color:#a1e6d5}.archive-modal .ce-table td:last-child{white-space:normal;overflow-wrap:anywhere}
@media(max-width:1180px){.archive-shortcuts{grid-template-columns:1fr}.archive-shortcuts small{margin-top:1px}.primary-tabs{margin-bottom:18px}.primary-tabs button{padding:13px 10px}.archive-controls .normal-control{margin-left:0}}
@media(max-width:640px){.primary-tabs{margin-left:-16px;margin-right:-16px;padding:0 16px;gap:2px}.primary-tabs button{font-size:14px;padding:13px 11px}.archive-shortcuts{gap:8px}.archive-shortcuts button{padding:12px}.archive-shortcuts strong{font-size:15px}.archive-shortcuts small{font-size:12px}.archive-controls{padding:14px;gap:12px}.calendar-label{width:100%}.archive-controls label{font-size:14px;gap:6px}.archive-controls select{font-size:14px}.archive-controls .normal-control{width:100%;justify-content:space-between;border-top:1px solid #36505f;padding-top:13px}.archive-pane .ce-panel{padding:16px}.archive-pane #ce-station-title strong{display:block;margin:7px 0}.archive-pane #ce-quality{margin:0}.archive-pane .ce-grid{grid-template-columns:1fr 1fr}.archive-pane .ce-value{font-size:25px}.archive-pane .ce-help dl{grid-template-columns:1fr}.archive-pane .ce-heading h2{font-size:23px}.archive-pane .ce-table-wrap{max-height:480px}.archive-pane .ce-controls label{max-width:100%}.archive-pane .ce-controls input{max-width:100%}.archive-pane .ce-controls>.ce-range{max-width:100%}.archive-pane .ce-controls button{white-space:normal}.archive-pane .ce-card{padding:13px 10px}.archive-pane .ce-card>.ce-small:last-child{font-size:12px}}

/* Ranked station dates stay readable without sideways scrolling on phones. */
.ce-rankings .ce-table-wrap{max-height:none}
.ce-rankings .ce-table td,.ce-rankings .ce-table th{padding:10px 6px}
.ce-rankings .ce-table td:last-child{white-space:normal}
.ce-rankings .ce-badge{display:block;white-space:normal;margin-top:5px}

.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#1b3444;border:1px solid #426071;border-radius:6px;color:#e3eff5;font-size:14px;padding:9px 12px;min-height:40px;white-space:nowrap}
.theme-toggle:hover{background:#294857}.theme-toggle:focus-visible{outline:2px solid #79dcca;outline-offset:3px}
.support-note{margin-top:28px;padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);font-size:14px;line-height:1.7}
.support-note a{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.support-note a:hover{color:var(--accent-strong)}
.support-note a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
:root[data-theme=light]{color-scheme:light;background:#f1f5f9;color:#183443;--ink:#183443;--muted:#526b7c;--line:#cbd9e2;--panel:#fff;--accent:#087f79;--accent-strong:#086a65}
[data-theme=light] .topbar{background:#fff;border-color:#cbd9e2}
[data-theme=light] .brand div>span,[data-theme=light] .offline{color:#526b7c}
[data-theme=light] .theme-toggle{background:#edf5f7;border-color:#bdd1dc;color:#234c60}
[data-theme=light] .theme-toggle:hover{background:#dcecf1}
[data-theme=light] .offline{border-color:#cbd9e2}
[data-theme=light] .sidebar{background:#e9f0f5;border-color:#cbd9e2}
[data-theme=light] .count,[data-theme=light] .subtle-tag{background:#dfedf2;color:#36586b;border-color:#c0d3dd}
[data-theme=light] .search{background:#fff;border-color:#b8cdd8;color:#506d7d}
[data-theme=light] .search input{color:#183443}
[data-theme=light] .search input::placeholder{color:#647d8d}
[data-theme=light] .station-list{scrollbar-color:#a0b7c5 transparent}
[data-theme=light] .station-button{color:#537387}
[data-theme=light] .station-button strong{color:#244a5c}
[data-theme=light] .station-button small,[data-theme=light] .list-caption,[data-theme=light] .empty-list{color:#537082}
[data-theme=light] .station-button:hover{background:#d9e9ef}
[data-theme=light] .station-button.selected{background:#d6eee7;border-color:#7fb7a9;color:#126d60}
[data-theme=light] .station-button.selected strong{color:#14594e}
[data-theme=light] .sidebar-footer{border-color:#c2d3de;color:#537082}
[data-theme=light] .sidebar-footer strong{color:#264b5b}
[data-theme=light] .eyebrow,[data-theme=light] .workspace-heading p,[data-theme=light] .panel-title .eyebrow{color:#567284}
[data-theme=light] .divider{color:#6e8898}
[data-theme=light] .metric-switch{background:#e4edf2;border-color:#bbced8}
[data-theme=light] .metric-switch button{color:#526e80}
[data-theme=light] .metric-switch button.active{background:#c0e6d9;color:#155d4f}
[data-theme=light] .toolbar,[data-theme=light] .primary-tabs{border-color:#c4d4df}
[data-theme=light] .toolbar nav button,[data-theme=light] .primary-tabs button{color:#526c7e}
[data-theme=light] .toolbar nav button.active,[data-theme=light] .primary-tabs button.active{color:#096f66;border-bottom-color:#098c80}
[data-theme=light] .primary-tabs button.active{background:#dcefe9}
[data-theme=light] .primary-tabs button:hover{background:#e0edf2;color:#144f61}
[data-theme=light] .period,[data-theme=light] .year-control label,[data-theme=light] .year-control>span,[data-theme=light] .year-control button{color:#526f80}
[data-theme=light] .year-control strong{color:#164e47}
[data-theme=light] select{background:#fff;border-color:#b8ccd8;color:#214355}
[data-theme=light] .year-control input{accent-color:#108574}
[data-theme=light] .metric-card,[data-theme=light] .panel{background:#fff;border-color:#c8d8e1;box-shadow:0 2px 5px #28455405}
[data-theme=light] .metric-card>div,[data-theme=light] .metric-card p{color:#547082}
[data-theme=light] .metric-card strong small{color:#547082}
[data-theme=light] .warm>strong{color:#a14d12}
[data-theme=light] .cool>strong{color:#086f96}
[data-theme=light] .caption,[data-theme=light] .section-description,[data-theme=light] .chart-readout>span,[data-theme=light] .chart-readout small,[data-theme=light] .missing-key,[data-theme=light] .map-legend{color:#526f80}
[data-theme=light] .chart-readout strong{color:#117562}
[data-theme=light] .icon-button{background:#e7f1f5;border-color:#bfd1dc;color:#26566d}
[data-theme=light] .text-button{color:#0a776c}
[data-theme=light] .heatmap-row>span,[data-theme=light] .heatmap-head>span,[data-theme=light] .heatmap-head>div span,[data-theme=light] .heatmap-legend{color:#536f82}
[data-theme=light] .heatmap-row button.chosen{border-color:#142f40;box-shadow:0 0 0 1px #142f40}
[data-theme=light] .comparison-pickers small,[data-theme=light] .comparison-values small{color:#526f80}
[data-theme=light] .comparison-values>div{background:#e3eef3}
[data-theme=light] .comparison-pickers .legend-dot,[data-theme=light] .comparison-values .legend-dot{box-shadow:0 0 0 1px #516878}
[data-theme=light] footer{color:#526f80}
footer{flex-wrap:wrap;column-gap:20px;row-gap:6px}
.visit-counter{white-space:nowrap;font-variant-numeric:tabular-nums}
.visit-counter small{font-size:inherit}
[data-theme=light] .notice{background:#d2eee2;color:#174c3e;border:1px solid #85bdab}
[data-theme=light] .archive-shortcuts button{background:#fff;border-color:#bdced9;color:#107d72}
[data-theme=light] .archive-shortcuts strong{color:#244d5c}
[data-theme=light] .archive-shortcuts small{color:#557283}
[data-theme=light] .archive-shortcuts button:hover{background:#e4f2ed;border-color:#85b9aa}
[data-theme=light] .archive-controls{background:#e8f1f5;border-color:#c0d3de}
[data-theme=light] .archive-controls label{color:#4d6c7d}
[data-theme=light] .calendar-label{color:#166c62}
[data-theme=light] .archive-controls .normal-control{border-color:#c0d3de}
[data-theme=light] .archive-pane h2{color:#183443}
[data-theme=light] .archive-pane #ce-quality{background:#e3f2ed;color:#146b5c;border-color:#adcec3}
[data-theme=light] .archive-pane .ce-card{background:#f2f7fa!important;border-color:#cbdce5!important}
[data-theme=light] .archive-pane .ce-value{color:#126e64!important}
[data-theme=light] .archive-pane .ce-card[data-variable=tmax_c] .ce-value{color:#a14d12!important}
[data-theme=light] .archive-pane .ce-card[data-variable=tmin_c] .ce-value{color:#276cac!important}
[data-theme=light] .archive-pane .ce-card>.ce-muted{color:#526c7d}
[data-theme=light] .archive-pane button,[data-theme=light] .archive-pane select,[data-theme=light] .archive-pane input,[data-theme=light] .archive-modal button{background:#fff;color:#24485a;border-color:#b7ccd8}
[data-theme=light] .archive-pane button:hover,[data-theme=light] .archive-modal button:hover{background:#e1efe9;border-color:#85b4a8;color:#185b4d}
[data-theme=light] .archive-pane .ce-status{background:#e9f2f6;color:#36576b;border-color:#bfd2df}
[data-theme=light] .archive-pane .ce-daily-callout{background:#e2f2eb;border-color:#acd0c2}
[data-theme=light] .archive-pane #ce-open-daily{background:#167b69;color:#fff;border-color:#167b69}
[data-theme=light] .archive-pane .ce-table-wrap,[data-theme=light] .archive-modal .ce-table-wrap{border-color:#c5d6e0}
[data-theme=light] .archive-pane .ce-table th,[data-theme=light] .archive-modal .ce-table th{background:#e6f0f5;color:#33596c}
[data-theme=light] .archive-pane .ce-table td,[data-theme=light] .archive-pane .ce-table th,[data-theme=light] .archive-modal .ce-table td,[data-theme=light] .archive-modal .ce-table th{border-color:#d6e2e9}
[data-theme=light] .archive-pane .ce-table tr:hover td,[data-theme=light] .archive-modal .ce-table tr:hover td{background:#ebf5f1}
[data-theme=light] .archive-pane .ce-chart-actions button{background:#ecf4f7;color:#33596c}
[data-theme=light] .archive-pane .ce-legend{color:#496879}
[data-theme=light] .archive-pane summary,[data-theme=light] .archive-modal summary{color:#147969}
[data-theme=light] .archive-pane .ce-badge,[data-theme=light] .archive-modal .ce-badge{color:#855015;background:#fff0d4}
[data-theme=light] .archive-pane .ce-warning,[data-theme=light] .archive-modal .ce-warning{color:#79541d;background:#fff1d9}
[data-theme=light] .archive-pane .ce-error{background:#ffebe2;color:#853f26}
[data-theme=light] .archive-pane .ce-day-inspect{background:#e4f1f1;border-color:#bfd9d7;color:#244b55}
[data-theme=light] .archive-modal .ce-modal-content{background:#fff;color:#183443;border-color:#bed2de}
/* The geographic map retains its contrasting dark basemap in either mode. */
[data-theme=light] .time-chart text,[data-theme=light] .archive-pane .ce-chart text{fill:#4b697c}
[data-theme=light] .time-chart line,[data-theme=light] .archive-pane .ce-chart .ce-axis{stroke:#bacdd9}
[data-theme=light] .time-chart rect[fill="#263d4d"]{fill:#deedf3}
[data-theme=light] .time-chart stop[stop-color="#55bfe1"]{stop-color:#12789e}
[data-theme=light] .time-chart stop[stop-color="#7addc8"]{stop-color:#087b64}
[data-theme=light] .time-chart stop[stop-color="#ffab70"]{stop-color:#b95c17}
[data-theme=light] .time-chart circle[fill="#97decc"]{fill:#16816c}
[data-theme=light] .time-chart path[stroke="#5ddbc8"]{stroke:#087a65}
[data-theme=light] .time-chart path[stroke="#ffa765"]{stroke:#b65b17}
[data-theme=light] .time-chart path[stroke="#aab5ff"]{stroke:#5d63ae}
[data-theme=light] .ce-daily-svg>rect:first-child{fill:#f8fafc}
[data-theme=light] .ce-daily-svg text{fill:#476779}
[data-theme=light] .ce-daily-svg line[stroke="#36515f"]{stroke:#d3e0e8}
@media(max-width:900px){.theme-toggle span{display:none}.theme-toggle{width:40px;padding:8px}.topbar{gap:10px}}
@media(max-width:400px){.topbar{padding:0 12px}.brand strong{font-size:12px}.brand div>span{letter-spacing:0}.brand{gap:7px}.top-actions{gap:6px}}

/* Keep the complete supplied wordmark readable without crowding header actions. */
.record-coverage{font-size:12px;color:var(--muted);line-height:1.7;margin:12px 0}
.record-coverage .text-button{display:inline-flex;padding:0;vertical-align:baseline}
.topbar{height:96px}
.brand{flex:0 1 260px;min-width:0}
.brand-logo{display:block;width:100%;height:auto;max-height:88px;object-fit:contain;object-position:left center}
.top-actions{flex-shrink:0}
.sidebar{height:calc(100vh - 96px)}
@media(max-width:640px){.topbar{height:88px}.brand{flex-basis:240px}.brand-logo{max-height:80px}.sidebar{height:auto}}

/* Keep the desktop shell fixed; only its two content panes scroll. */
@media(min-width:641px){
  body{overflow:hidden}
  .app{height:100vh;height:100dvh;display:flex;flex-direction:column}
  .topbar{flex-shrink:0}
  .workspace{flex:1;min-height:0;width:100%;margin:0 auto;grid-template-rows:minmax(0,1fr)}
  .sidebar{position:static;height:100%;min-height:0}
  .station-list{min-height:0;overscroll-behavior-y:contain}
  .sidebar-footer{flex-shrink:0}
  .workspace>main{height:100%;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;margin:0 auto}
}