.theme-options{border:0;padding:0;margin:18px 0;display:flex;flex-wrap:wrap;gap:8px}.theme-options legend{font-size:13px;font-weight:700;margin-bottom:10px}.theme-option{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid var(--border);background:var(--panel-2);border-radius:9px;cursor:pointer;font-size:12px}.theme-option:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.theme-option input{accent-color:var(--blue);margin:0}.theme-swatch{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1px #ffffff30}
body[data-theme="light"]{--bg:#f3f6fb;--panel:#ffffff;--panel-2:#f0f4fa;--panel-3:#e7eef8;--border:#cad5e4;--border-hover:#7f9bbf;--blue:#2563eb;--blue-2:#1746a0;--text:#17243b;--muted:#51647b;--danger:#c83030;--danger-bg:#ffe8e8;--success:#167c45;--shadow:0 8px 24px #17314d12;--theme-primary:#2459c4;--theme-on-primary:#ffffff;--theme-input:#ffffff;--theme-selected:#e1ebff}
body[data-theme]:not([data-theme="blue"]){background:var(--bg);color:var(--text)}
body[data-theme]:not([data-theme="blue"]) .topbar{background:linear-gradient(180deg,var(--panel-2),var(--panel));border-color:var(--border)}
body[data-theme]:not([data-theme="blue"]) :is(.brand-mark,.column-title,.field label,.monitor-form label){color:var(--text)}
body[data-theme]:not([data-theme="blue"]) :is(.search,.field input,.field textarea,.field select,.viewer-content,.monitor-form input,.monitor-form select){background:var(--theme-input);color:var(--text);border-color:var(--border)}
body[data-theme]:not([data-theme="blue"]) :is(.card,.btn){background:var(--panel-2);color:var(--text);border-color:var(--border)}
body[data-theme]:not([data-theme="blue"]) .btn-primary{background:var(--theme-primary);color:var(--theme-on-primary);border-color:var(--blue)}
body[data-theme]:not([data-theme="blue"]) .btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}
body[data-theme]:not([data-theme="blue"]) .btn:hover{border-color:var(--blue)}
body[data-theme]:not([data-theme="blue"]) :is(.card-message,.confirm-text,.monitor-card p){color:var(--muted)}
body[data-theme]:not([data-theme="blue"]) :is(.count,.layout-option:has(input:checked)){background:var(--theme-selected);color:var(--blue-2)}
body[data-theme]:not([data-theme="blue"]) :is(.monitor-clock,.drop-hint){color:var(--blue-2)}
body[data-theme]:not([data-theme="blue"]) :is(.modal,.modal-head,.modal-foot){background:var(--panel);border-color:var(--border)}
body[data-theme]:not([data-theme="blue"]) .layout-preview span{background:var(--border-hover)}
body[data-theme]:not([data-theme="blue"]) .monitor-alert{background:var(--panel-2);border-color:var(--blue);color:var(--text)}
body[data-theme]:not([data-theme="blue"]) .monitor-alert :is(header,p){color:var(--text)}
body[data-theme]:not([data-theme="blue"]) .monitor-card.expired{background:var(--theme-selected);border-color:var(--blue)}
body[data-theme]:not([data-theme="blue"]) .monitor-card.expired .monitor-clock{color:var(--blue-2)}
body[data-theme="light"] :is(.local,.settings-status){color:#167c45}
body[data-theme="light"] .toast{background:#ffffff;border-color:var(--border);color:var(--text)}

/* Selection is indicated by the option border; inputs remain keyboard accessible. */
.theme-option,.layout-option{position:relative}
.theme-option input[type="radio"],.layout-option input[type="radio"]{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.theme-swatch{display:none}
body[data-theme="sage"]{--bg:#f2f4ef;--panel:#fffefa;--panel-2:#eaf0ec;--panel-3:#e0e9e3;--border:#d1dcd3;--border-hover:#96b0a0;--blue:#55806b;--blue-2:#365c49;--text:#263b34;--muted:#596c62;--theme-primary:#466c57;--theme-on-primary:#ffffff;--theme-input:#ffffff;--theme-selected:#e0ece3;--opening-accent:#658a75;--treatment-accent:#9281a6;--closing-accent:#aa8b66}
body[data-theme="lavender"]{--bg:#f4f2f7;--panel:#fffefd;--panel-2:#eeeaf4;--panel-3:#e5deed;--border:#dcd4e6;--border-hover:#ae9ebf;--blue:#827096;--blue-2:#66527b;--text:#383144;--muted:#6b6178;--theme-primary:#76618b;--theme-on-primary:#ffffff;--theme-input:#ffffff;--theme-selected:#e8e0f0;--opening-accent:#86998d;--treatment-accent:#9782af;--closing-accent:#ac8b76}
body[data-theme="peach"]{--bg:#f8f3ee;--panel:#fffefa;--panel-2:#f3eae2;--panel-3:#eadccf;--border:#e3d5c8;--border-hover:#c4a58f;--blue:#a06b50;--blue-2:#7b4e39;--text:#44372e;--muted:#75665b;--theme-primary:#97654b;--theme-on-primary:#ffffff;--theme-input:#ffffff;--theme-selected:#f2dfd1;--opening-accent:#839a8b;--treatment-accent:#bd947b;--closing-accent:#938aab}
body[data-theme="sky"]{--bg:#f1f5f6;--panel:#fffefd;--panel-2:#e9f0f3;--panel-3:#dfe8ed;--border:#d0dce2;--border-hover:#9bb4c2;--blue:#567f98;--blue-2:#3e6176;--text:#2c3c46;--muted:#5d6e78;--theme-primary:#4d7187;--theme-on-primary:#ffffff;--theme-input:#ffffff;--theme-selected:#ddebf2;--opening-accent:#7c9985;--treatment-accent:#789caf;--closing-accent:#b2957a}
body:is([data-theme="sage"],[data-theme="lavender"],[data-theme="peach"],[data-theme="sky"]){--danger:#b64747;--danger-bg:#f8e9e7;--success:#457354;--shadow:0 8px 28px #263b3410}
body:is([data-theme="sage"],[data-theme="lavender"],[data-theme="peach"],[data-theme="sky"]) :is(.local,.settings-status){color:var(--success)}
body:is([data-theme="sage"],[data-theme="lavender"],[data-theme="peach"],[data-theme="sky"]) .toast{background:var(--panel);border-color:var(--border);color:var(--text)}
body:is([data-theme="sage"],[data-theme="lavender"],[data-theme="peach"],[data-theme="sky"]) .column[data-category="opening"]{border-top:3px solid var(--opening-accent)}
body:is([data-theme="sage"],[data-theme="lavender"],[data-theme="peach"],[data-theme="sky"]) .column[data-category="treatment"]{border-top:3px solid var(--treatment-accent)}
body:is([data-theme="sage"],[data-theme="lavender"],[data-theme="peach"],[data-theme="sky"]) .column[data-category="closing"]{border-top:3px solid var(--closing-accent)}
.layout-option{grid-template-columns:1fr}
.theme-option:focus-within,.layout-option:focus-within{outline:2px solid var(--blue);outline-offset:3px}
