:root { color-scheme: light; }
.master-theme-picker { display:inline-flex;align-items:center;gap:7px;width:auto;color:#687386;font-size:13px }
.master-theme-picker select { width:auto;min-width:142px;padding:8px 30px 8px 10px;border-radius:8px }
html[data-theme="dark"] { color-scheme:dark;color:#eceef1;background:#1e1f22 }
html[data-theme="dark"] body,html[data-theme="dark"] main { background:#1e1f22;color:#eceef1 }
html[data-theme="dark"] .panel-header { background:#1e1f22 }
html[data-theme="dark"] .login-card,html[data-theme="dark"] .card,html[data-theme="dark"] dialog { background:#282a2e;color:#eceef1;box-shadow:0 10px 35px #0006 }
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select { color:#eceef1;background:#232428;border-color:#4b4e55 }
html[data-theme="dark"] th,html[data-theme="dark"] td { border-bottom-color:#3a3d43 }
html[data-theme="dark"] .card thead th,html[data-theme="dark"] .automation-credentials-dialog thead th { background:#282a2e;box-shadow:0 1px 0 #3a3d43 }
html[data-theme="dark"] th,html[data-theme="dark"] .message,html[data-theme="dark"] header p,html[data-theme="dark"] #status,html[data-theme="dark"] .technical-name,html[data-theme="dark"] .device-id,html[data-theme="dark"] .device-comment,html[data-theme="dark"] .master-theme-picker,html[data-theme="dark"] #masterForm small,html[data-theme="dark"] #deviceForm small,html[data-theme="dark"] #panelSettingsForm small,html[data-theme="dark"] .dialog-subtitle { color:#aeb2ba }
html[data-theme="dark"] .badge { color:#dce9ff;background:#28456d }
html[data-theme="dark"] .notice { color:#ffdca0;background:#493817 }
html[data-theme="dark"] .device-group-row td { color:#eceef1;background:#232428;border-top-color:#4b4e55;border-bottom-color:#4b4e55 }
html[data-theme="dark"] .device-group-header strong { color:#eceef1 }
html[data-theme="dark"] fieldset { border-color:#4b4e55 }
html[data-theme="dark"] dialog::backdrop { background:#08090ab8 }