/* KD ONE personal themes: the original appearance remains the default. */
html[data-kd-theme="ocean"]{--ink:#102a40;--ink2:#183e54;--bg:#edf5f8;--panel:#fff;--line:#cfdee7;--text:#152c3b;--muted:#607b89;--lime:#80e0f0;--lime2:#147b9a;--shadow:0 18px 45px rgba(17,63,86,.10)}
html[data-kd-theme="atelier"]{--ink:#342c29;--ink2:#514038;--bg:#f7f3ed;--panel:#fffdf9;--line:#e4d8c9;--text:#312b27;--muted:#766c63;--lime:#efb56a;--lime2:#996029;--shadow:0 12px 28px rgba(65,45,27,.08)}
html[data-kd-theme="berry"]{--ink:#291935;--ink2:#41234c;--bg:#f7f1f8;--panel:#fff;--line:#e6d5e9;--text:#2d2033;--muted:#76657e;--lime:#e8a9e0;--lime2:#9b4793;--shadow:0 18px 44px rgba(70,31,86,.11)}
html[data-kd-theme]:not([data-kd-theme="classic"]) body{background:var(--bg);color:var(--text)}
html[data-kd-theme]:not([data-kd-theme="classic"]) .kd-sidebar,
html[data-kd-theme]:not([data-kd-theme="classic"]) .sidebar,
html[data-kd-theme]:not([data-kd-theme="classic"]) .pwa-settings-card{background:var(--ink)}
html[data-kd-theme]:not([data-kd-theme="classic"]) .kd-main,
html[data-kd-theme]:not([data-kd-theme="classic"]) main{background-color:var(--bg)}
html[data-kd-theme]:not([data-kd-theme="classic"]) .ui-panel,
html[data-kd-theme]:not([data-kd-theme="classic"]) .module-order-card{background:var(--panel);border-color:var(--line)}
html[data-kd-theme="mono"]{--ink:#000;--ink2:#000;--bg:#fff;--panel:#fff;--line:#000;--text:#000;--muted:#333;--lime:#fff;--lime2:#000;--red:#000;--orange:#000;--shadow:0 0 0 1px #000}
html[data-kd-theme="gray"]{--ink:#242424;--ink2:#383838;--bg:#eee;--panel:#fafafa;--line:#b3b3b3;--text:#252525;--muted:#616161;--lime:#d6d6d6;--lime2:#555;--red:#555;--orange:#777;--shadow:0 12px 32px rgba(0,0,0,.1)}
html[data-kd-theme="forest"]{--ink:#16362e;--ink2:#235041;--bg:#eff5ed;--panel:#fff;--line:#d2e2d0;--text:#20372e;--muted:#687b6c;--lime:#a7daa4;--lime2:#438150;--shadow:0 16px 40px rgba(24,71,42,.1)}
html[data-kd-theme="sunset"]{--ink:#3d2830;--ink2:#643b42;--bg:#fff4ed;--panel:#fffdfb;--line:#efd9cc;--text:#392a2b;--muted:#806d69;--lime:#ffc799;--lime2:#ac5846;--shadow:0 18px 40px rgba(91,45,37,.1)}
html[data-kd-theme="atelier"] .ui-panel,html[data-kd-theme="atelier"] .module-order-card,html[data-kd-theme="atelier"] .kd-nav,html[data-kd-theme="atelier"] button{border-radius:9px}
html[data-kd-theme="ocean"] .ui-panel,html[data-kd-theme="ocean"] .module-order-card{border-radius:28px}
html[data-kd-theme="berry"] .ui-panel,html[data-kd-theme="berry"] .module-order-card{border-radius:24px}
.theme-settings{display:grid;gap:12px;min-width:0}.theme-settings-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.theme-settings-head strong{font-size:18px}.theme-settings-head small{color:#617269;font-size:12px}.theme-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.theme-option{display:grid;gap:8px;padding:10px;border:2px solid #dce4db;border-radius:16px;cursor:pointer;min-width:0;background:#fff;color:#243027;font-size:14px;font-weight:800}.theme-option:has(input:checked){border-color:#497b2c;box-shadow:0 0 0 2px #d5e8c9}.theme-option:focus-within{outline:2px solid #427ae6;outline-offset:2px}.theme-option input{position:absolute;opacity:0;width:1px;height:1px}.theme-option small{display:block;color:#65746b;font-size:11px;font-weight:500;margin-top:2px}.theme-preview{height:54px;border-radius:9px;display:flex;align-items:flex-start;padding:8px;gap:6px}.theme-preview i{height:100%;width:22%;border-radius:4px;background:rgba(0,0,0,.42)}.theme-preview b{height:55%;width:62%;border-radius:5px;background:rgba(255,255,255,.85);margin-top:5px}.theme-preview-classic{background:#c8ff3d}.theme-preview-ocean{background:#80e0f0}.theme-preview-atelier{background:#efb56a;border-radius:2px}.theme-preview-berry{background:#e8a9e0}.theme-preview-mono{background:#fff;border:2px solid #000}.theme-preview-mono i{background:#000}.theme-preview-mono b{background:#fff;border:2px solid #000}.theme-preview-gray{background:#d1d1d1}.theme-preview-gray i{background:#333}.theme-preview-forest{background:#a7daa4}.theme-preview-sunset{background:#ffc799}.theme-settings-head [data-error]{color:#a43529}
@media(max-width:600px){.theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-settings-head{display:grid}}

html[data-kd-theme="mono"] .theme-option:has(input:checked){border-color:#000;box-shadow:0 0 0 2px #000}html[data-kd-theme="gray"] .theme-option:has(input:checked){border-color:#444;box-shadow:0 0 0 2px #bbb}

/* Remove legacy module accent colors in the neutral designs as well. */
html[data-kd-theme="mono"] body{filter:grayscale(1) contrast(8)}
html[data-kd-theme="gray"] body{filter:grayscale(1)}
html[data-kd-theme="mono"] .theme-option:has(input:checked){box-shadow:0 0 0 2px #000}