/* Account modes are independent of the saved custom palette and image. */
.theme-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--canvas);margin:0;flex-shrink:0}
.theme-switch button{border:0;border-radius:6px;background:transparent;color:var(--muted);padding:5px 9px;font-size:11px;line-height:1.5;white-space:nowrap;min-height:29px}
.theme-switch button:hover{color:var(--purple-dark);background:var(--lavender)}
.theme-switch button[aria-pressed=true]{color:var(--purple-dark);background:var(--lavender);font-weight:600}
.theme-options>div{display:flex;flex-wrap:wrap;gap:12px}.theme-options label{display:flex;align-items:center;gap:8px;padding:12px 18px;border:1px solid var(--line);border-radius:9px;cursor:pointer}.theme-options label:has(input:checked){background:var(--lavender);border-color:var(--purple-dark);color:var(--purple-dark)}
.appearance-preview :is(.preview-toolbar,.preview-summary,.preview-order){background:var(--preview-panel,#fff);border-color:var(--preview-line,#e9e7ef)}
.appearance-preview .preview-nav{background:var(--preview-panel,#fff)}
.appearance-preview :is(.preview-toolbar strong,.preview-work h3,.preview-order strong){color:var(--preview-ink,#292735)}
.appearance-preview :is(.preview-date,.preview-summary span,.preview-summary small,.preview-order small,.preview-nav span){color:var(--preview-muted,#706d7f)}
.appearance-preview .preview-nav .selected{color:var(--preview-link);background:var(--preview-soft)}
@media screen{
html[data-appearance-mode=dark]{--ink:#edf0fb;--muted:#b2b7cc;--line:#34384b;--paper:#1c2030;--green:#82d6ac;--orange:#f0ca87;--red:#ff9aab;--shadow:0 4px 20px #00000018;--accent-faint:#24253c;--accent-soft-strong:#363153;--accent-border:#514568;--accent-decoration:#9c8cdb;color-scheme:dark;background:#121520}
html[data-appearance-mode=dark] body:not(.showcase){color:var(--ink);background-color:var(--canvas)}
html[data-appearance-mode=dark] :is(.sidebar,.topbar,.panel,.metric,.period-chip,.wallet-stats article,.company-header,.guide-section,.guide-faq,.guide-progress-panel,.guide-role-tabs a,.people-tabs a,.text-image-card,.appearance-preset,.appearance-color-input,.guide-result,.guide-example){background:var(--paper);border-color:var(--line)}
html[data-appearance-mode=dark] :is(.button,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){background:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-appearance-mode=dark] :is(input,textarea)::placeholder{color:#929ab4}
html[data-appearance-mode=dark] :is(input,select,textarea):focus{border-color:var(--purple-dark)}
html[data-appearance-mode=dark] .button:hover{background:var(--lavender)}
html[data-appearance-mode=dark] .button.primary{background:var(--purple);border-color:var(--purple);color:var(--accent-contrast)}
html[data-appearance-mode=dark] .button.primary:hover{background:var(--purple);color:var(--accent-contrast);filter:brightness(1.08)}
html[data-appearance-mode=dark] :is(.metric.accent,.wallet-hero,.week-callout,.guide-intro,.guide-notice,.period-tabs a.active){background:var(--lavender);border-color:var(--accent-border)}
html[data-appearance-mode=dark] :is(.appearance-heading p,.appearance-section>p,.appearance-section label,.appearance-section small,.appearance-hint,.appearance-form .appearance-hint,.appearance-save p,.appearance-preview-label>span,.guide-section p,.guide-faq p,.guide-result,.guide-example){color:var(--muted)}
html[data-appearance-mode=dark] :is(.appearance-preset,.appearance-color-input,.company-edition,.guide-section h2,.guide-section h3){color:var(--ink)}
html[data-appearance-mode=dark] .appearance-preset[aria-pressed=true]{background:var(--lavender);border-color:var(--purple-dark)}
html[data-appearance-mode=dark] :is(.message,.pill.green){color:#9ae2ba;background:#203b32;border-color:#355c49}
html[data-appearance-mode=dark] :is(.pill.orange,.metric-icon.peach,.todo-icon.peach){color:#f0ca87;background:#403426}
html[data-appearance-mode=dark] :is(.pill.blue,.metric-icon.blue,.todo-icon.blue){color:#a6c7fa;background:#233550}
html[data-appearance-mode=dark] .metric-icon.green{color:#9ae2ba;background:#203b32}
html[data-appearance-mode=dark] .pill.gray{color:#c1bfd1;background:#353445}
html[data-appearance-mode=dark] :is(.todo-icon.rose,.notice.danger,.errorlist){color:#ffb3c7;background:#442a37;border-color:#70404f}
html[data-appearance-mode=dark] :is(.button.danger,.danger-button){color:#ffb3c7;border-color:#70404f}
html[data-appearance-mode=dark] .amber-text{color:#f0ca87}
html[data-appearance-mode=dark] .feature-option:has(input:not(:checked)) .feature-icon{background:#34384b}
html[data-appearance-mode=dark] .theme-switch{background:#151925}
html[data-appearance-mode=dark] .appearance-form .appearance-color-input input[type=text]{background:transparent;color:var(--ink)}
html[data-appearance-mode=dark] :is(.hero-status,.settings-save){background:var(--paper);border-color:var(--line)}
}
@media(max-width:560px){.topbar-left{min-width:0;flex:1}.topbar-left>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.topbar-left>.muted,.topbar-left>.breadcrumb-sep,.topbar-right>.top-date,.topbar-right>.guide-header-link{display:none}.topbar-right{flex-shrink:0;gap:7px}.theme-switch button{padding:5px 7px;font-size:10px}.theme-options label{padding:10px 13px}.company-header .theme-switch{margin:3px 0}}
@media print{.theme-switch{display:none!important}html[data-appearance-mode=dark]{--ink:#292735;--muted:#706d7f;--purple:#7563c8;--purple-dark:#6550b6;--lavender:#f0ecfa;--line:#eeedf2;--canvas:#fff;--accent-contrast:#fff;--appearance-cover:rgba(255,255,255,1);color-scheme:light}body{color:var(--ink)!important}.panel{background:#fff!important}}