/* Additive alternatives: Current retains the original dashboard rules. */
.visual-only{display:none}.appearance-preview{padding:14px;border:2px solid #916214;border-radius:8px;background:#fff0d9;color:#563400}
.appearance-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.appearance-option{display:block!important;border:2px solid #c4d5ce;border-radius:12px;padding:14px;cursor:pointer}.appearance-option:has(input:checked){border-color:#176a83;box-shadow:0 0 0 2px #176a8330}.appearance-swatch{display:block;height:75px;border-radius:6px;background:linear-gradient(165deg,#e7f0ea 45%,#84b1a2 46%,#367d91 58%,#d2e6dc 59%);margin:10px 0}.appearance-swatch.dark,.appearance-swatch.visual-dark{background:linear-gradient(165deg,#142a36 45%,#235c55 46%,#56b5c4 58%,#213e49 59%)}.appearance-swatch.current{background:linear-gradient(#133d35 22%,#f3f6f4 22%,#f3f6f4 45%,white 45%)}.appearance-option strong{display:block}.appearance-option input{width:auto!important}.appearance-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.appearance-form textarea{width:100%;min-height:75px;font:inherit;padding:10px}
html[data-appearance^="visual"] .visual-only{display:block}html[data-appearance^="visual"] body{background:#edf3ef}html[data-appearance^="visual"] .visual-dashboard{max-width:1320px}html[data-appearance^="visual"] .river-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:35px;padding:32px;margin-bottom:30px;background:#e1eee7;border:1px solid #c8ddd2;border-radius:22px} .river-hero h2{font-size:clamp(28px,3.5vw,44px);line-height:1.12;letter-spacing:-1px}.river-hero svg{width:100%;height:auto}.river-hero nav{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.river-hero nav a{padding:10px 14px;background:#fff;border-radius:20px;text-decoration:none;color:#24584e;font-weight:650}.visual-trends{margin:30px 0}.visual-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.visual-chart{border:1px solid #cadbd1;border-radius:16px;background:white;padding:20px;min-width:0}.visual-chart h3{margin:0 0 6px;font-size:17px}.visual-chart svg{display:block;width:100%;height:auto}.visual-chart .chart-stroke{fill:none;stroke:var(--metric-color,#216e85);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.visual-chart .chart-dot{fill:var(--metric-color,#216e85)}.visual-chart .chart-grid{stroke:#dce6de}.visual-chart table{font-size:12px}.visual-chart details{max-height:300px;overflow:auto}html[data-appearance^="visual"] .sensor{border-top:4px solid #367d91;box-shadow:0 5px 20px #123e3210}html[data-appearance^="visual"] .overview{border-radius:16px}.visual-chart small{display:block;line-height:1.5;color:#52665f}
html[data-appearance="dark"],html[data-appearance="visual-dark"]{color-scheme:dark;background:#101d26;color:#e0ecee;--metric-color:#73d0d8}html[data-appearance="dark"] body,html[data-appearance="visual-dark"] body{background:#101d26;color:#e0ecee}html[data-appearance="dark"] header,html[data-appearance="visual-dark"] header{background:#0a151d;border-bottom:1px solid #314853}
html:is([data-appearance="dark"],[data-appearance="visual-dark"]) :is(p,dt,th,footer,.metrics span,.eyebrow,.visual-chart small){color:#b8ccd1}html:is([data-appearance="dark"],[data-appearance="visual-dark"]) a{color:#86d8e5}html:is([data-appearance="dark"],[data-appearance="visual-dark"]) :is(button,select,input,textarea){background:#203540;color:#e6f1f4;border-color:#607d88}html:is([data-appearance="dark"],[data-appearance="visual-dark"]) button:hover{background:#2c4854}html:is([data-appearance="dark"],[data-appearance="visual-dark"]) :is(.overview>div,.map-panel,.sensor,.visual-chart,.admin-page main>section,#events-results>details){background:#192b36;border-color:#39535d}html:is([data-appearance="dark"],[data-appearance="visual-dark"]) :is(details,th,td,.overview,.appearance-option){border-color:#39535d}html:is([data-appearance="dark"],[data-appearance="visual-dark"]) :is(#events-results>details>details,#events-results section,.placement-review form,.river-hero){background:#203842;border-color:#42606b}html:is([data-appearance="dark"],[data-appearance="visual-dark"]) :is(#map,.placement-review svg){background:#122833}html:is([data-appearance="dark"],[data-appearance="visual-dark"]) .river{stroke:#559cad}html:is([data-appearance="dark"],[data-appearance="visual-dark"]) .river.main-river{stroke:#81d0da}html:is([data-appearance="dark"],[data-appearance="visual-dark"]) .chart-label{fill:#bed1d5}html:is([data-appearance="dark"],[data-appearance="visual-dark"]) .trend-line{stroke:#7ed5de}html:is([data-appearance="dark"],[data-appearance="visual-dark"]) :is(#trend line,.visual-chart .chart-grid){stroke:#3c555f}html:is([data-appearance="dark"],[data-appearance="visual-dark"]) :is(.badge,.badge.missing,.badge.maintenance){background:#29454b;color:#d2e6e7}html:is([data-appearance="dark"],[data-appearance="visual-dark"]) :is(.badge.warning,tr.deviation,#error,.appearance-preview){background:#46341e;color:#ffdb9b;border-color:#a47a3d}html:is([data-appearance="dark"],[data-appearance="visual-dark"]) .timing-warning{color:#ffdb9b}html:is([data-appearance="dark"],[data-appearance="visual-dark"]) .river-hero nav a{background:#314c58;color:#def4f5}html:is([data-appearance="dark"],[data-appearance="visual-dark"]) :focus-visible{outline:3px solid #8edbe5;outline-offset:3px}
@media(max-width:850px){.appearance-options{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-appearance^="visual"] .river-hero{grid-template-columns:1fr;padding:22px}.river-hero svg{max-height:220px}.visual-chart-grid{grid-template-columns:1fr}.visual-chart svg{max-height:200px}}@media(max-width:480px){html:not([data-appearance="current"]) header{flex-wrap:wrap}html:not([data-appearance="current"]) .controls{flex-wrap:wrap}.appearance-options{grid-template-columns:1fr}}@media print{.visual-only,.appearance-preview{display:none!important}html[data-appearance]{color-scheme:light}html[data-appearance] body{background:white;color:black}}

.hero-picture{min-width:0}.hero-picture img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;border-radius:16px}.river-hero [hidden]{display:none!important}.catchment-image-preview{display:block;max-width:100%;max-height:260px;width:auto;border-radius:12px;margin:14px 0}.catchment-image-form label{display:block;margin:16px 0}.catchment-image-form :is(input[type="text"],textarea){display:block;width:100%;font:inherit;padding:10px;margin-top:8px}.catchment-image-form button{margin:8px 12px 8px 0}

html:is([data-appearance="dark"],[data-appearance="visual-dark"]) .notifications-page :is(article,details){background:#192b36;border-color:#39535d}html:is([data-appearance="dark"],[data-appearance="visual-dark"]) .notifications-page fieldset{border-color:#607d88}