/* Dunkles Design „Nacht“ – nur aktiv mit <html data-theme="dark">. Das helle Design bleibt unverändert. */
html[data-theme=dark]{color-scheme:dark;--bg:#0d1420;--panel:#151f2e;--panel-2:#1c2839;--panel-3:#223047;--ink:#e7edf5;--muted:#93a2b6;--line:#26354b;--green:#8fb6e0;--accent:#8fb6e0;--on-accent:#0d1420;background:#0d1420}
html[data-theme=dark] body,html[data-theme=dark] .experience{--bg:#0d1420;--panel:#151f2e;--ink:#e7edf5;--muted:#93a2b6;--line:#26354b;--green:#8fb6e0;--accent:#8fb6e0;background:var(--bg);color:var(--ink)}
html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] strong{color:var(--ink)}
html[data-theme=dark] .muted,html[data-theme=dark] .small,html[data-theme=dark] .subtitle,html[data-theme=dark] .eyebrow{color:var(--muted)}

/* Flächen */
html[data-theme=dark] .panel,html[data-theme=dark] dialog,html[data-theme=dark] .experience .panel{background:var(--panel);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .sidebar,html[data-theme=dark] .experience .sidebar{background:#0f1826f2;border-color:var(--line)}
html[data-theme=dark] .experience .nav.active,html[data-theme=dark] .nav.active{background:var(--panel-2);color:var(--ink);box-shadow:none}
html[data-theme=dark] .topbar{background:transparent;border-color:var(--line);color:var(--muted)}
html[data-theme=dark] .demo-pill,html[data-theme=dark] .experience .demo-pill{background:var(--panel-2);color:var(--muted)}
html[data-theme=dark] .experience .demo-pill:before{background:#7fc6a8}
html[data-theme=dark] .demo-banner{border-color:var(--line);color:var(--muted)}
html[data-theme=dark] .experience .announce-hero,html[data-theme=dark] .experience .dropin-card,html[data-theme=dark] .experience .about-panel,html[data-theme=dark] .experience .general-summary,html[data-theme=dark] .next-step,html[data-theme=dark] .live-info,html[data-theme=dark] .preview-message,html[data-theme=dark] .live-weather,html[data-theme=dark] .live-mode-banner,html[data-theme=dark] .provider-status,html[data-theme=dark] .live-provider-count span,html[data-theme=dark] .availability{background:var(--panel-2);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .weather,html[data-theme=dark] .experience .classic-overview .weather{background:linear-gradient(145deg,#1a2a40,#142033);border-color:var(--line)}
html[data-theme=dark] .weather .eyebrow{color:#9fb8d4}
html[data-theme=dark] .cloud{background:#2a3a52;box-shadow:none}
html[data-theme=dark] .sun{background:#c9d6e6;box-shadow:0 0 0 14px #c9d6e612,0 0 0 29px #c9d6e60b}
html[data-theme=dark] .experience .home-alerts{background:var(--panel-2);border-color:var(--line)}

/* Bedienelemente */
html[data-theme=dark] .secondary,html[data-theme=dark] .experience .secondary,html[data-theme=dark] .experience .dropin-card .secondary,html[data-theme=dark] .experience .camera-open,html[data-theme=dark] .experience .home-shortcuts>button,html[data-theme=dark] .experience .scene-buttons button,html[data-theme=dark] .connection-tag{background:var(--panel-2);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .experience .camera-open:hover,html[data-theme=dark] .experience .classic-shortcuts>button:hover{background:var(--panel-3);border-color:#35486a}
html[data-theme=dark] .primary,html[data-theme=dark] .experience .primary,html[data-theme=dark] .filter.active,html[data-theme=dark] .live-alexa-login,html[data-theme=dark] .experience .echo-player-top .echo-stop,html[data-theme=dark] .experience .admin-link[aria-current=page],html[data-theme=dark] #toast{background:var(--accent);border-color:var(--accent);color:var(--on-accent)!important}
html[data-theme=dark] .experience .primary:hover:not(:disabled){background:#a6c6e8}
html[data-theme=dark] .experience .text-button,html[data-theme=dark] .text-button{color:#a9c4e2}
html[data-theme=dark] .experience .switch-pair,html[data-theme=dark] .experience .favorite-list .switch-pair,html[data-theme=dark] .experience .room-tabs,html[data-theme=dark] .experience .announcement-modes,html[data-theme=dark] .temp-stepper,html[data-theme=dark] .experience .heat-control button,html[data-theme=dark] .experience .echo-player-top button,html[data-theme=dark] .room-title>span,html[data-theme=dark] .connection-icon{background:var(--panel-2);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .experience .switch-pair button{background:var(--panel-3);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .experience .switch-pair button:hover:not(:disabled){background:#2b3d59;border-color:#3a5070}
html[data-theme=dark] .experience .switch-pair button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
html[data-theme=dark] .experience .room-tabs [aria-pressed=true],html[data-theme=dark] .experience .announcement-modes [aria-pressed=true]{background:var(--panel-3);color:var(--ink);box-shadow:none}
html[data-theme=dark] .experience .preset-list button,html[data-theme=dark] .experience .composer .preset-list button,html[data-theme=dark] .experience .classic-shortcuts>button{background:var(--panel-2);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .experience .preset-list button:hover{background:var(--panel-3)}
html[data-theme=dark] .experience .echo-choice,html[data-theme=dark] .experience .recipient-names>span{background:var(--panel-2);border-color:var(--line)}
html[data-theme=dark] .experience .echo-choice:has(:checked){background:#1f3350;border-color:#5f86b0}
html[data-theme=dark] .switch-track{background:#2a3a51}
html[data-theme=dark] .switch-track:after{background:#c9d4e3}
html[data-theme=dark] .experience .temperature-edit:hover{background:var(--panel-3)!important}

/* Symbole und Hinweise */
html[data-theme=dark] .experience .light-title>svg:first-child,html[data-theme=dark] .experience .classic-shortcut-icon,html[data-theme=dark] .camera-symbol,html[data-theme=dark] .peach,html[data-theme=dark] .yellow,html[data-theme=dark] .lavender,html[data-theme=dark] .sage{background:var(--panel-3);color:#a9c4e2}
html[data-theme=dark] .experience .heat-heading svg,html[data-theme=dark] .experience .heat-heading>svg,html[data-theme=dark] .experience .house-status svg,html[data-theme=dark] .house-status>.section-heading>span{color:#a9c4e2}
html[data-theme=dark] .experience .hero-label,html[data-theme=dark] .experience .announce-hero>p,html[data-theme=dark] .experience .hero-presets>span,html[data-theme=dark] .experience .hero-recipient-row,html[data-theme=dark] .experience .general-summary p,html[data-theme=dark] .experience .about-panel p,html[data-theme=dark] .experience .dropin-card p,html[data-theme=dark] .experience .hero-group-edit,html[data-theme=dark] .experience .hero-specific,html[data-theme=dark] .experience .shortcut-arrow,html[data-theme=dark] .experience .external-label,html[data-theme=dark] .experience .family-note,html[data-theme=dark] .experience footer,html[data-theme=dark] footer{color:var(--muted)}
html[data-theme=dark] .experience .hero-presets,html[data-theme=dark] .experience .about-panel .small{border-color:var(--line)}
html[data-theme=dark] .experience .sound-art{color:#5f86b0}
html[data-theme=dark] .live-error,html[data-theme=dark] .provider-status.error,html[data-theme=dark] .live-mode-banner.error,html[data-theme=dark] .availability.offline{background:#3a1f22;color:#f2b8ae;border-color:#5a2f33}
html[data-theme=dark] .temperature-error,html[data-theme=dark] .admin-form [role=status]{color:#f2b8ae}

/* Formulare */
html[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=range]),html[data-theme=dark] textarea,html[data-theme=dark] select,html[data-theme=dark] .experience .composer textarea,html[data-theme=dark] .alexa-handoff input[readonly]{background:var(--panel-2);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] ::placeholder{color:#6f7f95}
html[data-theme=dark] .cloud-password-field{background:var(--panel-2);border-color:var(--line)}
html[data-theme=dark] .cloud-password-toggle{background:var(--panel-3);color:var(--ink)}
html[data-theme=dark] .cloud-auth{background:var(--bg)!important}
html[data-theme=dark] .cloud-auth-card,html[data-theme=dark] .admin-qr{background:var(--panel);border-color:var(--line)}
html[data-theme=dark] .admin-permissions{border-color:var(--line)}
html[data-theme=dark] .pwa-dialog{background:var(--panel);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .pwa-dialog .pwa-note{border-color:var(--line);color:var(--muted)}
html[data-theme=dark] dialog::backdrop{background:#03070dcc}

/* Umschalter hell/dunkel */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;min-width:40px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font:inherit;font-size:13px;cursor:pointer}
.theme-toggle svg{width:18px;height:18px}
.theme-toggle .theme-toggle-label{white-space:nowrap}
@media(max-width:700px){.topbar .theme-toggle{margin-left:auto;padding:0 10px}.theme-toggle .theme-toggle-label{display:none}}

/* Außentemperatur: Höchst- und Tiefstwert gut lesbar */
.weather-range{display:flex;gap:12px;margin-top:4px;font-size:13px;line-height:1.4;color:var(--ink);white-space:nowrap}
.weather-range span{display:inline-flex;align-items:center;gap:4px}
.weather-range b{font-weight:600}
.weather-range .weather-range-label{color:var(--muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase}