.theme-control{display:flex;align-items:center;gap:9px;margin-left:auto;font-size:13px;font-weight:600}.theme-control select{min-height:44px;border:1px solid #8bb7ce;border-radius:9px;background:#fff;color:#123044;padding:8px 10px;max-width:145px}.nav{flex-wrap:wrap}.logo{min-width:0}html[data-theme=dark]{--app-ink:#e2edf5;--app-muted:#a9bfce;--app-line:#304b5d;--app-bg:#0b1925;--ink:#e2edf5;--muted:#a9bfce;--line:#304b5d;--card:#142a3a;--hh-soft:#17394b;--shadow:0 8px 24px #0003;color-scheme:dark}
html[data-theme=dark] body{background:var(--app-bg);color:var(--app-ink)}
html[data-theme=dark] :is(header,footer,.topbar){background:#102b3e}
html[data-theme=dark] :is(.app-tabs,.live-tile,.hour-card,.quick-links a,.ticker .tick,.day,.theme-control select,.radar-controls button,.radar-options button,.storm-toolbar button,.storm-panel select,.controlrow select,.radar-card:fullscreen,.radar-card.radar-expanded){background:#142a3a;color:#e2edf5;border-color:#304b5d}
html[data-theme=dark] :is(.card,.model-choice){border-color:#304b5d}
html[data-theme=dark] .app-tabs a{color:#b9d1df}html[data-theme=dark] .app-tabs a:hover{background:#244558;color:#fff}html[data-theme=dark] .app-tabs a[aria-selected=true]{background:#087eb5;color:#fff}
html[data-theme=dark] :is(.editorial,.digest-tile,.storm-panel,.ep-legend){background:#193547;border-color:#35576b}html[data-theme=dark] .editorial{border-left-color:#36b5e1}
html[data-theme=dark] :is(.hour-card small,.day-metrics small,.model-source,.model-choice small,.private-wall p,.radar-controls output,.radar-overlay-notes,.storm-values dt,.app-status,.metric-sub,.daytemp span,#mapScaleLabels,.warn p){color:#a9bfce}
html[data-theme=dark] :is(.app-panel .eyebrow,.day details summary,.tick small,.lightning-panel a,.model-source a,.quick-links a){color:#71d0f2}
html[data-theme=dark] .ticker .tick p{color:#b9d1df}html[data-theme=dark] .pill{background:#20485e;color:#8addfa}
html[data-theme=dark] .event-tile,html[data-theme=dark] .live-tile.has-warning,html[data-theme=dark] #panel-warnungen .warn{background:#3c3420;color:#ffebba;border-color:#d6a934}
html[data-theme=dark] #panel-warnungen .level2{background:#442e20;border-color:#ee8d24}html[data-theme=dark] #panel-warnungen .level3{background:#43252e;border-color:#ee6060}html[data-theme=dark] #panel-warnungen .level4{background:#3b2542;border-color:#cf77cf}
html[data-theme=dark] .no-warn{background:#173a30;color:#a0e6c4;border-color:#356451}
html[data-theme=dark] :is(th,th:first-child,.ep-table thead .g1 th,.ep-table thead .g2 th){background:#203e50;color:#c4d8e4}html[data-theme=dark] :is(td:first-child,.ep-table td:first-child){background:#142a3a;color:#e2edf5}html[data-theme=dark] :is(th,td,.ep-table th,.ep-table td){border-color:#304b5d}html[data-theme=dark] .ep-lg b{color:#c4d8e4}
html[data-theme=dark] .rc-danger{color:#ff929a}html[data-theme=dark] .rc-warn{color:#ffca76}html[data-theme=dark] .rc-ok{color:#85ddb4}
/* Preserve meteorological tile colours and road risk cell colours. */
html[data-theme=dark] :is(.leaflet-popup-content-wrapper,.leaflet-popup-tip,.leaflet-control-attribution,.leaflet-bar a){background:#142a3a;color:#e2edf5}html[data-theme=dark] .leaflet-control-attribution a{color:#71d0f2}
html[data-theme=dark] .weather-brand{background:#102b3ee8;padding:4px;opacity:1}html[data-theme=dark] .logo img{object-fit:contain;background:#102b3e;border-color:transparent}
@media(max-width:600px){header .nav{gap:12px;justify-content:space-between}.theme-control{gap:5px}.theme-control span{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.theme-control select{width:103px;font-size:13px}.logo small{max-width:180px}.logo strong{font-size:18px}.logo{gap:8px}}
@media print{.theme-control{display:none}html[data-theme=dark]{--app-ink:#123044;--ink:#123044;--card:#fff;--muted:#526875}html[data-theme=dark] :is(.card,.day,th,td:first-child){background:white;color:#123044}}
