:root{color-scheme:dark;--pm-bg:#141922;--pm-panel:#1d2430;--pm-text:#e7edf5;--pm-muted:#b1bfd0;--pm-border:#3a4658;--pm-blue:#8bb7ff;--pm-soft:#263953}
html{background:var(--pm-bg)}
body{background:var(--pm-bg);color:var(--pm-text);margin:24px;font-family:Arial,sans-serif;line-height:1.45}
body .card,body .metric,body table,body .toast,body .multi-select-menu,body .map-legend,body .leaflet-popup-content-wrapper,body .leaflet-popup-tip{background:var(--pm-panel);color:var(--pm-text);border-color:var(--pm-border);box-shadow:none}
body .nav a,body .multi-select-toggle,body .multi-select-actions button{background:var(--pm-panel);color:var(--pm-text);border:1px solid var(--pm-border)}
body .nav a:hover,body .multi-select-option:hover{background:var(--pm-soft);color:var(--pm-blue)}
body th,body .tag{background:var(--pm-soft);color:var(--pm-text)}
body td,body th{border-color:var(--pm-border)}
body .muted,body .toast-meta,body .toast-close,body .timeline-tick,body .timeline-summary,body .mode-side-list{color:var(--pm-muted)}
body .toast-title,body .toast-body,body .sensor-popup{color:var(--pm-text)}
body a{color:var(--pm-blue)}
body input,body select,body textarea{background:var(--pm-panel);color:var(--pm-text);border:1px solid var(--pm-border);font:inherit}
body input[type=checkbox]{accent-color:var(--pm-blue)}
body button{background:var(--pm-blue);color:#10203c;border:1px solid transparent}
body button:disabled{opacity:.5;cursor:default}
body button:focus-visible,body a:focus-visible,body input:focus-visible,body select:focus-visible{outline:2px solid var(--pm-blue);outline-offset:3px}
body .status-ok{color:#8de0ad!important}
body .status-battery{color:#ffd18a!important}
body .status-offline,body .map-error{color:#ff9ca7!important}
body .status-battery-blue{color:#8bb7ff!important}
body .status-battery-cyan,body .status-generator-cyan{color:#78dce8!important}
body .status-generator-yellow,body .status-generator{color:#f6d879!important}
body .status-other,body .status-unknown{color:#c5acff!important}
body .timeline-bar{background:#2b3544}
body .timeline-axis,body .multi-select-actions{border-color:var(--pm-border)}
body .timeline-tick:before{background:var(--pm-border)}
body .leaflet-control-zoom a{background:var(--pm-panel);color:var(--pm-text)}
body .grid{margin-bottom:18px;grid-template-columns:repeat(auto-fit,minmax(195px,1fr))}
body .metric{border:1px solid var(--pm-border)}
body .metric .value{font-weight:500}
body .sensor-map{border-color:var(--pm-border)}
body .card{overflow-x:auto}
body .toast.toast-offline{border-left-color:#ff9ca7}
body .toast.toast-battery{border-left-color:#ffd18a}
@media(max-width:700px){body{margin:12px}.nav{gap:6px}.nav a{padding:8px 10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:12px}.metric .value-small{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}