:root{--brand-navy: #2b2f66;--brand-blue: #5598d1;--brand-sky: #9fdaf7;--brand-green: #6aaa30;--brand-green-dark: #329737;--font-sans: Meiryo, "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Consolas, "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .78125rem;--text-md: .875rem;--text-lg: .96875rem;--text-xl: 1.125rem;--text-2xl: 1.3125rem;--text-3xl: 1.625rem;--text-4xl: 2.125rem;--weight-normal: 400;--weight-bold: 700;--leading: 1.5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 14px;--space-5: 18px;--space-6: 22px;--space-8: 28px;--space-10: 36px;--space-12: 44px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 18px;--radius-full: 999px;--duration: .16s;--ease: cubic-bezier(.2, 0, 0, 1);--control-height: 36px;--control-height-sm: 30px;--control-height-lg: 44px}:root{--marker-fill: #ffffff;--marker-text: #1b1f3b;--marker-normal: #2b4f9e;--marker-warning: #e69a00;--marker-alarm: #d32f2f;--marker-offline: #8a93a6;--marker-label-fill: #ffffff;--marker-label-border: #c7cedc;--marker-shadow: rgb(0 0 0 / .3);--marker-hover: #eef3fb;--marker-kind-hydro: #2f6fb5;--marker-kind-rain: #6b4fbb;--marker-kind-meteo: #0f8a8a;--marker-kind-water-quality: #5c8a1f;--marker-kind-sewer: #8a5a2b;--kind-hydro: #2f6fb5;--kind-rain: #6b4fbb;--kind-meteo: #0f8a8a;--kind-water-quality: #5c8a1f;--kind-sewer: #8a5a2b;--level-warning: var(--marker-warning);--level-alarm: var(--marker-alarm);--level-nnw: #5b6b8c;--level-snw: #2f9fd0;--level-ssw: #3a8a2e;--level-sww: #8e5bd6;--level-www: #7a1f1f}:root[data-theme=dark]{--marker-fill: #262a31;--marker-text: #eef1f5;--marker-normal: #7ea4ee;--marker-warning: #f2b33d;--marker-alarm: #ff6b66;--marker-offline: #9aa3b5;--marker-label-fill: #262a31;--marker-label-border: #4b515c;--marker-shadow: rgb(0 0 0 / .6);--marker-hover: #323843;--marker-kind-hydro: #7ea4ee;--marker-kind-rain: #a690e8;--marker-kind-meteo: #4fc4c4;--marker-kind-water-quality: #9ccc5a;--marker-kind-sewer: #d09a62}:root,:root[data-theme=light]{color-scheme:light;--bg: #f3f5fa;--surface: #ffffff;--surface-2: #f6f7fb;--surface-3: #eceff6;--border: #e0e4ee;--border-strong: #c7cedc;--text: #1b1f3b;--text-muted: #565e75;--text-subtle: #848ca3;--overlay: rgb(15 20 50 / .45);--shadow-sm: 0 1px 2px rgb(20 30 70 / .06);--shadow-md: 0 4px 16px rgb(20 30 70 / .08);--shadow-lg: 0 16px 48px rgb(20 30 70 / .16);--success: #2e7d32;--success-hover: #256b29;--success-contrast: #ffffff;--success-soft: #e7f4e8;--danger: #c62828;--danger-hover: #a61f1f;--danger-contrast: #ffffff;--danger-soft: #fdeaea;--warning: #9a5b00;--warning-soft: #fff4dc;--info: #1f6fb2;--info-soft: #e5f1fb;--status-normal: #3a8a2e;--status-warning: #d98e04;--status-alarm: #c62828;--status-nodata: #8a93a6;--data-max: #b3261e;--data-min: #3a8a2e}:root[data-theme=dark]{color-scheme:dark;--bg: #0a1030;--surface: #111a3e;--surface-2: #17204a;--surface-3: #1e2857;--border: #263160;--border-strong: #3a4679;--text: #e8ecf8;--text-muted: #a8b1cc;--text-subtle: #7983a4;--overlay: rgb(3 6 20 / .65);--shadow-sm: 0 1px 2px rgb(0 0 0 / .3);--shadow-md: 0 4px 16px rgb(0 0 0 / .35);--shadow-lg: 0 16px 48px rgb(0 0 0 / .5);--success: #62c370;--success-hover: #7ad186;--success-contrast: #06230c;--success-soft: rgb(98 195 112 / .14);--danger: #f07070;--danger-hover: #f48b8b;--danger-contrast: #2d0606;--danger-soft: rgb(240 112 112 / .14);--warning: #f2b441;--warning-soft: rgb(242 180 65 / .14);--info: #6cb4f0;--info-soft: rgb(108 180 240 / .14);--status-normal: #6cc25e;--status-warning: #f2b441;--status-alarm: #f07070;--status-nodata: #7983a4;--data-max: #f07070;--data-min: #6cc25e}:root,:root[data-accent=enviro]{--accent: #2f6fb5;--accent-hover: #275e9a;--accent-contrast: #ffffff;--accent-soft: #e6f0fa;--accent-2: #3e8e2f}:root[data-theme=dark],:root[data-theme=dark][data-accent=enviro]{--accent: #8bbdeb;--accent-hover: #a8cff2;--accent-contrast: #0b1640;--accent-soft: rgb(139 189 235 / .14);--accent-2: #86c454}:root[data-accent=glebia]{--accent: #2b2f66;--accent-hover: #20234f;--accent-contrast: #ffffff;--accent-soft: #e9eaf4;--accent-2: #5598d1}:root[data-theme=dark][data-accent=glebia]{--accent: #a3aaf2;--accent-hover: #bcc1f6;--accent-contrast: #10133a;--accent-soft: rgb(163 170 242 / .14);--accent-2: #9fdaf7}:root[data-accent=turkus]{--accent: #0f7c86;--accent-hover: #0b666e;--accent-contrast: #ffffff;--accent-soft: #e2f3f4;--accent-2: #2f6fb5}:root[data-theme=dark][data-accent=turkus]{--accent: #55c8cf;--accent-hover: #78d5da;--accent-contrast: #062b2e;--accent-soft: rgb(85 200 207 / .14);--accent-2: #8bbdeb}:root[data-accent=grafit]{--accent: #3d4752;--accent-hover: #2d353e;--accent-contrast: #ffffff;--accent-soft: #eceef1;--accent-2: #5598d1}:root[data-theme=dark][data-accent=grafit]{--accent: #c6ced8;--accent-hover: #dbe1e8;--accent-contrast: #14181d;--accent-soft: rgb(198 206 216 / .14);--accent-2: #8bbdeb}:root[data-accent=swit]{--accent: #b85a0c;--accent-hover: #9c4a08;--accent-contrast: #ffffff;--accent-soft: #fcefe3;--accent-2: #2f6fb5}:root[data-theme=dark][data-accent=swit]{--accent: #f2a35e;--accent-hover: #f5b77f;--accent-contrast: #2b1503;--accent-soft: rgb(242 163 94 / .14);--accent-2: #8bbdeb}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease)}h1,h2,h3,h4{margin:0;line-height:1.25;font-weight:var(--weight-bold)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{margin:0}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft)}.num{font-variant-numeric:tabular-nums}.text-muted{color:var(--text-muted)}.text-small{font-size:var(--text-sm)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-height);padding:0 var(--space-4);font:inherit;font-weight:var(--weight-bold);line-height:1;white-space:nowrap;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease),color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn svg{width:16px;height:16px;flex:none}.btn--primary{color:var(--accent-contrast);background:var(--accent)}.btn--primary:hover:not(:disabled){background:var(--accent-hover);color:var(--accent-contrast)}.btn--success{color:var(--success-contrast);background:var(--success)}.btn--success:hover:not(:disabled){background:var(--success-hover)}.btn--danger{color:var(--danger-contrast);background:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--danger-hover)}.btn--secondary{color:var(--text);background:var(--surface);border-color:var(--border-strong)}.btn--secondary:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn--ghost{color:var(--accent);background:transparent}.btn--ghost:hover:not(:disabled){background:var(--accent-soft)}.btn--danger-ghost{color:var(--danger);background:transparent}.btn--danger-ghost:hover:not(:disabled){background:var(--danger-soft)}.btn--sm{height:var(--control-height-sm);padding:0 var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn--lg{height:var(--control-height-lg);padding:0 var(--space-6);font-size:var(--text-lg)}.btn--block{width:100%}.btn--icon{width:var(--control-height);padding:0}.btn--icon.btn--sm{width:var(--control-height-sm)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field__label{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text)}.field__hint{font-size:var(--text-xs);color:var(--text-muted)}.field__error{font-size:var(--text-xs);color:var(--danger)}.input,.select{width:100%;height:var(--control-height);padding:0 var(--space-3);font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.input::placeholder{color:var(--text-subtle)}.input:hover,.select:hover{border-color:var(--text-subtle)}.input:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input:disabled,.select:disabled{color:var(--text-subtle);background:var(--surface-2);cursor:not-allowed}.input[aria-invalid=true]{border-color:var(--danger)}.input[aria-invalid=true]:focus{box-shadow:0 0 0 3px var(--danger-soft)}.input--unit{text-align:right;font-variant-numeric:tabular-nums}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-8);background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat}.input-group{position:relative}.input-group .input{padding-right:calc(var(--control-height) + var(--space-1))}.input-group__addon{position:absolute;top:50%;right:var(--space-1);transform:translateY(-50%);display:grid;place-items:center;width:calc(var(--control-height) - 8px);height:calc(var(--control-height) - 8px);color:var(--text-muted);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer}.input-group__addon:hover{color:var(--text);background:var(--surface-3)}.input-group__addon svg{width:20px;height:20px}.input-group__unit{position:absolute;top:50%;right:var(--space-3);transform:translateY(-50%);font-size:var(--text-sm);color:var(--text-muted);pointer-events:none}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox input,.radio input{width:18px;height:18px;margin:0;accent-color:var(--accent)}.radio{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.switch{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer}.switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:40px;height:22px;margin:0;background:var(--border-strong);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--duration) var(--ease)}.switch input:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--duration) var(--ease)}.switch input:checked{background:var(--accent)}.switch input:checked:after{transform:translate(18px)}.input-group .input--unit{padding-right:calc(var(--space-3) + 3ch)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.card__title{font-size:var(--text-lg)}.card__body{padding:var(--space-5)}.card--raised{box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:1.6;color:var(--text-muted);background:var(--surface-3);border-radius:var(--radius-full)}.badge:before{content:"";width:7px;height:7px;background:currentColor;border-radius:50%}.badge--plain:before{display:none}.badge--normal{color:var(--status-normal);background:color-mix(in srgb,var(--status-normal) 14%,transparent)}.badge--warning{color:var(--status-warning);background:color-mix(in srgb,var(--status-warning) 16%,transparent)}.badge--alarm{color:var(--status-alarm);background:color-mix(in srgb,var(--status-alarm) 14%,transparent)}.badge--nodata,.badge--manual{color:var(--status-nodata);background:color-mix(in srgb,var(--status-nodata) 16%,transparent)}.badge--accent{color:var(--accent);background:var(--accent-soft)}.alert{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text);background:var(--info-soft);border-left:4px solid var(--info);border-radius:var(--radius-md)}.alert strong{display:block}.alert--success{background:var(--success-soft);border-color:var(--success)}.alert--warning{background:var(--warning-soft);border-color:var(--status-warning)}.alert--danger{background:var(--danger-soft);border-color:var(--danger)}.toast{display:flex;align-items:center;gap:var(--space-3);max-width:380px;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--surface);background:var(--text);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.toast .btn--ghost{color:var(--surface)}.level-swatch{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:2px;vertical-align:0}.tabs{display:flex;gap:var(--space-1);overflow-x:auto;border-bottom:1px solid var(--border)}.tabs__tab{display:inline-flex;flex-direction:column;align-items:center;flex:none;padding:var(--space-3) var(--space-4);font:inherit;color:var(--text-muted);white-space:nowrap;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}.tabs__tab[data-label]:after{content:attr(data-label);height:0;overflow:hidden;font-weight:var(--weight-bold);visibility:hidden;pointer-events:none}.tabs__tab:hover{color:var(--text)}.tabs__tab[aria-selected=true]{color:var(--accent);font-weight:var(--weight-bold);border-bottom-color:var(--accent)}.segmented{display:inline-flex;padding:3px;gap:3px;background:var(--surface-3);border-radius:var(--radius-md)}.segmented__option{display:inline-flex;align-items:center;gap:6px;height:var(--control-height-sm);padding:0 var(--space-4);font:inherit;font-size:var(--text-sm);color:var(--text-muted);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer}.segmented__option:hover{color:var(--text)}.segmented__option[aria-pressed=true]{color:var(--accent-contrast);background:var(--accent);font-weight:var(--weight-bold)}.segmented__option svg{width:16px;height:16px}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{padding:var(--space-3) var(--space-4);font-weight:var(--weight-bold);color:var(--text-muted);text-align:left;background:var(--surface-2);border-bottom:1px solid var(--border)}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-2)}.table .num{text-align:right}.table__sub{display:block;font-size:var(--text-xs);color:var(--text-subtle)}.tooltip{position:relative;display:inline-flex}.tooltip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;z-index:10;width:max-content;max-width:240px;padding:6px 10px;font-size:var(--text-xs);font-weight:var(--weight-normal);line-height:1.4;color:var(--surface);background:var(--text);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);opacity:0;transform:translate(-50%,4px);pointer-events:none;transition:opacity var(--duration) var(--ease),transform var(--duration) var(--ease)}.tooltip:hover:after,.tooltip:focus-within:after{opacity:1;transform:translate(-50%)}.tooltip[aria-expanded=true]:after{display:none}.popover{position:relative;width:320px;padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.popover--arrow:after{content:"";position:absolute;bottom:-8px;left:50%;width:14px;height:14px;background:var(--surface);border-right:1px solid var(--border);border-bottom:1px solid var(--border);transform:translate(-50%) rotate(45deg)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:var(--space-4);background:var(--overlay);animation:fade-in var(--duration) var(--ease)}.modal{width:100%;max-width:440px;padding:var(--space-6);background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:rise-in .2s var(--ease)}.modal__title{margin-bottom:var(--space-2);font-size:var(--text-xl)}.modal__body{color:var(--text-muted)}.modal__actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6)}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.theme-switcher{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.theme-switcher__accents{display:flex;gap:var(--space-2)}.accent-swatch{width:30px;height:30px;padding:0;border:2px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px var(--border-strong);cursor:pointer}.accent-swatch[aria-pressed=true],.accent-swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--accent)}.theme-switcher__accents{align-items:center}.theme-switcher__default[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.data-table{display:flex;flex-direction:column;gap:var(--space-3)}.data-table__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.data-table__search{position:relative;flex:1;min-width:220px}.data-table__search svg{position:absolute;top:50%;left:var(--space-3);width:16px;height:16px;color:var(--text-subtle);transform:translateY(-50%);pointer-events:none}.data-table__search .input{width:100%;padding-left:calc(var(--space-3) * 2 + 16px)}.data-table__sort{display:inline-flex;align-items:center;gap:var(--space-1);padding:0;font:inherit;color:inherit;background:none;border:0;cursor:pointer}.data-table__sort:hover{color:var(--text)}.data-table__arrow{font-size:.7em;opacity:.6}th[aria-sort] .data-table__arrow{color:var(--accent);opacity:1}.data-table__row{cursor:pointer}.data-table__row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.data-table__empty{margin:0;padding:var(--space-4)}.org-section{display:flex;flex-direction:column;gap:var(--space-5);max-width:1100px;padding:var(--space-6)}.org-section h2,.org-section h3{margin:0}.org-section__detail{display:flex;flex-direction:column;gap:var(--space-4);max-width:720px}.org-section__back{align-self:flex-start}.org-accent{display:inline-flex;align-items:center;gap:var(--space-2)}.org-accent__swatch{width:14px;height:14px;border-radius:50%}.org-section__row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3)}.org-section__group{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--border)}.org-section__group h3,.org-section__group p{margin:0}.org-section__row>.field:first-child{flex:1;min-width:220px}.org-section__short{width:6em}.org-section__fieldset{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;border:0}.org-section__choice{display:inline-flex;align-items:center;gap:var(--space-2)}.org-section__area{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.org-section__save{align-self:flex-start}.org-users{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;border:1px solid var(--border);border-radius:var(--radius-md)}.org-users li{display:flex;flex-direction:column;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.org-users li:last-child{border-bottom:none}.org-users--inactive strong{color:var(--text-subtle)}.org-section__modules{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:0 0 var(--space-3);padding:0;border:0}.org-section__modules legend{width:100%;margin-bottom:var(--space-2)}.pin{cursor:pointer;outline:none}.pin__dot,.pin__body{fill:var(--marker-fill);stroke:var(--marker-normal);stroke-width:3;filter:drop-shadow(0 1px 3px var(--marker-shadow))}.pin__dot{fill:var(--marker-normal);stroke:var(--marker-fill);stroke-width:2.5}.pin__kind{fill:var(--marker-normal)}.pin[data-kind=hydro]{--marker-normal: var(--marker-kind-hydro)}.pin[data-kind=rain]{--marker-normal: var(--marker-kind-rain)}.pin[data-kind=meteo]{--marker-normal: var(--marker-kind-meteo)}.pin[data-kind=water_quality]{--marker-normal: var(--marker-kind-water-quality)}.pin[data-kind=sewer]{--marker-normal: var(--marker-kind-sewer)}.pin__pill{transition:transform .22s cubic-bezier(.2,0,0,1);animation:pin-appear .18s cubic-bezier(.2,0,0,1)}.pin__leader,.pin__anchor{animation:pin-appear .18s cubic-bezier(.2,0,0,1)}@keyframes pin-appear{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.pin__pill,.pin__leader,.pin__anchor{transition:none;animation:none}}.pin__leader{stroke:var(--marker-normal);stroke-width:2;transform-origin:0 0;transition:transform .22s cubic-bezier(.2,0,0,1)}.pin--warning .pin__leader{stroke:var(--marker-warning)}.pin--alarm .pin__leader{stroke:var(--marker-alarm)}.pin--offline .pin__leader,.pin--manual .pin__leader{stroke:var(--marker-offline)}.pin__text{font-size:13px;font-weight:700;fill:var(--marker-text)}.pin__name{font-size:12px;font-weight:600}.pin--warning .pin__body,.pin--warning .pin__pulse{stroke:var(--marker-warning)}.pin--warning .pin__dot,.pin--warning .pin__kind{fill:var(--marker-warning)}.pin--alarm .pin__body,.pin--alarm .pin__pulse{stroke:var(--marker-alarm)}.pin--alarm .pin__dot,.pin--alarm .pin__kind{fill:var(--marker-alarm)}.pin--offline .pin__body{stroke:var(--marker-offline);stroke-dasharray:4 3}.pin--offline .pin__dot{fill:var(--marker-fill);stroke:var(--marker-offline);stroke-dasharray:3 2}.pin--offline .pin__kind{fill:var(--marker-offline)}.pin--manual .pin__body{stroke:var(--marker-offline)}.pin--manual .pin__dot,.pin--manual .pin__kind{fill:var(--marker-offline)}.pin--selected .pin__body,.pin:hover .pin__body,.pin:focus-visible .pin__body{stroke-width:4}.pin--selected .pin__dot,.pin:hover .pin__dot,.pin:focus-visible .pin__dot{stroke-width:3;transform:scale(1.3)}.pin__pulse{fill:none;stroke-width:2;opacity:0}.pin--warning .pin__pulse{animation:pin-pulse 2.5s ease-out infinite}.pin--alarm .pin__pulse{animation:pin-pulse 1.2s ease-out infinite}@keyframes pin-pulse{0%{opacity:.9;stroke-width:2}to{opacity:0;stroke-width:22}}@media(prefers-reduced-motion:reduce){.pin--warning .pin__pulse,.pin--alarm .pin__pulse{animation:none;opacity:.45;stroke-width:12}}.markers--static .pin--warning .pin__pulse,.markers--static .pin--alarm .pin__pulse{animation:none;opacity:.45;stroke-width:12}.cluster{cursor:pointer;outline:none}.cluster__body{fill:var(--marker-fill);filter:drop-shadow(0 1px 3px var(--marker-shadow))}.cluster__ring{fill:none;stroke-width:5}.cluster__ring--normal{stroke:var(--marker-normal)}.cluster__ring--offline,.cluster__ring--manual{stroke:var(--marker-offline)}.cluster__ring--warning{stroke:var(--marker-warning)}.cluster__ring--alarm{stroke:var(--marker-alarm)}.cluster__count{font-size:14px;font-weight:800;fill:var(--marker-text)}.cluster:hover .cluster__body,.cluster:focus-visible .cluster__body{fill:var(--marker-hover)}.marker-tip{width:300px;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.marker-tip__head{display:flex;flex-direction:column}.marker-tip__reading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.marker-tip__param{padding-top:6px;color:var(--text-muted)}.marker-tip__value-block{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.marker-tip__value-block .reading__value{font-size:var(--text-xl)}.marker-tip__time{font-size:var(--text-xs);color:var(--text-muted)}.marker-tip__previous{font-size:var(--text-xs);color:var(--text-subtle)}.marker-tip__status{display:flex;justify-content:space-between;align-items:center}.marker-tip__state{font-weight:var(--weight-bold);color:var(--marker-normal)}.marker-tip__state--warning{color:var(--marker-warning)}.marker-tip__state--alarm{color:var(--marker-alarm)}.marker-tip__state--offline{color:var(--marker-normal)}.marker-tip__state--manual,.marker-tip__tx--manual{color:var(--text-muted)}.marker-tip__tx{display:inline-flex;align-items:center;gap:6px;font-weight:var(--weight-bold)}.marker-tip__tx:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.marker-tip__tx--online{color:var(--status-normal)}.marker-tip__tx--offline{color:var(--status-alarm)}.marker-tip__levels{display:flex;flex-wrap:wrap;gap:2px var(--space-3);margin:0;padding:0;list-style:none;font-size:var(--text-xs);color:var(--text-muted)}.marker-tip__extras{display:flex;flex-wrap:wrap;gap:2px var(--space-3);font-size:var(--text-xs)}.marker-tip__ranges{align-self:flex-start}.marker-tip__ranges .segmented__option{height:26px;padding:0 var(--space-3);font-size:var(--text-xs)}.mini-chart{display:block;width:100%;height:72px;background:var(--surface-2);border-radius:var(--radius-sm)}.mini-chart--empty{display:grid;place-items:center;font-size:var(--text-xs);color:var(--text-muted);background:linear-gradient(var(--border),var(--border)) bottom / 100% 1px no-repeat,repeating-linear-gradient(to bottom,transparent 0 23px,color-mix(in srgb,var(--border) 60%,transparent) 23px 24px),var(--surface-2)}.mini-chart__area{fill:color-mix(in srgb,var(--marker-normal) 12%,transparent)}.mini-chart__line{fill:none;stroke:var(--marker-normal);stroke-width:1.8;vector-effect:non-scaling-stroke}.mini-chart__level{stroke-width:1.2;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.marker-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.marker-layer__svg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible}.marker-layer__svg .pin,.marker-layer__svg .cluster,.marker-layer__tip{pointer-events:auto}.marker-layer__tip{position:absolute;z-index:25}.marker-layer__tip--card{animation:marker-card-in .2s var(--ease)}.marker-layer__tip--out{animation:marker-card-out .15s var(--ease) forwards}@keyframes marker-card-in{0%{opacity:0}}@keyframes marker-card-out{to{opacity:0}}@media(prefers-reduced-motion:reduce){.marker-layer__tip--card{animation:none}.marker-layer__tip--out{opacity:0}}.marker-tip-arrow{position:absolute;z-index:1;width:14px;height:14px;background:var(--surface);border:1px solid var(--border);transform:translate(-50%,-50%) rotate(45deg)}.marker-tip-arrow--above{top:100%;border-top:none;border-left:none}.marker-tip-arrow--below{top:0;border-bottom:none;border-right:none}.marker-tip-arrow--right{left:0;border-top:none;border-right:none}.marker-tip-arrow--left{left:100%;border-bottom:none;border-left:none}.markers--steady .pin__grow{transform-box:fill-box;transform-origin:center;animation:pin-grow .24s cubic-bezier(.2,0,0,1)}@keyframes pin-grow{0%{opacity:0;transform:scale(.25,.6)}}@media(prefers-reduced-motion:reduce){.markers--steady .pin__grow{animation:none}}.map{--map-sea: #cfe0ee;--map-land: #ffffff;--map-border: #9aa6c2;--map-river: #5a8fcb;--map-text: #59627a;--map-grid: #e7ebf3;position:relative;height:100%;min-height:360px;overflow:hidden;background:linear-gradient(var(--map-grid) 1px,transparent 1px) 0 0 / 80px 80px,linear-gradient(90deg,var(--map-grid) 1px,transparent 1px) 0 0 / 80px 80px,var(--surface-2)}:root[data-theme=dark] .map{--map-sea: #142456;--map-land: #16204a;--map-border: #3d4a80;--map-river: #6ea8e6;--map-text: #a8b1cc;--map-grid: #141c44}.map__svg{display:block;width:100%;height:100%;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.map__svg:active{cursor:grabbing}.map__sea{fill:var(--map-sea)}.map__sea-label{font-size:22px;font-style:italic;letter-spacing:.3em;fill:var(--map-river);opacity:.8;text-anchor:middle}.map__land{fill:var(--map-land);stroke:var(--map-border);stroke-width:1.2;vector-effect:non-scaling-stroke}.map__river{fill:none;stroke:var(--map-river);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.map__river-label{font-size:15px;font-style:italic;fill:var(--map-river)}.map__city circle{fill:var(--map-text)}.map__city text{font-size:15px;fill:var(--map-text)}.map__controls{z-index:20;position:absolute;top:var(--space-4);right:var(--space-4);display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3)}.map__options{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3)}.map__control-group{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.map__control{display:grid;place-items:center;width:34px;height:34px;color:var(--text);background:none;border:none;cursor:pointer}.map__control+.map__control{border-top:1px solid var(--border)}.map__control:hover,.map__control[aria-expanded=true]{background:var(--accent-soft);color:var(--accent)}.map__control svg{width:18px;height:18px}.map-options{display:grid;grid-template-columns:max-content minmax(220px,280px) max-content;gap:var(--space-5);width:max-content;max-width:calc(100vw - 140px);max-height:calc(100vh - 340px);overflow:auto;padding:var(--space-4) var(--space-5)}.map-options__col{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.map-options__col+.map-options__col{padding-left:var(--space-5);border-left:1px solid var(--border)}.map-options__basemaps{display:flex;flex-direction:column;gap:2px}.map-options .basemap-option{padding:4px var(--space-2)}.map-options .basemap-option__thumb{width:36px;height:26px}.map-options .basemap-option span:last-child{flex-direction:row;align-items:baseline;gap:var(--space-2);white-space:nowrap}.map-options .basemap-option strong{font-size:var(--text-sm)}.map-options__col .kind-toggles{justify-content:flex-start}.map-options__col .map-options__hint{max-width:220px}@media(max-width:900px){.map-options{grid-template-columns:1fr;width:auto}.map-options__col+.map-options__col{padding-left:0;border-left:none}}.basemap-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);font:inherit;text-align:left;color:var(--text);background:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer}.basemap-option span:last-child{display:flex;flex-direction:column}.basemap-option:hover{background:var(--surface-2)}.basemap-option[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.map-options__section{margin-top:var(--space-2)}.basemap-option__thumb{flex:none;width:44px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--border)}.basemap-option__thumb--vector{background:linear-gradient(135deg,#cfe0ee 30%,#fff 30%)}.basemap-option__thumb--osm{background:linear-gradient(135deg,#f2efe9 40%,#aad3df 40%,#aad3df 55%,#f2efe9 55%)}.basemap-option__thumb--terrain{background:repeating-radial-gradient(circle at 30% 70%,#d8e6c9 0,#d8e6c9 5px,#c5d8b0 5px,#c5d8b0 7px)}.basemap-option__thumb--satellite{background:radial-gradient(circle at 30% 30%,#5b7a3b,#2f4a24 60%,#23324a)}.map__note{position:absolute;right:var(--space-4);bottom:var(--space-4);max-width:320px;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--text-muted);background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid var(--border);border-radius:var(--radius-md)}.map-options .checkbox{font-size:var(--text-sm)}.map-options__group{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;border:none}.map-options .radio{font-size:var(--text-sm)}.map__zoom{overflow:visible}.map__slider-anchor{position:relative;border-top:1px solid var(--border)}.map__slider-anchor:first-child{border-top:none}.map__options--last{margin-top:var(--space-2)}.map__slider-anchor+.map__control{border-top:1px solid var(--border)}.zoom-slider{animation:zoom-slider-in .16s var(--ease);position:absolute;top:50%;right:calc(100% + 10px);width:260px;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);transform:translateY(-50%)}.zoom-slider input{flex:1;accent-color:var(--accent)}.map__tile{pointer-events:none}.map__attribution{position:absolute;right:0;bottom:0;z-index:5;margin:0;padding:1px 6px;font-size:11px;color:var(--text-muted);background:color-mix(in srgb,var(--surface) 80%,transparent);border-top-left-radius:var(--radius-sm);pointer-events:none}.basemap-option__thumb--light{background:linear-gradient(135deg,#f5f5f3 40%,#dfe3e8 40%,#dfe3e8 52%,#f5f5f3 52%)}.basemap-option__thumb--dark{background:linear-gradient(135deg,#3a3d42 40%,#55595f 40%,#55595f 52%,#3a3d42 52%)}.map__svg--tiles .map__city text{paint-order:stroke;stroke:#ffffffd9;stroke-width:3px;stroke-linejoin:round}.map__svg--dark-tiles .map__city circle,.map__svg--dark-tiles .map__city text{fill:#eef1f5}.map__svg--dark-tiles .map__city text{stroke:#14161ad9}.map-options__speed{display:grid;grid-template-columns:repeat(3,1fr)}.map-options__speed .segmented__option{justify-content:center;padding:0 var(--space-2)}.map__svg--zooming{cursor:ns-resize}.map-options__hint{margin:var(--space-1) 0 0}.map__hint{position:absolute;bottom:var(--space-4);z-index:5;display:flex;align-items:center;gap:var(--space-2);margin:0;padding:4px 4px 4px var(--space-3);font-size:var(--text-xs);color:var(--text-muted);background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-sm);transition:left .26s var(--ease)}.map__hint strong{color:var(--text)}.map__hint-close{display:grid;place-items:center;width:22px;height:22px;padding:0;color:var(--text-muted);cursor:pointer;background:none;border:none;border-radius:50%}.map__hint-close:hover{color:var(--text);background:var(--surface-2)}.map__hint-close svg{width:12px;height:12px}@keyframes zoom-slider-in{0%{opacity:0;transform:translate(8px,-50%)}}.zoom-slider--out{animation:zoom-slider-out .18s var(--ease) forwards}@keyframes zoom-slider-out{to{opacity:0;transform:translate(8px,-50%)}}@media(prefers-reduced-motion:reduce){.zoom-slider{animation:none}.zoom-slider--out{animation:none;opacity:0}}.location-picker{position:relative;overflow:hidden;border-radius:var(--radius-md)}.location-picker__marker{position:absolute;top:0;left:0;z-index:2;will-change:transform;pointer-events:none}.location-picker__marker-svg{display:block;overflow:visible}.location-picker__drag{z-index:3;pointer-events:auto;cursor:grab;touch-action:none}.location-picker__drag .pin{cursor:inherit}.location-picker__drag--dragging{cursor:grabbing}.location-picker__old{opacity:.45}.location-picker__controls{position:absolute;top:var(--space-2);right:var(--space-2);z-index:4;display:flex;gap:var(--space-2);align-items:flex-start}.location-picker__basemap .select{height:var(--control-height-sm);font-size:var(--text-sm)}.station-config{container-type:inline-size;display:flex;flex-direction:column;gap:var(--space-3)}.station-config__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}@container (min-width: 760px){.station-config__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.station-config__section{display:grid;align-content:start;gap:var(--space-2) var(--space-3);min-width:0;margin:0;padding:var(--space-2) var(--space-3) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md)}.station-config__section legend{padding:0 var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-bold)}.station-config__section:disabled{opacity:.85}.station-config__section .field{min-width:0}.station-config__section .input,.station-config__section .select{width:100%;min-width:0;height:var(--control-height-sm);font-size:var(--text-sm);text-overflow:ellipsis}.station-config__section .field__label{font-size:var(--text-xs)}.station-config__section .field__hint{margin:0}.station-config__wide{grid-column:1 / -1}.station-config__details{grid-template-columns:14ch minmax(0,1fr) minmax(0,1fr)}.station-config__name{grid-column:1 / span 2}.station-config__marker-row{display:grid;grid-template-columns:22px minmax(0,1fr);gap:var(--space-2);align-items:center}.station-config__marker-preview{display:block;overflow:visible}.station-config__main{grid-template-columns:repeat(2,19ch) minmax(0,1fr)}.station-config__level .input-group{width:12ch}.station-config__tile{grid-template-columns:repeat(2,minmax(0,1fr))}.station-config__logger{grid-template-columns:auto auto 1fr}.station-config__actions{position:sticky;bottom:0;z-index:1;display:flex;justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;background:var(--surface);border-top:1px solid var(--border)}.station-config__unsaved{margin-right:auto}.station-config__location{grid-template-columns:13ch 13ch minmax(0,1fr)}.station-config__location .input-group{width:100%}.station-config__logger{grid-column:1 / -1}.station-config__facts{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin:0}.station-config__facts dt{font-size:var(--text-xs);color:var(--text-muted)}.station-config__facts dd{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.station-config__locate{align-self:end;justify-self:start;height:var(--control-height-sm);max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.location-dialog{width:min(1000px,calc(100vw - 32px));max-width:none}.location-dialog__map{height:min(60vh,560px);margin-top:var(--space-3)}.location-dialog__map .map{height:100%}.location-dialog__coords{margin:var(--space-2) 0 0;font-variant-numeric:tabular-nums}.sa-section{display:flex;flex-direction:column;gap:var(--space-4)}.sa-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-4)}.sa-filter{display:flex;flex-direction:column;gap:var(--space-1)}.sa-count{margin-left:auto}.sa-detail{display:flex;flex-direction:column;gap:var(--space-4)}.sa-detail>.btn{align-self:flex-start}.sa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-4)}.sa-todo{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-muted);border-left:3px solid var(--status-warning);background:var(--surface-2);border-radius:var(--radius-sm)}.name-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.edit-user__password{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md)}.edit-user__password-row{display:flex;align-items:flex-end;gap:var(--space-2)}.edit-user__password-row .field{flex:1}.user-row--inactive td{color:var(--text-subtle)}.users-section{display:flex;flex-direction:column;gap:var(--space-5);max-width:1100px;padding:var(--space-6)}.users-section h2,.users-section h3,.users-section p{margin:0}.add-user-form,.edit-user{display:flex;flex-direction:column;gap:var(--space-4);max-width:560px}.edit-user__back{align-self:flex-start}.edit-user__actions{display:flex;gap:var(--space-2)}.kind-toggles{display:flex;justify-content:center;gap:var(--space-2)}.kind-toggle{--kind-toggle: var(--kind-hydro);display:grid;place-items:center;width:34px;height:30px;padding:0;color:var(--kind-toggle);cursor:pointer;background:color-mix(in srgb,var(--kind-toggle) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--kind-toggle) 45%,transparent);border-radius:var(--radius-md);transition:color var(--duration) var(--ease),background var(--duration) var(--ease),border-color var(--duration) var(--ease)}.kind-toggle[data-kind=meteo]{--kind-toggle: var(--kind-meteo)}.kind-toggle[data-kind=rain]{--kind-toggle: var(--kind-rain)}.kind-toggle[data-kind=water_quality]{--kind-toggle: var(--kind-water-quality)}.kind-toggle[data-kind=sewer]{--kind-toggle: var(--kind-sewer)}.kind-toggle svg{width:17px;height:17px}.kind-toggle[aria-pressed=false]{color:color-mix(in srgb,var(--text-muted) 55%,transparent);background:var(--surface-2);border-color:var(--border)}.kind-toggle:hover:not(:disabled){border-color:var(--kind-toggle)}.kind-toggle:disabled{cursor:default;opacity:.2}.kind-tip{--kind-tip: var(--kind-hydro);position:fixed;z-index:300;padding:5px 10px 5px 9px;font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:1.4;white-space:nowrap;color:var(--text);pointer-events:none;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--kind-tip);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transform:translate(-50%);animation:kind-tip-in .14s var(--ease)}.kind-tip[data-kind=meteo]{--kind-tip: var(--kind-meteo)}.kind-tip[data-kind=rain]{--kind-tip: var(--kind-rain)}.kind-tip[data-kind=water_quality]{--kind-tip: var(--kind-water-quality)}.kind-tip[data-kind=sewer]{--kind-tip: var(--kind-sewer)}.kind-tip__arrow{position:absolute;top:-5px;width:8px;height:8px;background:var(--surface);border-top:1px solid var(--border);border-left:1px solid var(--border);transform:translate(-50%) rotate(45deg)}@keyframes kind-tip-in{0%{opacity:0;transform:translate(-50%,4px)}}@media(prefers-reduced-motion:reduce){.kind-tip{animation:none}}.sc-chart{position:relative;height:80px;padding-bottom:16px;background:var(--surface-2);border-radius:var(--radius-sm)}.sc-chart--empty{display:grid;place-items:center;font-size:var(--text-xs);color:var(--text-muted)}.sc-chart svg{display:block}.sc-chart__area{fill:color-mix(in srgb,var(--sc-kind) 14%,transparent)}.sc-chart__line{fill:none;stroke:var(--sc-kind);stroke-width:2;stroke-linejoin:round}.sc-chart__level{stroke-width:1.2;stroke-dasharray:4 3}.sc-chart__level--warning{stroke:var(--level-warning)}.sc-chart__level--alarm{stroke:var(--level-alarm)}.sc-chart__dot{position:absolute;width:8px;height:8px;background:var(--sc-kind);border:2px solid var(--surface);border-radius:50%;transform:translate(-50%,-50%)}.sc-chart{cursor:crosshair}.sc-chart__cross{position:absolute;top:0;bottom:16px;width:0;border-left:1px solid var(--text-muted);pointer-events:none}.sc-chart__dot--hover{width:9px;height:9px;background:var(--surface);border:2px solid var(--sc-kind)}.sc-chart__readout{position:absolute;top:3px;padding:1px 6px;font-size:11px;font-weight:var(--weight-bold);white-space:nowrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);pointer-events:none}.sc-chart__gap{fill:color-mix(in srgb,var(--text-muted) 12%,transparent)}.sc-chart__gaptext{position:absolute;top:0;right:0;bottom:16px;display:grid;place-items:center;padding:0 4px;font-size:11px;color:var(--text-muted);text-align:center;pointer-events:none}.sc-chart__axis{position:absolute;right:6px;bottom:1px;left:6px;display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted)}.param-icon{display:inline-flex;flex:none;color:var(--text-muted)}.param-icon svg{display:block;width:100%;height:100%}.rain-bars{display:grid;gap:3px;margin:0;padding:0;list-style:none}.rain-bar{display:grid;grid-template-columns:30px 1fr 64px;column-gap:var(--space-2);align-items:center;font-size:var(--text-xs);line-height:14px}.rain-bar__period{color:var(--text-muted)}.rain-bar__track{position:relative;height:8px;border-radius:var(--radius-full);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.rain-bar__fill{position:absolute;inset:0 auto 0 0;max-width:100%;border-radius:var(--radius-full);background:var(--sc-kind, var(--marker-normal))}.rain-bar--warning .rain-bar__fill{background:var(--status-warning)}.rain-bar--alarm .rain-bar__fill{background:var(--status-alarm)}.rain-bar--nodata .rain-bar__fill{background:var(--status-nodata)}.rain-bar__mark{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;border-radius:1px}.rain-bar__mark--warning{background:var(--level-warning)}.rain-bar__mark--alarm{background:var(--level-alarm)}.rain-bar__value{text-align:right;font-weight:var(--weight-bold)}.rain-bar--warning .rain-bar__value{color:var(--status-warning)}.rain-bar--alarm .rain-bar__value{color:var(--status-alarm)}.rain-col{fill:var(--sc-kind, var(--marker-normal))}.rain-col--hover{fill:color-mix(in srgb,var(--sc-kind, var(--marker-normal)) 70%,var(--text))}.sc{--sc-kind: var(--kind-hydro);--sc-state: transparent;display:flex;flex-direction:column;gap:var(--space-2);width:340px;padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--sc-kind);border-radius:var(--radius-md);box-shadow:0 10px 30px #0f143233;cursor:pointer;outline:none;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.sc:hover,.sc:focus-visible{border-color:var(--border-strong);border-left-color:var(--sc-kind);box-shadow:0 12px 34px #0f143242,0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.sc[data-kind=rain]{--sc-kind: var(--kind-rain)}.sc[data-kind=meteo]{--sc-kind: var(--kind-meteo)}.sc[data-kind=water_quality]{--sc-kind: var(--kind-water-quality)}.sc[data-kind=sewer]{--sc-kind: var(--kind-sewer)}.sc[data-state=warning]{--sc-state: var(--status-warning)}.sc[data-state=alarm]{--sc-state: var(--status-alarm)}.sc[data-state=offline],.sc[data-state=manual]{--sc-state: var(--status-nodata)}.sc__head{display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.sc__title{flex:1}.sc__gear{display:grid;flex:none;place-items:center;width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:none;border:1px solid transparent;border-radius:var(--radius-sm)}.sc__gear:hover,.sc__gear[aria-expanded=true]{color:var(--text);background:var(--surface-2);border-color:var(--border)}.sc__gear svg{width:16px;height:16px}.sc__picker{overflow:hidden;animation:sc-picker-unfold .22s cubic-bezier(.2,0,0,1);display:flex;flex-direction:column;gap:6px;padding:var(--space-2) var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:default}.sc__picker .btn{align-self:flex-end}.sc__pick{display:flex;align-items:center;gap:6px;font-size:var(--text-sm)}.sc__title{margin:0;font-size:var(--text-lg);line-height:1.25}.sc__meta{display:flex;align-items:center;gap:var(--space-2)}.sc__kind{display:grid;flex:none;place-items:center;width:28px;height:28px;color:#fff;background:var(--sc-kind);border-radius:8px}.sc__kind svg{width:17px;height:17px}.sc__place{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc__state{display:inline-flex;flex:none;align-items:center;gap:5px;padding:2px 8px;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);border:1px solid var(--border);border-radius:999px}.sc:not([data-state=normal]) .sc__state{color:var(--sc-state);border-color:var(--sc-state);background:color-mix(in srgb,var(--sc-state) 10%,transparent)}.sc__main{display:flex;align-items:baseline;gap:var(--space-2)}.sc__sensor{display:inline-flex;flex:none;align-self:center;color:var(--text-muted)}.sc__value{font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:1.1;white-space:nowrap}.sc__unit{margin-left:4px;font-size:var(--text-md);font-weight:var(--weight-normal);color:var(--text-muted)}.sc__trend{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.sc__time{margin-left:auto;white-space:nowrap}.sc__trend--up,.sc__trend--down{font-weight:var(--weight-bold);color:var(--text)}.sc[data-state=warning] .sc__trend--up,.sc[data-state=alarm] .sc__trend--up{color:var(--sc-state)}.sc__levels{display:flex;flex-wrap:wrap;align-items:center;gap:4px var(--space-2);margin:0;font-size:var(--text-xs)}.sc__level{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;color:var(--text-muted);background:var(--surface-2);border-radius:999px}.sc__level strong{color:var(--text)}.sc__level--warning[data-over]{color:var(--status-warning);background:color-mix(in srgb,var(--status-warning) 14%,transparent)}.sc__level--alarm[data-over]{color:var(--status-alarm);background:color-mix(in srgb,var(--status-alarm) 14%,transparent)}.sc__level[data-over] strong{color:inherit}.sc__where{flex-basis:100%;color:var(--text-muted)}.sc:is([data-state=warning],[data-state=alarm]) .sc__where{font-weight:var(--weight-bold);color:var(--sc-state)}.sc__foot{display:flex;flex-wrap:wrap;align-items:center;gap:4px var(--space-3)}.sc__extra{display:inline-flex;align-items:center;gap:4px}.sc__open{margin-left:auto;font-weight:var(--weight-bold);color:var(--accent)}@media(prefers-reduced-motion:reduce){.sc{transition:none}}.sc__pick--setting{align-items:flex-start;margin-top:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--border)}@keyframes sc-picker-unfold{0%{max-height:0;padding-top:0;padding-bottom:0;opacity:0}to{max-height:480px}}@media(prefers-reduced-motion:reduce){.sc__picker{animation:none}}.marker-layer__tip:has(.sc){--tip-kind: var(--kind-hydro)}.marker-layer__tip:has(.sc[data-kind=rain]){--tip-kind: var(--kind-rain)}.marker-layer__tip:has(.sc[data-kind=meteo]){--tip-kind: var(--kind-meteo)}.marker-layer__tip:has(.sc[data-kind=water_quality]){--tip-kind: var(--kind-water-quality)}.marker-layer__tip:has(.sc[data-kind=sewer]){--tip-kind: var(--kind-sewer)}.marker-layer__tip:has(.sc) .marker-tip-arrow--right{width:0;height:0;background:none;border:none;border-top:8px solid transparent;border-right:8px solid var(--tip-kind);border-bottom:8px solid transparent;transform:translate(-100%,-50%)}.crisis-map{position:relative;min-height:320px;overflow:hidden}.crisis-map>.map{position:absolute;top:0;right:0;bottom:0;left:0}.crisis-table{table-layout:fixed}.crisis-table th,.crisis-table td{padding:var(--space-2) var(--space-3);vertical-align:top}.crisis-table tbody th[scope=row]{width:45%;font-weight:var(--weight-normal);color:var(--text);background:none;white-space:nowrap}.crisis-table tbody th[scope=row] .state-glyph{margin-right:var(--space-2);vertical-align:-1px}.crisis-table__name{display:inline-block;max-width:calc(100% - 22px);overflow:hidden;text-overflow:ellipsis;vertical-align:top}.crisis-table__group th{color:var(--text)}.crisis-table__group .state-glyph{margin-right:var(--space-2);vertical-align:-1px}.crisis-table__group-status{float:right;font-weight:var(--weight-normal);color:var(--text-muted)}.crisis-table__section th{padding-top:var(--space-1);padding-bottom:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-subtle);background:none}.crisis-table__section span{font-weight:var(--weight-normal)}.crisis-table__silent th[scope=row]{color:var(--text-muted)}.crisis-table__pick{padding:0;font:inherit;font-weight:var(--weight-bold);color:var(--accent);cursor:pointer;background:none;border:0}.crisis-table__pick:hover{text-decoration:underline}.crisis-table__none{padding:var(--space-5);color:var(--text-muted)}.crisis-cell__main,.crisis-cell__sub{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.crisis-cell__main{font-variant-numeric:tabular-nums;line-height:20px}.crisis-cell__sub{line-height:16px}.crisis-cell--warning .crisis-cell__main,.crisis-cell__rise--fast{font-weight:var(--weight-bold);color:var(--status-warning)}.crisis-cell--alarm .crisis-cell__main{font-weight:var(--weight-bold);color:var(--status-alarm)}.crisis-fill{display:block;height:5px;margin:3px 0 2px;overflow:hidden;background:var(--surface-3);border-radius:var(--radius-full)}.crisis-fill span{display:block;height:100%;background:var(--kind-hydro)}.crisis-cell--warning .crisis-fill span{background:var(--status-warning)}.crisis-cell--alarm .crisis-fill span{background:var(--status-alarm)}.station-list{display:flex;flex-direction:column;min-height:0;background:var(--surface-2);border-right:1px solid var(--border)}.station-list__header{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--border)}.station-list__seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,330px);margin:0 auto}.station-list__seg .segmented__option{justify-content:center;height:30px;padding:0 6px;white-space:nowrap}.station-list__count{min-width:22px;padding:0 5px;font-size:11px;font-weight:var(--weight-bold);line-height:17px;text-align:center;color:var(--text-muted);background:color-mix(in srgb,var(--text-muted) 14%,transparent);border-radius:9px}.segmented__option[aria-pressed=true] .station-list__count{color:var(--accent);background:var(--accent-contrast)}.station-list__tiles{position:relative;flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:var(--space-3)}.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 var(--space-3);font:inherit;font-size:var(--text-xs);color:var(--text-muted);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-full);cursor:pointer}.chip:hover{color:var(--text)}.chip[aria-pressed=true]{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.chip__count{opacity:.75}.extra__name{color:var(--text-muted)}.extra__name svg{width:12px;height:12px;margin-left:3px;vertical-align:-1px}.trend svg{width:14px;height:14px;color:var(--text-muted)}.trend--up svg{transform:rotate(-90deg)}.trend--down svg{transform:rotate(90deg)}.dev-fill{position:relative;display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2)}.dev-fill__row{display:flex;align-items:center;gap:var(--space-1)}.dev-fill__help{position:absolute;top:calc(100% + 4px);left:0;z-index:30;width:340px;font-size:var(--text-sm)}.dev-fill__help ol{margin:var(--space-2) 0 0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.dev-fill__help code{font-family:var(--font-mono);font-size:var(--text-xs);padding:1px 4px;background:var(--surface-3);border-radius:4px}.station-settings{max-width:480px;max-height:calc(100vh - 32px);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5)}.station-settings .modal__title{margin-bottom:0;font-size:var(--text-lg)}.station-settings__uid{font-family:var(--font-mono);font-weight:var(--weight-bold);color:var(--text)}.hidden-kinds{flex:none;margin:0;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-muted);text-align:center;background:var(--surface-2);border-top:1px solid var(--border)}.hidden-kinds__all{padding:0;font:inherit;color:var(--accent);text-decoration:underline;cursor:pointer;background:none;border:none}.crisis{--crisis-alarm: var(--status-alarm);--crisis-warning: var(--status-warning);--crisis-normal: var(--status-normal);--crisis-nodata: var(--status-nodata);display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg);color:var(--text)}.crisis__header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-6);padding:var(--space-3) var(--space-5);background:var(--surface);border-bottom:1px solid var(--border)}.crisis__header h2{margin:0;font-size:var(--text-xl)}.crisis__org{color:var(--text-muted);font-weight:var(--weight-normal)}.crisis__meta{display:flex;align-items:center;gap:var(--space-3);margin-left:auto;color:var(--text-muted);font-size:var(--text-sm)}.crisis__error{margin:var(--space-3) var(--space-5) 0}.crisis__loading{padding:var(--space-6);color:var(--text-muted)}.crisis-window{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4)}.crisis-window__since{display:flex;align-items:center;gap:var(--space-2)}.crisis-window__since label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.crisis-window__since .input{height:var(--control-height-sm);width:auto}.crisis-window__current{font-size:var(--text-sm);font-weight:var(--weight-bold)}.crisis-window__problem{width:100%;margin:0;color:var(--danger);font-size:var(--text-sm)}.crisis-banner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-8);padding:var(--space-3) var(--space-5);border-bottom:4px solid var(--crisis-tone);background:var(--surface)}.crisis-banner--alarm{--crisis-tone: var(--crisis-alarm)}.crisis-banner--warning{--crisis-tone: var(--crisis-warning)}.crisis-banner--normal{--crisis-tone: var(--crisis-normal)}.crisis-banner--nodata{--crisis-tone: var(--crisis-nodata)}.crisis-banner__status{display:flex;flex-direction:column;min-width:220px;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);background:var(--crisis-tone);color:#fff}.crisis-banner__caption{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em}.crisis-banner__status strong{font-size:var(--text-4xl);line-height:1.1;text-transform:uppercase}.crisis-banner__counts{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.crisis-count{display:flex;flex-direction:column;min-width:96px;padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted)}.crisis-count strong{font-size:var(--text-3xl);line-height:1.1;color:var(--text)}.crisis-count span{font-size:var(--text-xs)}.crisis-count--on.crisis-count--alarm{border-color:var(--crisis-alarm);box-shadow:inset 4px 0 0 var(--crisis-alarm)}.crisis-count--on.crisis-count--warning{border-color:var(--crisis-warning);box-shadow:inset 4px 0 0 var(--crisis-warning)}.crisis-count--on.crisis-count--nodata{box-shadow:inset 4px 0 0 var(--crisis-nodata)}.crisis-banner__rules{margin:0 0 0 auto;max-width:320px;color:var(--text-muted);font-size:var(--text-xs)}.crisis-sim{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-2) var(--space-5);background:repeating-linear-gradient(-45deg,var(--warning-soft),var(--warning-soft) 12px,var(--surface) 12px,var(--surface) 24px);border-bottom:2px solid var(--crisis-warning)}.crisis-sim__badge{padding:2px var(--space-3);border-radius:var(--radius-sm);background:var(--crisis-warning);color:#000;font-size:var(--text-lg);letter-spacing:.08em;text-transform:uppercase}.crisis-sim__note{font-size:var(--text-sm);font-weight:var(--weight-bold)}.crisis-sim__time{display:flex;align-items:center;gap:var(--space-2);font-variant-numeric:tabular-nums}.crisis-sim__time input{width:min(320px,40vw)}.crisis-sim__speed{display:flex;gap:var(--space-1)}.crisis__body--sim{outline:3px dashed var(--crisis-warning);outline-offset:-3px}.crisis__bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-5);padding:var(--space-2) var(--space-5);border-bottom:1px solid var(--border);background:var(--surface)}.crisis-catchments{display:flex;flex-wrap:wrap;gap:var(--space-1)}.crisis__labels{margin-left:auto;font-size:var(--text-sm)}.crisis__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,34%);flex:1;min-height:0}.crisis__table{overflow:auto;border-left:1px solid var(--border);background:var(--surface)}@media(max-width:900px){.crisis__body{grid-template-columns:1fr;grid-template-rows:55vh auto}.crisis__table{border-left:0;border-top:1px solid var(--border)}.crisis-banner__rules{margin-left:0}}.module-panel{position:absolute;inset:var(--space-3);z-index:40;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;pointer-events:auto;animation:module-panel-in .18s var(--ease)}@keyframes module-panel-in{0%{opacity:0;transform:translateY(8px)}}.module-panel__head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.module-panel__title{flex:1;margin:0;font-size:var(--text-xl)}.module-panel__body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4)}.module-panel__body>.card>h2:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.module-panel__body>.card{padding:0;border:none;box-shadow:none;background:none}@media(prefers-reduced-motion:reduce){.module-panel{animation:none}}.export-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:var(--space-4);background:#1b1f3b6b}.export-card-window{display:flex;flex-direction:column;width:min(760px,100%);max-height:100%;overflow:hidden;background:var(--surface);border-radius:16px;box-shadow:var(--shadow-lg)}.export-head{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-2)}.export-head h2{margin:0;font-size:18px}.export-head p{margin:2px 0 0;font-size:13px}.export-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin:0;padding:var(--space-2) var(--space-5);list-style:none}.export-steps li{display:flex;align-items:center;gap:var(--space-2);padding:6px 10px;font-size:13px;color:var(--text-muted);border-radius:10px}.export-steps__no{display:grid;place-items:center;flex:none;width:22px;height:22px;font-size:12px;font-weight:700;border:1.5px solid var(--border-strong);border-radius:50%}.export-steps__no svg{width:13px;height:13px}.export-steps li[data-state=current]{color:var(--text);font-weight:700;background:var(--accent-soft)}.export-steps li[data-state=current] .export-steps__no{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.export-steps li[data-state=done] .export-steps__no{color:#fff;background:var(--status-normal);border-color:var(--status-normal)}.export-body{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-5)}.export-step{display:flex;flex-direction:column;gap:var(--space-4)}.export-step section{display:flex;flex-direction:column;gap:var(--space-2)}.export-step__title{margin:0;font-size:13.5px}.export-hint{display:block;margin:0;font-size:12px;font-weight:400;color:var(--text-muted)}.export-pills{display:flex;flex-wrap:wrap;gap:6px}.export-pill{padding:5px 12px;font:inherit;font-size:12.5px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:999px;cursor:pointer}.export-pill[aria-pressed=true]{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.export-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-2)}.export-row>span{align-self:center}.export-row__num{width:80px}.timeline{position:relative;overflow:hidden;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.timeline svg{display:block}.timeline__bar{fill:color-mix(in srgb,var(--accent) 35%,transparent)}.timeline__tick{stroke:var(--border-strong)}.timeline__label{font-size:10px;fill:var(--text-muted)}.timeline__selection{position:absolute;top:3px;bottom:3px;background:color-mix(in srgb,var(--accent) 22%,transparent);border:1.5px solid var(--accent);border-radius:6px;cursor:grab}.timeline__handle{position:absolute;top:50%;height:26px;background:var(--surface);border:1.5px solid var(--accent);border-radius:4px;transform:translateY(-50%);cursor:ew-resize}.timeline__handle--start{left:-6px}.timeline__handle--end{right:-6px}.export-cards{display:grid;gap:var(--space-2)}.export-card,.export-tile{display:flex;align-items:flex-start;gap:var(--space-2);padding:10px 12px;border:1px solid var(--border);border-radius:10px;cursor:pointer}.export-card[data-checked],.export-tile[data-checked]{background:var(--accent-soft);border-color:var(--accent)}.export-card input,.export-tile input{margin-top:3px}.export-card__text{display:block;font-size:12.5px;color:var(--text-muted)}.export-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.export-tile{align-items:center}.export-meta{font-size:13px}.export-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;overflow:hidden;background:var(--border);border:1px solid var(--border);border-radius:10px}.export-summary>div{padding:8px 12px;background:var(--surface)}.export-summary dt{font-size:11.5px;color:var(--text-muted)}.export-summary dd{margin:0;font-weight:700}.export-preview{overflow-x:auto;border:1px solid var(--border);border-radius:10px}.export-preview .table{font-variant-numeric:tabular-nums}.export-file{margin:0;font-size:13px;word-break:break-all}.export-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border)}.export-foot__info{font-size:12.5px;color:var(--text-muted)}.export-foot__error{color:var(--danger)}.export-foot__buttons{display:flex;gap:var(--space-2)}.cal{position:relative}.lab-range.cal-trigger{flex-direction:row;white-space:nowrap;gap:6px}.cal-trigger svg{width:14px;height:14px}.cal-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:5;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.cal-arrow{display:grid;place-items:center;width:28px;height:28px;padding:0;color:var(--text-muted);background:none;border:none;border-radius:var(--radius-full);cursor:pointer}.cal-arrow:hover{color:var(--text);background:var(--surface-2)}.cal-arrow svg{width:16px;height:16px}.cal-months{display:flex;gap:var(--space-5, 24px)}.cal-month__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.cal-month__title{font-size:13px;font-weight:600}.cal-title-btn{padding:2px 4px;font:inherit;color:var(--text);background:none;border:none;border-radius:var(--radius-sm)}button.cal-title-btn{cursor:pointer}button.cal-title-btn:hover{color:var(--accent);background:var(--surface-2)}.cal-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:238px;padding-top:4px}.cal-quick__option{height:48px;font:inherit;font-size:13px;color:var(--text);background:none;border:none;border-radius:var(--radius-md);cursor:pointer}.cal-quick__option:hover:not(:disabled){background:var(--surface-2)}.cal-quick__option[aria-pressed=true]{color:var(--accent-contrast);background:var(--accent);font-weight:600}.cal-quick__option:disabled{color:var(--text-muted);opacity:.4;cursor:default}.cal-quick__option:focus-visible,.cal-title-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.cal-month__end{margin-right:4px;padding:1px 6px;font-size:11px;color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-full)}.cal-grid{display:grid;grid-template-columns:repeat(7,34px);row-gap:2px}.cal-weekday{padding-bottom:4px;text-align:center;font-size:11px;color:var(--text-muted)}.cal-day{height:32px;padding:0;font:inherit;font-size:13px;font-variant-numeric:tabular-nums;color:var(--text);background:none;border:none;border-radius:var(--radius-md);cursor:pointer}.cal-day:hover:not(:disabled){background:var(--surface-2)}.cal-day:disabled{color:var(--text-muted);opacity:.4;cursor:default}.cal-day--today{box-shadow:inset 0 0 0 1px var(--border-strong)}.cal-day--inside,.cal-day--inside:hover:not(:disabled){background:var(--accent-soft);border-radius:0}.cal-day--edge,.cal-day--edge:hover:not(:disabled){color:var(--accent-contrast);background:var(--accent);font-weight:600}.cal-day--from{border-radius:var(--radius-md) 0 0 var(--radius-md)}.cal-day--to{border-radius:0 var(--radius-md) var(--radius-md) 0}.cal-day:focus-visible,.cal-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.cal-footer{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.cal-summary{flex:1;font-size:13px;color:var(--text-muted)}@media(max-width:560px){.cal-months{flex-direction:column}}:root[data-theme=light]{--lab-series-1: #2a78d6;--lab-series-2: #1baf7a;--lab-series-3: #4a3aa7;--lab-series-4: #e87ba4;--lab-background: #a3abb5}:root[data-theme=dark]{--lab-series-1: #3987e5;--lab-series-2: #199e70;--lab-series-3: #9085e9;--lab-series-4: #d55181;--lab-background: #6b7480}.lab-chart{position:relative;-webkit-user-select:none;user-select:none}.lab-chart svg{display:block;outline:none}.lab-chart svg:focus-visible{box-shadow:0 0 0 2px var(--accent);border-radius:var(--radius-sm)}.lab-grid{stroke:color-mix(in srgb,var(--border) 70%,transparent);stroke-width:1}.lab-grid--month{stroke-dasharray:4 4}.lab-baseline{stroke:var(--border-strong)}.lab-axis{font-size:11px;fill:var(--text-muted);font-variant-numeric:tabular-nums}.lab-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.lab-bar{opacity:.85}.lab-ref{stroke-width:1.2;stroke-dasharray:5 4}.lab-ref-label{font-size:11px;fill:var(--text-muted);font-variant-numeric:tabular-nums}.lab-cross line{stroke:var(--text-muted);stroke-width:1;stroke-dasharray:3 3}.lab-points circle{stroke:var(--surface);stroke-width:1.5}.lab-extreme line{stroke-width:1.5}.lab-extreme__ring{fill:var(--surface);stroke-width:2.5}.lab-extreme__chip{fill:var(--surface);stroke-width:1.5;filter:drop-shadow(0 1px 3px rgb(0 0 0 / .18))}.lab-extreme text{font-size:11.5px;font-weight:600;fill:var(--text);font-variant-numeric:tabular-nums}.lab-cross circle{stroke:var(--surface);stroke-width:2}.lab-overlay{fill:transparent;cursor:crosshair}.lab-brush{fill:color-mix(in srgb,var(--accent) 14%,transparent);stroke:var(--accent);stroke-width:1}.lab-tip{position:absolute;z-index:2;display:flex;flex-direction:column;gap:4px;min-width:160px;padding:8px 12px;font-size:13px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);transform:translateY(-50%);pointer-events:none}.lab-tip__date{font-size:12px;color:var(--text-muted)}.lab-tip__row{display:grid;grid-template-columns:14px auto 1fr;align-items:center;gap:8px}.lab-tip__key{width:14px;height:3px;border-radius:2px}.lab-tip__value{font-weight:700}.lab-tip__label{color:var(--text-muted)}.lab-tip__own{font-size:12px}.lab-tip--small{top:-6px;min-width:0;padding:6px 10px;transform:none}.lab-yzoom__handle{fill:transparent;cursor:ns-resize;transition:fill var(--duration) var(--ease)}.lab-yzoom:hover .lab-yzoom__handle{fill:color-mix(in srgb,var(--accent) 6%,transparent)}.lab-yzoom__icon path{fill:none;stroke:var(--text-muted);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.45;transition:opacity var(--duration) var(--ease)}.lab-yzoom:hover .lab-yzoom__icon path{opacity:1;stroke:var(--accent)}.lab-yzoom__icon{pointer-events:none}.lab-reset{position:absolute;z-index:2;padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text);font:inherit;font-size:12px;box-shadow:var(--shadow-md);cursor:pointer}.lab-reset:hover{background:var(--surface-2)}.lab-reset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lab-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.lab-controls__right{display:flex;flex-wrap:wrap;gap:var(--space-2)}.lab-ranges{display:flex;flex-wrap:wrap;gap:var(--space-1)}.lab-range{display:flex;flex-direction:column;align-items:center;min-width:52px;padding:4px 8px;font:inherit;font-size:12px;color:var(--text);background:none;border:none;border-radius:var(--radius-md);cursor:pointer}.lab-range:hover{background:var(--surface-2)}.lab-range[aria-pressed=true]{background:var(--surface-3);font-weight:600}.lab-legend{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.lab-legend__item{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;font:inherit;font-size:13px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;cursor:pointer}.lab-legend__item[aria-pressed=false]{opacity:.45}.lab-legend__key{width:14px;height:3px;border-radius:2px}.lab-legend__key--dashed{height:0;border-top:2px dashed;border-radius:0}.lab-stack__row+.lab-stack__row{border-top:1px solid var(--border)}.lab-stack__title{margin:var(--space-2) 0 0 var(--space-3);font-size:12px;color:var(--text-muted)}.lab-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.lab-stat{display:flex;flex-direction:column;padding:var(--space-4) var(--space-4) 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.lab-stat__value{font-size:22px;line-height:1.1}.lab-stat__label,.lab-stat__change{font-size:13px;color:var(--text-muted)}.lab-stat__chart{position:relative;margin:var(--space-2) calc(-1 * var(--space-4)) 0}.lab-stat__chart svg{display:block}.lab-options{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.lab-hint{margin-top:var(--space-2);font-size:12px;color:var(--text-muted)}.lab-card{padding:var(--space-4)}.lab-frame{border:1px solid var(--border);border-radius:var(--radius-md)}.lab-frame__controls{padding:var(--space-2) var(--space-3) 0;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.lab-frame__controls--below{padding:var(--space-2) var(--space-3);border-top:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-bottom:none}.lab-frame__controls--below .lab-controls{align-items:center;margin-bottom:0}.lab-frame__controls--below .lab-controls__right{align-items:center}.lab-controls__sep{width:1px;height:22px;margin-inline:2px;background:var(--border)}.lab-frame__controls--below .cal-panel,.lab-frame__controls--below .chart-menu__panel{top:auto;bottom:calc(100% + 6px)}.chart-menu{position:relative}.chart-menu__trigger{display:grid;place-items:center;width:30px;height:30px;padding:0;color:var(--text-muted);background:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer}.chart-menu__trigger:hover,.chart-menu__trigger[aria-expanded=true]{color:var(--text);background:var(--surface-2);border-color:var(--border)}.chart-menu__trigger svg{width:16px;height:16px}.chart-menu__trigger:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chart-menu__panel{position:absolute;top:calc(100% + 6px);right:0;z-index:6;width:270px;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.chart-options{display:flex;flex-direction:column;gap:var(--space-3);font-size:13px}.chart-options section{display:flex;flex-direction:column;gap:4px}.chart-options section+section{padding-top:var(--space-3);border-top:1px solid var(--border)}.chart-menu__title{margin:0 0 2px;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--text-muted);text-transform:uppercase}.chart-menu__check{display:flex;align-items:flex-start;gap:8px;cursor:pointer}.chart-menu__check input{margin:2px 0 0;accent-color:var(--accent)}.chart-menu__check--main{font-weight:600}.chart-menu__sub{display:flex;flex-direction:column;gap:4px;padding-left:22px}.chart-menu__level{flex:none;width:14px;margin-top:8px;border-top:2px dashed}.chart-menu__hint{display:block;font-size:11px;color:var(--text-muted)}.chart-menu__series{flex:none;width:14px;height:3px;margin-top:7px;border-radius:2px}.lab-under{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2)}.lab-under__note{font-size:12px;color:var(--text-muted)}.lab-under .btn svg{width:14px;height:14px}.lab-under--notes:empty{display:none}.lab-under__icon{padding-inline:7px}.lab-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#080c1c61;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.lab-card--big{position:fixed;top:4vh;right:4vw;bottom:4vh;left:4vw;z-index:91;display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-lg);transform-origin:top left}.lab-card--big.lab-card--compact{top:0;right:0;bottom:0;left:0;width:min(1440px,94vw);height:fit-content;max-height:92vh;margin:auto}.lab-card--compact .lab-big,.lab-card--compact .lab-big__chart{flex:none}.lab-big__head{display:flex;align-items:center;justify-content:space-between}.lab-big__head h4{margin:0;font-size:15px}.lab-card--big .lab-big{display:grid;flex:1;grid-template-columns:minmax(0,1fr) 250px;gap:var(--space-4);min-height:0}.lab-card--big .lab-frame{display:flex;flex-direction:column;min-height:0}.lab-card--big .lab-big__chart{flex:1;min-height:0;overflow:hidden}.lab-big__side{overflow-y:auto;padding-right:var(--space-1)}@media(max-width:800px){.lab-card--big{top:8px;right:8px;bottom:8px;left:8px}.lab-card--big .lab-big{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.lab-big__side{max-height:30vh}}.ref-chart .lab-ranges{flex-wrap:nowrap;gap:3px;padding:3px;background:var(--surface-3);border-radius:var(--radius-md)}.ref-chart .lab-range{flex-direction:row;justify-content:center;gap:6px;height:24px;min-width:0;padding:0 10px;font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;border-radius:var(--radius-sm)}.ref-chart .lab-range:hover{color:var(--text);background:none}.ref-chart .lab-range[aria-pressed=true]{color:var(--accent-contrast);background:var(--accent);font-weight:var(--weight-bold)}.ref-chart .lab-controls__right{align-items:center}.ref-chart .lab-frame__controls--below .chart-menu__trigger{width:var(--control-height-sm);height:var(--control-height-sm);color:var(--text);background:var(--surface);border-color:var(--border-strong)}.ref-chart .lab-frame__controls--below .chart-menu__trigger:hover,.ref-chart .lab-frame__controls--below .chart-menu__trigger[aria-expanded=true]{color:var(--accent);background:var(--surface-2);border-color:var(--accent)}.ref-chart .lab-frame__controls--below .chart-menu__trigger svg{width:18px;height:18px}.ref-chart .lab-frame__controls--below .lab-controls{flex-wrap:nowrap}.ref-chart__message{position:absolute;top:40%;left:50%;z-index:2;margin:0;transform:translate(-50%,-50%);pointer-events:none}.ref-chart .lab-big__chart{position:relative}.calibrated-tab{display:flex;flex-direction:column;gap:var(--space-4)}.calibrated-tab__add{align-self:flex-start}.calibrated-card{display:flex;flex-direction:column;gap:var(--space-4)}.calibrated-card .details-card__head{margin-bottom:0}.calibrate-form{display:flex;flex-direction:column;gap:var(--space-3);max-width:640px;padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius-md)}.calibrate-form__row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.calibrate-form__row .field{flex:1 1 200px}.calibrate-form__scope{display:flex;flex-direction:column;gap:var(--space-2);padding:0;margin:0;border:0}.calibrate-form__option{display:flex;gap:var(--space-2);align-items:center}.calibrate-form__actions{display:flex;gap:var(--space-2)}.calibration-history__caption{padding-bottom:var(--space-2);font-weight:var(--weight-bold);text-align:left}.calibration-history__offset{font-weight:var(--weight-bold);color:var(--status-alarm);font-variant-numeric:tabular-nums}.calibrate-form__presets{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.calibrated-tab__mode{margin-bottom:var(--space-3)}.calibrated-card__actions{display:flex;gap:var(--space-2)}.rc-head{--rc-kind: var(--kind-hydro);display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);min-width:0}.rc-head[data-kind=rain]{--rc-kind: var(--kind-rain)}.rc-head[data-kind=meteo]{--rc-kind: var(--kind-meteo)}.rc-head[data-kind=water_quality]{--rc-kind: var(--kind-water-quality)}.rc-head[data-kind=sewer]{--rc-kind: var(--kind-sewer)}.rc-head__kind{display:grid;flex:none;place-items:center;width:36px;height:36px;color:#fff;background:var(--rc-kind);border-radius:10px}.rc-head__kind svg{width:22px;height:22px}.rc-head__station{display:flex;flex-direction:column;min-width:0}.rc-head__station strong{font-size:var(--text-lg)}.rc-head__sensor{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px var(--space-3);color:var(--text-muted);background:var(--surface-2);border-radius:var(--radius-md)}.rc-head__sensor strong{font-size:var(--text-lg);color:var(--text);white-space:nowrap}.rc-head__sensor>span{display:inline-flex;white-space:nowrap}.ss-card{display:flex;flex-direction:column;gap:var(--space-3)}.ss-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.ss-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-4)}.ss-facts{display:grid;grid-template-columns:auto 1fr;gap:6px var(--space-4);margin:0;font-size:var(--text-sm)}.ss-facts>div{display:contents}.ss-facts dt{color:var(--text-muted)}.ss-facts dd{margin:0}.ss-level__body{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.ss-level__now{display:flex;flex-direction:column;gap:4px}.ss-level__value{font-size:var(--text-4xl);line-height:1.1}.ss-change{font-size:var(--text-sm);font-variant-numeric:tabular-nums}.ss-scale__zone--ok{fill:color-mix(in srgb,var(--status-normal) 35%,transparent)}.ss-scale__zone--warning{fill:color-mix(in srgb,var(--status-warning) 55%,transparent)}.ss-scale__zone--alarm{fill:color-mix(in srgb,var(--status-alarm) 50%,transparent)}.ss-scale__level line{stroke:var(--text-muted)}.ss-scale__level text,.ss-scale__now text{font-size:11px;fill:var(--text-muted)}.ss-scale__now path{fill:var(--accent)}.ss-scale__now text{font-weight:var(--weight-bold);fill:var(--accent)}.ss-level__stats{display:flex;flex-direction:column;gap:var(--space-3)}.ss-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin:0}.ss-stats>div{padding:var(--space-2) var(--space-3);background:var(--surface-2);border-radius:var(--radius-md)}.ss-stats dt{font-size:var(--text-xs);color:var(--text-muted)}.ss-stats dd{margin:0;font-size:var(--text-xs)}.ss-stats dd.num{font-size:var(--text-xl);font-weight:var(--weight-bold)}.ss-head-icon{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-2)}.ss-head-icon>.text-small{flex-basis:100%;padding-left:calc(24px + var(--space-2))}@media(max-width:640px){.ss-stats{grid-template-columns:1fr}}.report{display:flex;flex-direction:column;gap:var(--space-4);max-width:1200px;margin:0 auto}.report-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px}.report-bar__field{display:flex;flex-direction:column;gap:4px}.report-bar__field>span{font-size:12px;color:var(--text-muted)}.report-bar .select,.report-bar .input,.report-bar .btn{height:36px;border-radius:9px}.report-bar__time .segmented__option[aria-pressed=true]{color:var(--accent-contrast);background:var(--accent)}.report-bar__pdf{margin-left:auto}.report-doc{display:flex;flex-direction:column;gap:20px;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:opacity var(--duration) var(--ease)}.report-doc[data-loading]{opacity:.55}.report-head{display:flex;flex-direction:column;gap:2px;padding-bottom:var(--space-3);border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--brand-navy),var(--brand-blue),var(--brand-green)) 1}.report-head__kicker{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.report-head__name{margin:0;font-size:22px}.report-head__line{margin:0;font-size:var(--text-sm);color:var(--text-muted)}.report-section{display:flex;flex-direction:column;gap:var(--space-2)}.report-section__title{margin:0;font-size:15px}.report-section__note{font-size:12px;font-weight:400;color:var(--text-muted)}.report-note{margin:0;font-size:12px;color:var(--text-muted)}.report-cells{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1px;margin:0;overflow:hidden;background:var(--border);border:1px solid var(--border);border-radius:12px}.report-cell{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:var(--surface)}.report-cell dt{font-size:11.5px;color:var(--text-muted)}.report-cell dd{margin:0;font-size:13.5px;font-weight:700}.report-levels{display:flex;flex-wrap:wrap;gap:2px 12px}.report-levels__item{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}.report-swatch{display:inline-block;flex:none;width:10px;height:10px;border-radius:2px}.report-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px}.report-table{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}.report-table caption{padding:8px 10px 6px;font-size:13px;font-weight:700;text-align:left}.report-table th,.report-table td{padding:6px 10px;border-bottom:1px solid var(--border)}.report-table thead th{font-size:11.5px;font-weight:600;color:var(--text-muted);text-align:center;background:var(--surface-2)}.report-table tbody th{font-weight:700;text-align:left;white-space:nowrap}.report-table .num{text-align:right;white-space:nowrap}.report-table tr:last-child>*{border-bottom:none}.report-when{display:block;font-size:10.5px;font-weight:400;color:var(--text-muted)}.report-row--half>*{background:var(--surface-2)}.report-row--total>*{font-weight:700;background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.report-subtitle{margin:var(--space-2) 0 0;font-size:13px}.rchart{width:100%;overflow:hidden}.rchart svg{display:block}.rchart--empty{display:grid;place-items:center;font-size:12px;color:var(--text-muted);border:1px solid var(--border);border-radius:8px;background:linear-gradient(var(--border-strong),var(--border-strong)) bottom / 100% 1px no-repeat,linear-gradient(var(--border-strong),var(--border-strong)) left / 1px 100% no-repeat,repeating-linear-gradient(to bottom,transparent 0 31px,color-mix(in srgb,var(--border) 70%,transparent) 31px 32px),var(--surface-2)}.rchart__grid{stroke:var(--border)}.rchart__grid--time{stroke-opacity:.5}.rchart__frame{fill:none;stroke:var(--border-strong)}.rchart__label{font-size:10.5px;font-variant-numeric:tabular-nums;fill:var(--text-muted)}.rchart__band{fill:color-mix(in srgb,var(--accent) 20%,transparent)}.rchart__mean{fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linejoin:round}.rchart__dot{fill:var(--accent)}.rchart__level{stroke-width:1.3;stroke-dasharray:5 4}.rchart__marker circle{fill:var(--surface);stroke-width:2.5}.rchart__marker text{font-size:11px;font-weight:700;paint-order:stroke;stroke:var(--surface);stroke-width:3px}.rchart__marker--max circle{stroke:var(--level-alarm)}.rchart__marker--max text{fill:var(--level-alarm)}.rchart__marker--min circle{stroke:var(--status-normal)}.rchart__marker--min text{fill:var(--status-normal)}.rchart__bar-range{fill:color-mix(in srgb,var(--accent) 28%,transparent)}.rchart__bar-max{fill:var(--level-alarm)}.rchart__bar-min{fill:var(--status-normal)}.rchart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-3)}.rchart-small{margin:0}.rchart-small figcaption{margin-bottom:4px;font-size:12px;font-weight:700}.rchart-legend{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;font-size:12px;color:var(--text-muted);list-style:none}.rchart-legend li{display:inline-flex;align-items:center;gap:6px}.rchart-legend__band{width:18px;height:10px;background:color-mix(in srgb,var(--accent) 20%,transparent)}.rchart-legend__line{width:18px;height:2px;background:var(--accent)}.rchart-legend__dot{width:9px;height:9px;border:2.5px solid;border-radius:50%}.rchart-legend__dot--max{border-color:var(--level-alarm)}.rchart-legend__dot--min{border-color:var(--status-normal)}.rchart-legend__dash{width:18px;border-top:1.5px dashed}.report-table--days{font-size:12px}.report-table--days th,.report-table--days td{padding:3px 8px}.report-day--incomplete{font-style:italic;color:var(--text-muted)}.report-fold__toggle{align-self:flex-start}.report-fold__body{display:none;margin-top:var(--space-2)}.report-fold[data-open] .report-fold__body{display:block}.report-notes{margin:0;padding-left:1.2em;font-size:12.5px;color:var(--text-muted)}.report-notes li+li{margin-top:4px}@media print{@page{size:A4 landscape;margin:12mm}body *{visibility:hidden}.report-doc,.report-doc *{visibility:visible}.report-doc{position:absolute;inset:0 auto auto 0;width:100%;padding:0;border:none;opacity:1}.report-bar,.report-fold__toggle{display:none}.report-fold__body{display:block}.report-table-wrap{overflow:visible;break-inside:avoid-page}.report-section{break-inside:avoid-page}}.station-details{position:absolute;inset:var(--space-3);z-index:40;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:details-in .18s var(--ease)}@keyframes details-in{0%{opacity:0;transform:translateY(8px)}}.station-details__header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"meta status close" "title title close";align-items:center;gap:2px var(--space-4);padding:var(--space-3) var(--space-5) var(--space-2)}.station-details__title{grid-area:title;display:flex;align-items:baseline;gap:var(--space-3);min-width:0}.station-details__title h2{margin:0;font-size:var(--text-xl);white-space:nowrap}.station-details__place{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-details__meta{grid-area:meta;display:flex;align-items:center;gap:6px}.station-details__meta svg{width:16px;height:16px;color:var(--kind-hydro)}.station-details__header>.btn{grid-area:close}.station-details__status{grid-area:status;display:flex;align-items:center;gap:var(--space-3)}.station-details__tabs{padding:0 var(--space-5)}.station-details__body{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5);background:var(--surface-2)}.station-details__body>*{max-width:1200px;margin-inline:auto}.details-card{padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.details-card__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.details-card__title{margin-bottom:var(--space-3);font-size:var(--text-md)}.details-card__head .details-card__title{margin-bottom:0}.details-empty{max-width:560px}.details-overview{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,2fr);grid-template-areas:"stats location" "chart chart";gap:var(--space-4)}.details-overview--hydro{display:flex;flex-direction:column}.details-overview__stats{grid-area:stats}.details-overview__location{grid-area:location}.details-overview__chart{grid-area:chart}.details-overview__now{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin-bottom:var(--space-3)}.details-overview__now>div{display:flex;flex-direction:column}.details-overview__value{font-size:var(--text-xl)}.stats-table{overflow:visible}.stats-table .table th,.stats-table .table td{padding:var(--space-2) var(--space-3)}.stats-table th:first-child{border-top-left-radius:var(--radius-lg)}.stats-table th:last-child{border-top-right-radius:var(--radius-lg)}.stats-hint{cursor:default;border-bottom:1px dotted var(--border-strong)}.stats-hint:after{color:var(--text);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md)}.stats-table td:last-child .stats-hint:after{left:auto;right:0;transform:none}.details-list{display:grid;gap:var(--space-2);margin:0;font-size:var(--text-sm)}.details-list>div{display:grid;grid-template-columns:160px 1fr;gap:var(--space-2)}.details-list dt{color:var(--text-muted)}.details-list dd{margin:0;font-weight:var(--weight-bold)}.level-chart{width:100%;overflow:hidden}.level-chart svg{display:block}.level-chart__grid{stroke:var(--border)}.level-chart__axis,.level-chart__unit{font-size:11px;fill:var(--text-muted)}.level-chart__area{fill:color-mix(in srgb,var(--marker-normal) 10%,transparent)}.level-chart__line{fill:none;stroke:var(--marker-normal);stroke-width:2}.level-chart__level{stroke-width:1.5;stroke-dasharray:6 4}@media(max-width:1100px){.details-overview{grid-template-columns:1fr;grid-template-areas:"stats" "location" "chart"}}.station-details__body>.details-card+.details-card{margin-top:var(--space-4)}.station-list__rows{overscroll-behavior:contain}.station-flyout{position:fixed;z-index:60;animation:station-flyout-in .12s var(--ease)}.station-flyout__arrow{position:absolute;left:-8px;z-index:1;width:0;height:0;border-top:8px solid transparent;border-right:8px solid var(--kind-hydro);border-bottom:8px solid transparent;transform:translateY(-50%)}.station-flyout--out{pointer-events:none;animation:station-flyout-out .15s var(--ease) forwards}@keyframes station-flyout-out{to{opacity:0;transform:translate(-6px)}}@keyframes station-flyout-in{0%{opacity:0;transform:translate(-6px)}}@media(prefers-reduced-motion:reduce){.station-flyout{animation:none}.station-flyout--out{opacity:0}}.map-view{position:relative;height:100%;min-height:0}.map-view__status{padding:var(--space-6);color:var(--text-muted)}.map-view__map{position:absolute;top:0;right:0;bottom:0;left:0}.map-view__list{position:absolute;top:var(--float-gap);bottom:var(--float-gap);left:var(--float-list-left);z-index:46;display:flex;flex-direction:column;width:var(--float-list);overflow:hidden;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:transform .26s var(--ease),opacity .26s var(--ease)}.map-view__list>.station-list{flex:1;min-height:0;border-right:none}.map-view[data-collapsed] .map-view__list{visibility:hidden;pointer-events:none;opacity:0;transform:translate(-24px);transition:transform .26s var(--ease),opacity .26s var(--ease),visibility 0s linear .26s}.map-view__kinds{flex:none;padding:var(--space-2) var(--space-3) 0;background:var(--surface-2)}.map-view__lock{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35}.map-view__details{position:absolute;top:0;right:0;bottom:0;left:var(--float-free-left);z-index:40;pointer-events:none;transition:left .26s var(--ease)}.map-view__details>.station-details{pointer-events:auto}.map-view__map:has(.lab-card--big) .map-view__details{z-index:55}.map-view__map[data-details-closing] .station-details{pointer-events:none;animation:map-view-details-out .22s var(--ease) forwards}@keyframes map-view-details-out{to{opacity:0;transform:translateY(14px) scale(.985)}}.map-view__tab{position:absolute;bottom:72px;left:var(--float-tab-left);z-index:45;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:var(--float-tab);height:var(--float-tab);padding:0;color:var(--text-muted);cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-md);transition:left .26s var(--ease),color var(--duration) var(--ease),background var(--duration) var(--ease),border-color var(--duration) var(--ease)}.map-view[data-collapsed] .map-view__tab{height:auto;padding:10px 0;color:var(--text)}.map-view__tab:hover,.map-view__tab:focus-visible{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.map-view__tab svg{width:20px;height:20px}.map-view__tab-label{font-size:12px;font-weight:var(--weight-bold);writing-mode:vertical-rl;transform:rotate(180deg)}.map-view__chips{position:absolute;top:var(--space-4);left:calc(var(--float-free-left) + var(--float-gap));z-index:5;transition:left .26s var(--ease);display:flex;flex-wrap:wrap;gap:var(--space-2)}.map-view__chips .chip{height:36px;cursor:default;box-shadow:var(--shadow-md)}.map-view__live-dot{width:9px;height:9px;background:var(--status-normal);border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,var(--status-normal) 25%,transparent)}.map-view__warnings strong{color:var(--status-warning)}@media(prefers-reduced-motion:reduce){.map-view__list,.map-view__details,.map-view__chips,.map-view__tab{transition:none}.map-view__map[data-details-closing] .station-details{animation:none;opacity:0}}@media(max-width:900px){.map-view{display:flex;flex-direction:column-reverse;height:auto}.map-view__map{position:relative;height:60vh}.map-view__list{position:static;width:auto;border-radius:0;box-shadow:none}.map-view__tab{display:none}.map-view__details{left:0}.map-view__chips{left:var(--space-4)}.station-list__tiles{max-height:50vh}}.shell{display:grid;grid-template-columns:60px 1fr;grid-template-rows:auto 1fr;height:100vh}.shell__content{grid-column:2;min-height:0;overflow:auto}.shell__page{max-width:1280px;margin:0 auto;padding:var(--space-6) clamp(16px,3vw,32px)}.shell__error{margin:var(--space-3)}.sidebar{position:relative;z-index:50;grid-row:1 / span 2;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;background:var(--surface);border-right:1px solid var(--border)}.sidebar__logo{width:34px;height:34px;margin-bottom:var(--space-4)}.sidebar__items{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.sidebar__bottom{position:relative;display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto}.sidebar__item{display:grid;place-items:center;width:40px;height:40px;color:var(--text-muted);background:none;border:none;border-radius:var(--radius-md);cursor:pointer}.sidebar__item svg{width:20px;height:20px}.sidebar__item:hover:not(:disabled){color:var(--text);background:var(--surface-3)}.sidebar__item[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.sidebar__item:disabled{opacity:.45;cursor:not-allowed}.sidebar .tooltip:after{left:calc(100% + 10px);bottom:auto;top:50%;transform:translate(-4px,-50%)}.sidebar .tooltip:hover:after,.sidebar .tooltip:focus-visible:after{transform:translateY(-50%)}.sidebar__appearance-anchor{position:relative}.sidebar__appearance{position:absolute;bottom:0;left:calc(100% + 12px);z-index:40;width:max-content;display:flex;flex-direction:column;gap:var(--space-3)}.topbar{position:relative;z-index:50;grid-column:2;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--surface);border-bottom:1px solid var(--border);box-shadow:inset 0 -2px color-mix(in srgb,var(--brand-green) 55%,transparent)}.topbar__org{display:flex;align-items:center;gap:var(--space-3);margin-right:auto;min-width:0}.topbar__org-badge{display:grid;place-items:center;flex:none;width:36px;height:36px;font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--accent-contrast);background:var(--accent);border-radius:var(--radius-md)}.topbar__org-text,.topbar__user-text{display:flex;flex-direction:column;line-height:1.3;min-width:0}.topbar__subscription{color:var(--text-muted)}.topbar__subscription--ending{color:var(--warning);font-weight:var(--weight-bold)}.topbar__search{position:relative;width:min(380px,30vw)}.topbar__search svg{position:absolute;top:50%;left:12px;width:18px;height:18px;color:var(--text-subtle);transform:translateY(-50%)}.topbar__search .input{padding-left:38px}.topbar__dropdown{position:relative}.topbar__zone .segmented__option{padding:0 var(--space-3)}.topbar__count{pointer-events:none;position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:var(--weight-bold);line-height:18px;text-align:center;color:#fff;background:var(--status-alarm);border-radius:var(--radius-full)}.topbar__user-button{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2);font:inherit;color:inherit;text-align:left;background:none;border:none;border-radius:var(--radius-md);cursor:pointer}.topbar__user-button:hover{background:var(--surface-2)}.topbar__user-button>svg{width:18px;height:18px;color:var(--text-muted)}.topbar__avatar{display:grid;place-items:center;width:32px;height:32px;font-size:var(--text-sm);font-weight:var(--weight-bold);color:#fff;background:linear-gradient(135deg,var(--brand-blue),var(--brand-green-dark));border-radius:50%}.topbar__menu,.topbar__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:40}.topbar__menu{width:200px;padding:var(--space-2)}.alerts-panel{width:340px;display:flex;flex-direction:column;gap:var(--space-3)}.alerts-panel__list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.alerts-panel__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--border)}.alerts-panel__name{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.alerts-panel .reading__value{font-size:var(--text-xl)}@media(max-width:900px){.topbar__search,.topbar__user-text{display:none}}@media(min-width:901px){.shell.shell--float{grid-template-columns:1fr}.shell--float .topbar{grid-column:1}.shell--float .shell__content{grid-row:2;grid-column:1}.shell--float .sidebar{grid-row:2;grid-column:1;justify-self:start;width:60px;margin:12px;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.login-bg__isolines path{fill:none;stroke:var(--login-line);stroke-width:1}.login-bg__isolines .login-bg__isoline--major{stroke:var(--login-line-strong);stroke-width:1.4}.login-bg__glow{fill:none;stroke:var(--login-river);stroke-width:22;stroke-linejoin:round;opacity:.1}.login-bg__banks path{fill:none;stroke:var(--login-river);stroke-width:2.4;stroke-linejoin:round;stroke-opacity:.6}.login-bg__beds{opacity:.3}.login-bg__beds path{fill:var(--login-river);stroke:none}.login-bg__glow--small{stroke-width:12}.login-bg__island path{fill:none;stroke:var(--login-river);stroke-width:1.4;stroke-opacity:.7}.login-bg__island .login-bg__island-contour{fill:none;stroke:var(--login-line-strong);stroke-width:1;stroke-opacity:1}.login-bg__waves path{fill:none;stroke:var(--login-river);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:7 19;opacity:.75;animation:river-flow linear infinite}.login-bg__stations text{font-family:var(--font-sans);font-size:11px;font-weight:700;fill:var(--login-marker-text)}.login-bg__marker{fill:var(--login-marker);stroke:var(--login-river);stroke-width:2.5}.login-bg__station--rain .login-bg__marker{stroke:var(--kind-rain)}.login-bg__station--warning .login-bg__marker{stroke:var(--marker-warning);stroke-width:3}.login-bg__pulse{fill:none;stroke:var(--login-river);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:station-pulse 3.5s var(--ease) infinite}.login-bg__station--warning .login-bg__pulse{stroke:var(--marker-warning);stroke-width:3;animation-duration:2s}.login-bg__rain line{stroke:var(--login-rain);stroke-width:1.2;stroke-linecap:round;animation-name:rain-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes river-flow{to{stroke-dashoffset:-26}}@keyframes station-pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(1.6,2.2);opacity:0}}@keyframes rain-fall{0%{transform:translateY(-120px);opacity:0}15%{opacity:1}to{transform:translate(-20px,320px);opacity:0}}@media(prefers-reduced-motion:reduce){.login-bg__rain{display:none}}.login{--login-line: rgb(43 47 102 / .1);--login-line-strong: rgb(43 47 102 / .2);--login-river: var(--accent);--login-rain: rgb(47 111 181 / .22);--login-marker: var(--surface);--login-marker-text: var(--brand-navy);position:relative;min-height:100vh;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(ellipse at 75% 20%,rgb(159 218 247 / .45),transparent 55%),radial-gradient(ellipse at 20% 90%,rgb(106 170 48 / .12),transparent 50%),var(--bg)}:root[data-theme=dark] .login{--login-line: rgb(139 189 235 / .1);--login-line-strong: rgb(139 189 235 / .2);--login-rain: rgb(180 210 245 / .28);--login-marker: #0d1640;--login-marker-text: #e8ecf8;background:radial-gradient(ellipse at 70% 15%,rgb(85 152 209 / .35),transparent 55%),radial-gradient(ellipse at 15% 100%,rgb(50 151 55 / .12),transparent 45%),linear-gradient(180deg,#0c1442,#070c2a)}.login__toolbar{position:relative;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) clamp(16px,4vw,48px)}.login__main{position:relative;display:flex;align-items:center;padding:var(--space-4) clamp(16px,7vw,120px)}.login-card{position:relative;width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-10) var(--space-8) var(--space-8);background:color-mix(in srgb,var(--surface) 82%,transparent);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.login-card:before{content:"";position:absolute;top:-1px;left:var(--space-8);right:var(--space-8);height:3px;background:linear-gradient(90deg,var(--brand-sky),var(--brand-blue),var(--brand-green));border-radius:0 0 3px 3px}.login-card__logo{display:block;width:168px;height:auto;margin:0 auto var(--space-2)}.login-card__title{font-size:var(--text-2xl)}.login-card__subtitle{margin-top:var(--space-1);color:var(--text-muted)}.login__tagline{position:absolute;right:clamp(16px,5vw,96px);bottom:72px;max-width:calc(100% - 680px);text-align:right;color:var(--text-muted)}.login__tagline-title{margin-bottom:var(--space-2);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:1.2;color:var(--text)}.login__footer{position:relative;padding:var(--space-4) clamp(16px,7vw,120px);font-size:var(--text-xs);color:var(--text-subtle)}@media(max-width:960px){.login__main{justify-content:center}.login__tagline{display:none}}@media(max-width:480px){.login-card{padding:var(--space-8) var(--space-5) var(--space-6)}}.ss-board{display:flex;flex-direction:column;gap:var(--space-4)}.ss-board h3{margin:0;font-size:var(--text-md)}.ss-dot{display:inline-block;flex:none;width:10px;height:10px;border-radius:50%}.ss-dot--ok{background:var(--status-normal)}.ss-dot--warning{background:var(--status-warning)}.ss-dot--alarm{background:var(--status-alarm)}.ss-dot--nodata{background:transparent;border:2px dashed var(--status-nodata)}.ss-overview{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.ss-overview__main{display:flex;align-items:center;gap:var(--space-3)}.ss-overview__main>.ss-dot{width:16px;height:16px}.ss-overview__main p{margin:0}.ss-overview__areas{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin:0;padding:0;list-style:none}.ss-overview__areas li{display:flex;align-items:baseline;gap:var(--space-2)}.ss-overview__areas li>span:last-child{display:flex;flex-direction:column}.ss-chart{display:flex;flex-direction:column;gap:var(--space-2)}.ss-strips{display:flex;flex-direction:column;gap:6px;margin:calc(-1 * var(--space-2)) 0 calc(-1 * var(--space-2));padding:var(--space-3) 0 var(--space-2);cursor:crosshair}.ss-strip svg{display:block}.ss-strip__head{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--text-xs);line-height:1.6}.ss-strip__label{font-weight:var(--weight-bold);color:var(--text-muted)}.ss-strip__now{text-align:right}.ss-health--warning{color:var(--status-warning)}.ss-health--alarm{color:var(--status-alarm)}.ss-health--nodata{color:var(--status-nodata)}.ss-strip__track{fill:var(--surface-3)}.ss-seg--ok{fill:color-mix(in srgb,var(--status-normal) 55%,transparent)}.ss-seg--warning{fill:var(--status-warning)}.ss-seg--alarm{fill:var(--status-alarm)}.ss-seg--nodata{fill:transparent}.ss-strip__cross{stroke:var(--text);stroke-width:1.5}.ss-legend{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-muted)}.ss-legend__item:before{content:"";display:inline-block;width:14px;height:8px;margin-right:6px;border-radius:2px;vertical-align:middle}.ss-seg-key--ok:before{background:color-mix(in srgb,var(--status-normal) 55%,transparent)}.ss-seg-key--warning:before{background:var(--status-warning)}.ss-seg-key--alarm:before{background:var(--status-alarm)}.ss-seg-key--nodata:before{background:var(--surface-3)}.ss-tech{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--space-4)}.ss-group-state{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm)}.ss-rows{margin:0;padding:0;list-style:none}.ss-row{display:grid;grid-template-columns:auto 20px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--border);font-size:var(--text-sm)}.ss-row__label{display:flex;flex-direction:column}.ss-row__value{text-align:right;white-space:nowrap}.ss-unconfirmed{align-self:flex-start;margin:2px 0;font-size:10px}.ss-events{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.ss-events li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:6px 0;border-top:1px solid var(--border);font-size:var(--text-sm)}@media(max-width:640px){.ss-tech{grid-template-columns:1fr}}.ss-icon{display:inline-flex;flex:none;color:var(--text-muted)}.ss-icon svg{display:block}.ss-overview__areas .ss-head-icon{gap:6px}.ss-strip__label{display:inline-flex;align-items:center;gap:6px}.ss-board .ss-subhead{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border)}.ss-examples{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6)}.ss-examples h3{margin:0;font-size:var(--text-md)}.ss-example{display:flex;flex-direction:column;gap:var(--space-2)}.ss-overview__issues{margin:0;color:var(--text)}.ss-templates{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.ss-rain__now{display:flex;flex-direction:column;gap:4px}.ss-rain__sums{grid-template-columns:repeat(5,minmax(0,1fr))}.ss-rain .ss-head-icon svg{width:22px;height:22px;color:var(--kind-rain)}.vb{display:flex;height:100%;background:var(--bg)}.vb-rail{display:flex;flex:none;flex-direction:column;align-items:stretch;gap:2px;width:76px;padding:var(--space-2) 6px;background:var(--surface);border-right:1px solid var(--border)}.vb-rail__logo{display:grid;place-items:center;height:36px;margin-bottom:var(--space-2);font-weight:var(--weight-bold);color:#fff;background:var(--accent);border-radius:var(--radius-md)}.vb-rail__item{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;font:inherit;font-size:11px;color:var(--text-muted);cursor:pointer;background:none;border:none;border-radius:var(--radius-md)}.vb-rail__item svg{width:20px;height:20px}.vb-rail__item:hover{background:var(--surface-2)}.vb-rail__item[aria-current=page]{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.vb-rail__count{position:absolute;top:4px;right:10px;min-width:16px;padding:0 4px;font-size:10px;font-style:normal;line-height:16px;color:#fff;background:var(--status-alarm);border-radius:8px}.vb__main{display:flex;flex:1;flex-direction:column;min-width:0}.vb__body{display:grid;flex:1;grid-template-columns:minmax(300px,360px) 1fr;min-height:0}.vb__map{position:relative;flex:1;min-width:0}.vb__placeholder{margin:var(--space-6)}.vb-net{display:flex;flex:none;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-2) var(--space-4);background:var(--surface);border-bottom:1px solid var(--border)}.vb-net__light{width:14px;height:14px}.vb-net__main{display:flex;flex-direction:column}.vb-net__kinds{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:0 0 0 auto;padding:0;font-size:var(--text-sm);list-style:none}.vb-net__kinds li{display:inline-flex;align-items:center;gap:6px}.vb-net__kinds svg{width:16px;height:16px;color:var(--text-muted)}.vb-drawer{position:absolute;inset:0 0 0 auto;z-index:30;display:flex;flex-direction:column;width:min(820px,74%);background:var(--bg);border-left:1px solid var(--border);box-shadow:-12px 0 32px #0f14322e}.vb-drawer__head{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-2);background:var(--surface)}.vb-drawer__head>div{flex:1}.vb-drawer__head h2{margin:2px 0 0;font-size:var(--text-xl)}.vb-drawer__head svg{width:14px;height:14px;vertical-align:-2px}.vb-drawer__tabs{padding:0 var(--space-4);background:var(--surface)}.vb-drawer__body{flex:1;padding:var(--space-4);overflow:auto}.vb-charts{display:flex;flex-direction:column;gap:var(--space-2)}.vb-charts__label{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted)}.vb-readings{margin:0;padding:0;list-style:none}.vb-readings li{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:2px var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--border)}.vb-readings li>.text-small{grid-column:2 / -1}.vb-appicon svg{width:100%;height:100%}.vc{display:flex;flex-direction:column;height:100%;background:var(--bg)}.vc-loading{padding:var(--space-6)}.vc-top{display:flex;flex:none;align-items:center;gap:var(--space-5);height:48px;padding:0 var(--space-4);color:#fff;background:#123a6b}.vc-top__brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-bold)}.vc-top__logo{display:grid;place-items:center;width:28px;height:28px;font-size:12px;color:#123a6b;background:#9fdaf7;border-radius:6px}.vc-top nav{display:flex;gap:2px;overflow-x:auto}.vc-top nav button{height:48px;padding:0 12px;font:inherit;font-size:var(--text-sm);color:#d5e4f7;white-space:nowrap;cursor:pointer;background:none;border:none;border-bottom:3px solid transparent}.vc-top nav button[aria-current=page]{color:#fff;border-bottom-color:#9fdaf7}.vc-situation{display:flex;flex:none;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-6);padding:var(--space-2) var(--space-4);background:var(--surface);border-bottom:1px solid var(--border)}.vc-situation>div:first-child{display:flex;flex-direction:column}.vc-situation__warn{display:flex;gap:var(--space-2);margin:0;padding:0;list-style:none}.vc-situation__warn li{padding:2px 10px;font-size:var(--text-sm);border:2px solid;border-radius:var(--radius-sm)}.vc-situation__zones{display:flex;flex:1;flex-direction:column;gap:4px;min-width:220px;max-width:420px}.vc-zonebar{display:flex;height:10px;overflow:hidden;border-radius:5px}.vc-body{display:grid;flex:1;grid-template-columns:minmax(320px,400px) 1fr;min-height:0}.vc-scroll{flex:1;overflow:auto}.vc-side{display:flex;flex-direction:column;min-height:0;background:var(--surface);border-right:1px solid var(--border)}.vc-side__tabs{display:flex;border-bottom:1px solid var(--border)}.vc-side__tabs button{flex:1;padding:10px 6px;font:inherit;font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;background:none;border:none;border-bottom:3px solid transparent}.vc-side__tabs button[aria-selected=true]{font-weight:var(--weight-bold);color:var(--text);border-bottom-color:#123a6b}.vc-side__body{flex:1;padding:var(--space-3);overflow:auto}.vc-side__search{width:100%;margin-bottom:var(--space-2)}.vc-warnings{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;list-style:none}.vc-warnings li{padding:var(--space-2) var(--space-3);background:var(--surface-2);border-left:5px solid;border-radius:var(--radius-sm)}.vc-warnings p{margin:4px 0}.vc-warnings__head{display:flex;align-items:center;gap:var(--space-2)}.vc-warnings__stations{display:flex;flex-wrap:wrap;gap:4px}.vc-degree{display:grid;place-items:center;min-width:26px;height:22px;padding:0 4px;font-size:12px;font-weight:var(--weight-bold);color:#fff;border-radius:4px}.vc-table{width:100%;font-size:var(--text-sm)}.vc-table tbody tr{cursor:pointer}.vc-table tbody tr:hover{background:var(--surface-2)}.vc-table__sub{display:block;margin-left:16px}.vc-zone-dot{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:50%}.vc-zone{padding:1px 8px;font-size:var(--text-xs);font-weight:var(--weight-bold);color:#fff;border-radius:999px}.vc-layers fieldset{margin:0 0 var(--space-3);border:none}.vc-layers__row{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:var(--text-sm)}.vc-legend{display:flex;flex-direction:column;gap:3px;font-size:var(--text-xs)}.vc-legend__row{display:flex;align-items:center;gap:6px}.vc-legend__tri{width:0;height:0;border-right:6px solid transparent;border-bottom:10px solid;border-left:6px solid transparent}.vc-legend__rain{display:flex;align-items:center;gap:2px}.vc-legend__rain span{padding:1px 4px;color:#fff;border-radius:3px}.vc-mapbox{position:relative;min-width:0;min-height:0;background:#e8eef5}.vc-map,.vc-map svg{width:100%;height:100%}.vc-map svg{display:block;cursor:grab;touch-action:none}.vc-map__sea{fill:#cfe2f3}.vc-map__land{fill:var(--surface);stroke:var(--border-strong)}.vc-map__river{fill:none;stroke:#5598d1;stroke-linecap:round;stroke-linejoin:round}.vc-map__city{fill:var(--text-muted);pointer-events:none}.vc-sym{cursor:pointer}.vc-sym:focus{outline:none}.vc-sym:hover path,.vc-sym:hover circle,.vc-sym:hover rect{filter:brightness(1.1) drop-shadow(0 0 2px rgb(0 0 0 / .4))}.vc-map__zoom{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.vc-map__zoom button{width:34px;height:32px;font-size:18px;color:var(--text);cursor:pointer;background:none;border:none;border-bottom:1px solid var(--border)}.vc-mapbox__legend{position:absolute;bottom:var(--space-3);left:var(--space-3);padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.vc-card{position:absolute;top:var(--space-3);right:60px;display:flex;flex-direction:column;gap:var(--space-2);width:330px;padding:var(--space-3);box-shadow:var(--shadow-lg, 0 8px 24px rgb(0 0 0 / .18))}.vc-card__head{display:flex;justify-content:space-between}.vc-card__head h3{margin:2px 0 0;font-size:var(--text-lg)}.vc-card__head svg,.vc-page__head svg{width:14px;height:14px;vertical-align:-2px}.vc-card__value{display:flex;align-items:center;gap:var(--space-2)}.vc-card__value strong{font-size:var(--text-2xl)}.vc-card p{margin:0}.vc-hydro__axis{font-size:10px;fill:var(--text-muted)}.vc-page{display:flex;flex-direction:column;gap:var(--space-3);max-width:1200px;margin:0 auto;padding:var(--space-4)}.vc-page__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3)}.vc-page__head h2{margin:2px 0 0}.vc-page__now{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.vc-page__now strong{font-size:var(--text-3xl)}.vc-impact{margin:0;padding:var(--space-2) var(--space-3);background:var(--surface);border-left:5px solid;border-radius:var(--radius-sm)}.vc-page__grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:var(--space-3)}.vc-page__grid .vc-hydro{width:100%;height:auto}.vc-crests{margin:var(--space-2) 0 0;padding-left:20px}.vc-crests li{display:flex;justify-content:space-between;padding:4px 0}.vc-info{display:grid;grid-template-columns:auto 1fr;gap:6px var(--space-4)}.vc-info dt{color:var(--text-muted)}.vc-info dd{margin:0}@media(max-width:900px){.vc-body{grid-template-columns:1fr;grid-template-rows:45vh 1fr}.vc-page__grid{grid-template-columns:1fr}}.vc-hidden{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px var(--space-2);margin:0 0 var(--space-2);padding:4px 4px 4px var(--space-3);font-size:var(--text-sm);background:color-mix(in srgb,var(--status-warning) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--status-warning) 40%,transparent);border-radius:var(--radius-md)}.vc-mapbox__hidden{position:absolute;top:var(--space-3);left:var(--space-3);max-width:calc(100% - 420px)}.vc-mapbox__hidden .vc-hidden{margin:0;box-shadow:var(--shadow-md)}.map-view__map[data-details-closing] .station-details{pointer-events:none;animation:details-out .22s var(--ease) forwards}@keyframes details-out{to{opacity:0;transform:translateY(14px) scale(.985)}}@media(prefers-reduced-motion:reduce){.map-view__map[data-details-closing] .station-details{animation:none;opacity:0}}.fo{display:flex;flex-direction:column;gap:var(--space-4);max-width:1200px}.shell.al-shell--float{--al-list-left: calc(var(--al-gap) * 2 + var(--al-bar));grid-template-columns:1fr}.al-shell--float .topbar{grid-column:1}.al-shell--float .shell__content{grid-row:2;grid-column:1}.al-shell--float .shell__page{padding-left:calc(var(--al-list-left) + var(--space-4))}.al-shell--float .sidebar{grid-row:2;grid-column:1;justify-self:start;width:var(--al-bar);margin:var(--al-gap);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.al-view--float{position:relative;display:block}.al-view--float .map-view__map{position:absolute;top:0;right:0;bottom:0;left:0}.al-view--float .al-listwrap{position:absolute;top:var(--al-gap);bottom:var(--al-gap);left:var(--al-list-left);z-index:46;width:var(--al-list);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:transform .26s var(--ease),opacity .26s var(--ease)}.al-view--float .al-listwrap>.station-list{border-right:none}.al-view--float[data-collapsed] .al-listwrap{visibility:hidden;pointer-events:none;opacity:0;transform:translate(-24px);transition:transform .26s var(--ease),opacity .26s var(--ease),visibility 0s linear .26s}.al-shell--float .al-view--float[data-collapsed] .al-listwrap>.station-list{opacity:1;transform:none}.al-details-area{position:absolute;top:0;right:0;bottom:0;z-index:40;pointer-events:none;transition:left .26s var(--ease)}.al-map-lock{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35}.al-details-area>.station-details{pointer-events:auto}.al-view--float .map-view__chips{left:calc(var(--al-free-left) + var(--al-gap));transition:left .26s var(--ease)}.al-view--float .al-tab{top:auto;bottom:72px;left:var(--al-tab-left);width:var(--al-tab-w);min-height:0;height:var(--al-tab-w);padding:0;border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-md);transform:none;transition:left .26s var(--ease),color var(--duration) var(--ease),background var(--duration) var(--ease),border-color var(--duration) var(--ease)}.al-view--float[data-collapsed] .al-tab{height:auto;padding:10px 0;gap:8px;color:var(--text)}.al-view--float .al-tab svg{width:20px;height:20px}.al-view--float .al-tab .al-tab__label{font-size:12px}.al-view--float .al-tab:hover,.al-view--float .al-tab:focus-visible{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}@media(prefers-reduced-motion:reduce){.al-view--float .al-listwrap,.al-details-area,.al-view--float .map-view__chips,.al-view--float .al-tab{transition:none}}.map-view__map:has(.lab-card--big) .al-details-area,.map-view__map:has(.lab-card--big) .station-details{z-index:55}.vl-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,330px);margin:0 auto}.vl-seg .segmented__option{justify-content:center;height:30px;padding:0 6px;white-space:nowrap}.vl-seg__count{min-width:22px;padding:0 5px;font-size:11px;font-weight:var(--weight-bold);line-height:17px;text-align:center;color:var(--text-muted);background:color-mix(in srgb,var(--text-muted) 14%,transparent);border-radius:9px}.segmented__option[aria-pressed=true] .vl-seg__count{color:var(--accent);background:var(--accent-contrast)}.vl-kinds{flex:none;padding:var(--space-2) var(--space-3) 0;background:var(--surface-2)}.al-view[data-collapsed] .vl-kinds{visibility:hidden}.t-list--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.t-list--rows{display:flex;flex-direction:column;max-width:420px}.t-panel{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.t-panel[data-state=warning]{border-color:var(--marker-warning);box-shadow:inset 3px 0 0 var(--marker-warning)}.t-panel[data-state=alarm]{border-color:var(--marker-alarm);box-shadow:inset 3px 0 0 var(--marker-alarm)}.t-panel[data-state=offline]{border-style:dashed}.t-panel[data-state=offline] .t-panel__value{color:var(--text-subtle)}.t-panel__head{display:flex;align-items:flex-start;gap:var(--space-2)}.t-panel__kind svg{width:16px;height:16px;color:var(--text-subtle)}.t-panel__name{display:flex;flex:1;flex-direction:column;min-width:0;line-height:1.25}.t-panel__name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-panel__chip{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;font-size:var(--text-xs);font-weight:var(--weight-bold);border:1px solid currentColor;border-radius:var(--radius-sm)}.t-panel[data-state=warning] .t-panel__chip{color:var(--warning)}.t-panel[data-state=alarm] .t-panel__chip{color:var(--marker-alarm)}.t-panel[data-state=offline] .t-panel__chip{color:var(--text-muted)}.t-panel__main{display:grid;grid-template-columns:1fr auto;align-items:baseline}.t-panel__param{grid-column:1 / -1;color:var(--text-muted)}.t-panel__value{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:1.1}.t-panel__unit{margin-left:4px;font-size:var(--text-sm);font-weight:400;color:var(--text-muted)}.t-panel__change{color:var(--text-muted)}.t-panel__extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px var(--space-3);margin:0;padding-top:var(--space-2);font-size:var(--text-sm);border-top:1px solid var(--border)}.t-panel__extras>div{display:flex;justify-content:space-between;gap:var(--space-2)}.t-panel__extras dt{color:var(--text-muted)}.t-panel__extras dd{margin:0}.t-panel__foot{display:flex;justify-content:space-between;gap:var(--space-2);color:var(--text-muted)}.t-panel__foot svg{width:12px;height:12px;vertical-align:-1px}.t-row{display:flex;align-items:center;gap:var(--space-2);height:28px;padding:0 var(--space-2);font-size:var(--text-sm);border-bottom:1px solid var(--border);box-shadow:inset 2px 0 0 var(--kind-hydro)}.t-row[data-kind=rain]{box-shadow:inset 2px 0 0 var(--kind-rain)}.t-row:hover{background:var(--surface-2)}.t-row__code{width:3.6em;font-size:var(--text-xs);color:var(--text-muted)}.t-row__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-row__value{font-weight:var(--weight-bold)}.t-row[data-state=offline] .t-row__value{color:var(--text-subtle);font-weight:400}.t-row__unit{margin-left:3px;font-size:var(--text-xs);font-weight:400;color:var(--text-muted)}.t-row__trend{width:1em;text-align:center;color:var(--text-muted)}.t-expand-list__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);max-width:420px;margin-bottom:var(--space-2)}.t-expand-list__scroll{max-height:440px;max-width:420px;overflow-y:auto;padding:2px 4px 2px 0}.t-sit{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.t-sit[data-state=warning]{background:color-mix(in srgb,var(--marker-warning) 8%,var(--surface));border-color:color-mix(in srgb,var(--marker-warning) 55%,var(--border))}.t-sit[data-state=alarm]{background:color-mix(in srgb,var(--marker-alarm) 8%,var(--surface));border-color:color-mix(in srgb,var(--marker-alarm) 60%,var(--border))}.t-sit__ring{--ring: var(--marker-normal);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle,var(--surface) 0 17px,transparent 18px),conic-gradient(var(--ring) calc(var(--fresh) * 360deg),var(--border) 0)}.t-sit[data-state=warning] .t-sit__ring{--ring: var(--marker-warning)}.t-sit[data-state=alarm] .t-sit__ring{--ring: var(--marker-alarm)}.t-sit__ring svg{width:20px;height:20px;color:var(--text-muted)}.t-sit__body{display:flex;flex-direction:column;gap:1px;min-width:0}.t-sit__headline{font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:1.2}.t-sit[data-state=alarm] .t-sit__headline{color:var(--marker-alarm)}.t-sit[data-state=offline] .t-sit__headline{color:var(--text-muted)}.t-sit__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-sit__numbers{display:flex;flex-wrap:wrap;gap:0 var(--space-3)}.t-sit__star{align-self:start;padding:0 2px;font-size:20px;line-height:1;color:var(--text-subtle);background:none;border:0;cursor:pointer}.t-sit__star[aria-pressed=true]{color:var(--marker-warning)}.vd-list__items{display:flex;flex:1;flex-direction:column;gap:var(--space-2);min-height:0;padding:var(--space-2) var(--space-3) var(--space-3);overflow-y:auto}.vd-item{border-radius:var(--radius-sm);cursor:pointer;outline:none}.vd-item:hover .t-panel{border-color:var(--border-strong)}.vd-item:focus-visible,.vd-item[data-selected]{box-shadow:0 0 0 2px var(--accent)}.vd-item__actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);cursor:default}.vd-item__actions svg{width:14px;height:14px}.t-list--expand{display:flex;flex-direction:column}.state-glyph{flex:none;fill:none;stroke-width:1.8}.state-glyph--normal{fill:color-mix(in srgb,var(--status-normal) 75%,var(--surface));stroke:none}.state-glyph--warning{fill:var(--marker-warning);stroke:var(--marker-warning)}.state-glyph--alarm{fill:var(--marker-alarm);stroke:var(--marker-alarm)}.state-glyph--offline{stroke:var(--marker-offline)}.state-glyph--manual{fill:var(--marker-offline);stroke:none}.t-expand{position:relative;height:36px}.t-expand__card{position:absolute;top:50%;right:0;left:0;display:flex;flex-direction:column;padding:0 var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);transform:translateY(-50%);pointer-events:none;transition:box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease)}.t-expand{--t-kind: var(--kind-hydro)}.t-expand[data-kind=rain]{--t-kind: var(--kind-rain)}.t-expand[data-kind=meteo]{--t-kind: var(--kind-meteo)}.t-expand[data-kind=water_quality]{--t-kind: var(--kind-water-quality)}.t-expand[data-kind=sewer]{--t-kind: var(--kind-sewer)}.t-expand__card{border-left:4px solid var(--t-kind)}.t-expand[data-state=warning] .t-expand__card{border-right:4px solid var(--marker-warning)}.t-expand[data-state=alarm] .t-expand__card{border-right:4px solid var(--marker-alarm)}.t-expand[data-state=offline] .t-expand__card{border-right:4px solid var(--marker-offline)}.t-expand[data-open]:not([data-flow]) .t-expand__card{z-index:5;box-shadow:var(--shadow-lg)}.t-expand[aria-current=true] .t-expand__card{z-index:2;background:color-mix(in srgb,var(--accent) 6%,var(--surface));box-shadow:0 0 0 2px var(--accent),var(--shadow-md)}.t-expand[data-flow],.t-expand[data-push]{height:auto;margin-bottom:4px}.t-expand[data-flow] .t-expand__card,.t-expand[data-push] .t-expand__card{position:static;transform:none;pointer-events:auto}.t-expand[data-push] .t-expand__card,.t-expand[data-flow] .t-expand__card{cursor:pointer}.t-expand[data-push][data-open]:not([aria-current=true]) .t-expand__card{box-shadow:var(--shadow-md)}.t-expand__line{display:flex;align-items:center;gap:var(--space-1);height:34px;pointer-events:auto}.t-expand__select{display:flex;flex:1;align-items:center;gap:var(--space-2);min-width:0;height:100%;padding:0;font:inherit;font-size:var(--text-sm);color:inherit;text-align:left;background:none;border:0;cursor:pointer}.t-expand__select:focus-visible,.t-expand__icon:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:var(--radius-sm)}.t-expand__name{flex:1;overflow:hidden;font-weight:var(--weight-bold);text-overflow:ellipsis;white-space:nowrap}.t-expand__value{font-weight:var(--weight-bold)}.t-expand__unit{font-size:var(--text-xs);font-weight:400;color:var(--text-muted)}.t-expand__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.t-expand__actions{display:flex;flex:none;gap:2px;pointer-events:auto}.t-expand__icon{display:grid;place-items:center;width:26px;height:26px;padding:0;color:var(--text-muted);background:none;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.t-expand__icon:hover{color:var(--text);background:var(--surface-2);border-color:var(--border)}.t-expand__icon svg{width:15px;height:15px}.t-expand__more{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--duration) var(--ease)}.t-expand__more-inner{min-height:0}.t-expand[data-open] .t-expand__more{grid-template-rows:1fr}.t-expand[data-open] .t-expand__more--top .t-expand__more-inner{padding-top:var(--space-2)}.t-expand[data-open] .t-expand__more--bottom .t-expand__more-inner{padding-bottom:var(--space-2)}.t-expand__top{display:flex;justify-content:space-between;gap:var(--space-2);white-space:nowrap}.t-expand__place{min-width:0;overflow:hidden;text-overflow:ellipsis}.t-expand__state{display:inline-flex;flex:none;align-items:center;gap:4px}.t-expand__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px var(--space-3);margin:0 0 2px;font-size:var(--text-sm)}.t-expand__facts>div{display:flex;justify-content:space-between;gap:var(--space-2);min-width:0;white-space:nowrap}.t-expand__facts dt{min-width:0;overflow:hidden;color:var(--text-muted);text-overflow:ellipsis}.t-expand__facts dd{flex:none;margin:0}.t-expand__more svg{width:12px;height:12px;vertical-align:-1px}.al-view{transition:grid-template-columns .26s var(--ease)}.al-listwrap{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.al-listwrap>.station-list{flex:1;min-width:0;min-height:0;transition:transform .26s var(--ease),opacity .26s var(--ease)}.al-view[data-collapsible] .al-listwrap>.station-list{min-width:360px}.al-view[data-collapsed] .al-listwrap>.station-list{opacity:0;transform:translate(-40px)}.al-tab svg{width:16px;height:16px}.al-tab{position:absolute;top:50%;left:0;z-index:45;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:26px;min-height:64px;padding:8px 4px;color:var(--text-muted);cursor:pointer;background:var(--surface);border:1px solid var(--border);border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0;box-shadow:4px 0 12px #0f14321f;transform:translateY(-50%);transition:color var(--duration) var(--ease),background var(--duration) var(--ease)}.al-tab:hover,.al-tab:focus-visible{color:var(--accent);background:var(--surface-2)}.al-tab__label{font-size:11px;font-weight:var(--weight-bold);writing-mode:vertical-rl;transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.al-view,.al-listwrap>.station-list{transition:none}}.al-listwrap .t-expand[aria-current=true] .t-expand__card{z-index:4}.al-view[data-collapsible]:not(.al-view--float) .station-details{left:calc(26px + var(--space-2))}.al-hidden{flex:none;margin:0;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-muted);text-align:center;background:var(--surface-2);border-top:1px solid var(--border);border-right:1px solid var(--border)}.al-hidden__all{padding:0;font:inherit;color:var(--accent);text-decoration:underline;cursor:pointer;background:none;border:none}.al-view--float .al-hidden{border-right:none}.al-view[data-collapsed] .al-hidden{visibility:hidden}.mockup{--mockup-bar: 40px;display:flex;flex-direction:column;height:100vh;background:var(--bg)}.mockup__bar{display:flex;flex:none;align-items:center;gap:var(--space-3);height:var(--mockup-bar);padding:0 var(--space-3);overflow-x:auto;font-size:var(--text-xs);color:#e8ecf6;white-space:nowrap;background:#1b1f3b}.mockup__back{color:#c9d2ec;text-decoration:none}.mockup__title{font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase}.mockup__switch{display:inline-flex;align-items:center;gap:2px}.mockup__switch-label{margin-right:4px;color:#9aa6c7}.mockup__switch button{padding:4px 10px;font:inherit;color:#c9d2ec;cursor:pointer;background:transparent;border:1px solid #3a4170;border-radius:999px}.mockup__switch button[aria-pressed=true]{color:#1b1f3b;background:#9fdaf7;border-color:#9fdaf7}.mockup__role{display:inline-flex;align-items:center;gap:6px;color:#9aa6c7}.mockup__role select{font:inherit;color:#e8ecf6;background:#2a2f57;border:1px solid #3a4170;border-radius:6px}.mockup__note{overflow:hidden;color:#9aa6c7;text-overflow:ellipsis}.mockup__stage{position:relative;flex:1;min-height:0}.mockup__stage .shell{height:100%}.fm-picker{display:flex;flex-direction:column;gap:var(--space-2)}.fm-picker__group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.fm-picker__group .segmented{flex-wrap:wrap}.fm-picker__label{min-width:128px;margin:0;font-size:12px;font-weight:600;color:var(--text-muted)}.fm-compare-group{display:flex;flex-direction:column;gap:var(--space-2)}.fm-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,2fr);gap:var(--space-4);align-items:start}@media(max-width:1000px){.fm-layout{grid-template-columns:1fr}}.fm{overflow:hidden;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md)}.fm-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border-bottom:1px solid var(--border)}.fm-h1{margin:0;font-size:22px;font-weight:700}.fm-h2{margin:0;font-size:20px;font-weight:700}.fm-tabs{display:flex;align-items:center;gap:var(--space-3);font-size:14px;font-weight:600}.fm-tab{padding-bottom:4px;color:var(--text-muted)}.fm-tab--on{color:var(--accent);border-bottom:2px solid var(--accent)}.fm-body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.fm-station{display:flex;flex-direction:column;gap:4px}.fm-muted{font-size:12px;color:var(--text-muted)}.fm-code{font-size:13px}.fm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.fm-tile,.fm-text,.fm-field,.fm-table,.fm-chart{position:relative;padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.fm-tile{display:flex;flex-direction:column;gap:2px}.fm-value{font-size:32px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.fm-text p{margin:0;font-size:14px;line-height:1.5}.fm-field{display:flex;flex-direction:column;gap:6px;font-size:14px}.fm-label{font-size:13px;font-weight:600}.fm-table{width:100%;font-size:13px;font-variant-numeric:tabular-nums;border-collapse:separate}.fm-table caption{position:absolute;top:-10px;left:-10px}.fm-table th{font-weight:600;text-align:left;color:var(--text-muted)}.fm-table td+td,.fm-table th+th{text-align:right}.fm-chart svg{display:block;width:100%;height:auto}.fm-chart text{font-size:11px;fill:var(--text-muted);font-variant-numeric:tabular-nums}.fm-grid-line{stroke:var(--border)}.fm-line{fill:none;stroke:var(--lab-series-1, var(--accent));stroke-width:2}.fm-tip{position:absolute;top:18px;right:18px;display:flex;flex-direction:column;gap:2px;padding:6px 10px;font-size:13px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg)}.fm-alphabet{margin:0;font-size:15px}.fm-badge{display:inline-grid;place-items:center;flex:none;width:18px;height:18px;margin-right:4px;font-family:system-ui,sans-serif;font-size:10px;font-weight:700;color:#fff;vertical-align:middle;background:var(--accent);border-radius:50%}.fm-tile>.fm-badge,.fm-text>.fm-badge,.fm-chart>.fm-badge{position:absolute;top:-9px;left:-9px}.fm-legend ol{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none;font-size:13px}.fm-legend li{display:flex;align-items:flex-start;gap:6px}.fm-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-3)}.fm-card{display:flex;flex-direction:column;gap:6px;text-align:left;color:var(--text);font-size:14px;cursor:pointer}.fm-card:hover{border-color:var(--border-strong)}.fm-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.fm-digits{font-size:13px}.fm-row{display:flex;justify-content:space-between;font-size:13px;font-variant-numeric:tabular-nums}.sensor-icons__title{margin:0;font-size:var(--text-lg)}.sensor-icons__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--space-3)}.sensor-icons__cell{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius-md)}.sensor-icons__sizes{display:flex;align-items:flex-end;gap:var(--space-3);min-height:48px;color:var(--text)}.sensor-icons__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0 var(--space-5);margin:0;padding:0;list-style:none}.sensor-icons__list li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.sensor-icons__list strong{margin-left:auto;font-variant-numeric:tabular-nums}.sensor-icons__list-icon{display:inline-flex;width:22px;justify-content:center;color:var(--text-muted)}.sensor-badge{display:inline-flex;flex:none;align-items:center;justify-content:center;color:#fff;border-radius:25%}.sensor-badge--water{background:var(--kind-hydro)}.sensor-badge--temp{background:#c8551f}.sensor-badge--quality{background:var(--kind-water-quality)}.sensor-badge--power{background:#b07800}.sensor-badge--link{background:var(--kind-rain)}.sensor-badge--device{background:#4f5d7a}.mc-pickers{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.mc-examples{display:flex;flex-wrap:wrap;gap:var(--space-1)}.mc-chip{height:var(--control-height-sm);padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text);font:inherit;font-size:var(--text-sm);cursor:pointer}.mc-chip:hover{background:var(--surface-2)}.mc-chip[aria-pressed=true]{border-color:var(--brand-navy);background:var(--brand-navy);color:#fff}.mc-board{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-6) var(--space-5);padding:var(--space-6) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-3)}.mc-slot{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin:0}.mc-slot figcaption{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.mc-extra--warning strong{color:var(--marker-warning)}.mc-extra--alarm strong{color:var(--marker-alarm)}.mc-extra--nodata strong{color:var(--text-muted)}.sg__header{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding:var(--space-3) clamp(16px,3vw,32px);background:color-mix(in srgb,var(--surface) 88%,transparent);border-bottom:1px solid var(--border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.sg__logo{height:40px;width:auto;margin-right:auto}.sg__layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-8);max-width:1280px;margin:0 auto;padding:var(--space-8) clamp(16px,3vw,32px)}.sg__nav{position:sticky;top:90px;align-self:start;display:flex;flex-direction:column;gap:var(--space-1)}.sg__nav a{padding:var(--space-2) var(--space-3);color:var(--text-muted);text-decoration:none;border-radius:var(--radius-sm)}.sg__nav a:hover{color:var(--text);background:var(--surface-3)}.sg__content{display:flex;flex-direction:column;gap:var(--space-12)}.sg__intro{display:flex;flex-direction:column;gap:var(--space-2)}.sg__section{scroll-margin-top:90px;display:flex;flex-direction:column;gap:var(--space-5)}.sg__section-title{padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.sg-label{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle)}.sg-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.sg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-5)}.sg-stack{display:flex;flex-direction:column;gap:var(--space-3)}.sg-note{font-size:var(--text-sm);color:var(--text-muted)}@media(max-width:860px){.sg__layout{grid-template-columns:1fr}.sg__nav{display:none}}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}.swatch{overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.swatch__color{height:64px;border-bottom:1px solid var(--border)}.swatch__meta{display:flex;flex-direction:column;padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.swatch__meta code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.reading{display:inline-flex;align-items:baseline;gap:var(--space-1)}.reading__value{font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:1}.reading__unit{font-size:var(--text-lg);color:var(--text-muted)}.station-popover{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.station-popover__reading{display:flex;align-items:baseline;justify-content:space-between;margin:var(--space-2) 0}.station-popover__list{display:grid;grid-template-columns:1fr auto;gap:var(--space-2) var(--space-4);margin:0 0 var(--space-2);font-size:var(--text-sm)}.station-popover__list dt{color:var(--text-muted)}.station-popover__list dd{margin:0;font-weight:var(--weight-bold);text-align:right}.station-popover__chart{width:100%;height:90px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md)}.station-popover__chart path:first-child{fill:var(--accent-soft)}.station-popover__chart path:last-child{fill:none;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}.login-variant{display:flex;flex-direction:column;gap:var(--space-3);margin:0}.login-variant figcaption{display:flex;flex-direction:column;gap:var(--space-1)}.login-variant__preview{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;background-size:cover;background-position:center;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.login-variant__preview--vector{background:radial-gradient(ellipse at 70% 15%,rgb(85 152 209 / .45),transparent 55%),repeating-radial-gradient(ellipse at 78% 30%,transparent 0 14px,rgb(139 189 235 / .18) 14px 15px),linear-gradient(180deg,#0c1442,#070c2a)}.login-variant__card{position:absolute;top:18%;bottom:18%;left:8%;width:28%;background:#0a1030c7;border:1px solid rgb(255 255 255 / .12);border-radius:8px}.login-variant__card:before{content:"";position:absolute;top:0;left:12%;right:12%;height:2px;background:linear-gradient(90deg,var(--brand-sky),var(--brand-green))}.marker-preview{display:flex;flex-direction:column;gap:var(--space-3)}.marker-preview__toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-4)}.marker-preview__zoom{display:flex;flex-direction:column;gap:var(--space-1);min-width:260px}.marker-preview__zoom input{accent-color:var(--accent)}.marker-preview__map{position:relative;overflow:hidden;background:#cfe0ee;border:1px solid var(--border);border-radius:var(--radius-lg)}.marker-preview__bg{display:block;cursor:grab;touch-action:none}.marker-preview__land{fill:#fff;stroke:#9aa6c2}.marker-preview__city{fill:#f1f3f8;stroke:#c7cedc;stroke-dasharray:4 3}.marker-preview__river{fill:none;stroke:#5a8fcb;stroke-width:1.5}.marker-preview__river--main{stroke-width:3}.toasts{position:fixed;bottom:var(--space-6);left:50%;z-index:1000;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);transform:translate(-50%);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-2);max-width:min(520px,calc(100vw - 32px));padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-in .18s var(--ease)}.toast>svg{flex:none;width:18px;height:18px}.toast--success>svg{color:var(--success)}.toast--info>svg{color:var(--info)}.toast__close{display:grid;place-items:center;width:24px;height:24px;padding:0;color:var(--text-muted);background:none;border:none;border-radius:50%;cursor:pointer}.toast__close:hover{background:var(--surface-2)}.toast__close svg{width:14px;height:14px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}