/* App appearance is screen-only; invoice print/PDF themes retain their own styles. */
@media screen {
html{color-scheme:light}html[data-appearance=dark]{color-scheme:dark}
body{background:var(--app-bg);color:var(--app-text)}
.sidebar{background:var(--app-side);color:#F1F5F9}
.sidebar nav a,.sidebar footer,.sidebar .workspace small{color:#EDF6FF}
.sidebar nav a.active,.sidebar nav a:hover{background:#FFFFFF24;color:#FFFFFF}
.sidebar .workspace{border-color:#FFFFFF40}
.topbar,.breadcrumbs span,p,small,.muted,.stats span,.stats small{color:var(--app-muted)}
.topbar{border-color:var(--app-border)}
a,.eyebrow,.breadcrumbs a,.tracking-fields summary{color:var(--app-accent)}
.breadcrumbs [aria-current=page],.empty h3{color:var(--app-text)}
section:not(.paper),.stats article,.stats article:first-child{background:var(--app-card);border-color:var(--app-border)}
.stats article:first-child{border-top:3px solid var(--app-accent)}
input,select,textarea{background:var(--app-card);color:var(--app-text);border-color:var(--app-border)}
input:focus,select:focus,textarea:focus{outline-color:var(--app-accent)}
th{background:var(--app-bg);color:var(--app-muted)}td,th{border-color:var(--app-border)}
.button,button{background:var(--app-accent);border-color:var(--app-accent);color:var(--app-ink)}
.button:hover,button:hover{filter:brightness(.93);background:var(--app-accent)}
.secondary,.back-link{background:var(--app-card);color:var(--app-text);border-color:var(--app-border)}
.secondary:hover{background:var(--app-bg)}.manual-fields{background:var(--app-bg)}
.totals .grand{border-color:var(--app-accent)}
.appearance-picker{margin-top:16px;max-width:620px;border:1px solid var(--app-border);border-radius:10px;background:var(--app-card);color:var(--app-text)}
.appearance-picker summary{padding:11px 16px;cursor:pointer;font-weight:600;color:var(--app-accent)}
.appearance-content{padding:8px 16px 18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.appearance-content>strong,.appearance-content>p,.appearance-status{grid-column:1/-1}.appearance-content p{font-size:12px;margin:0}.appearance-status{font-size:12px}
/* Paper previews deliberately remain paper-coloured in dark mode. */
.paper{background:#FFFFFF;color:#1B3036;color-scheme:light}.paper p,.paper small,.paper .muted{color:#344B50}.paper th{background:#F7F9F9;color:#536578}.paper td,.paper th{border-color:#E0E7E7}.paper .grand{border-color:#087B69}.paper.theme-indigo th,.theme-indigo .paper th{background:#EEEDF9;color:#484180}.paper.theme-indigo .grand,.theme-indigo .paper .grand{border-color:#6256A5}.paper.theme-mono th,.theme-mono .paper th{background:#EEE;color:#111}.paper.theme-mono .grand,.theme-mono .paper .grand{border-color:#111}
@media(max-width:600px){.appearance-content{grid-template-columns:1fr}}
}
@media screen {
section:not(.paper),.stats article,input,select,textarea,button,.button{border-radius:var(--app-radius)}
html[data-palette=compact-teal] section:not(.paper){padding:16px}html[data-palette=compact-teal] td,html[data-palette=compact-teal] th{padding:9px}html[data-palette=compact-teal] input,html[data-palette=compact-teal] select{padding:9px}
html[data-appearance=dark] .notice,html[data-appearance=dark] .lookup,html[data-appearance=dark] .manual-fields,html[data-appearance=dark] .journal-tabs a,html[data-appearance=dark] .bank-tabs a,html[data-appearance=dark] .easy-cart,html[data-appearance=dark] .easy-catalogue{background:var(--app-card);color:var(--app-text);border-color:var(--app-border)}
html[data-appearance=dark] .journal-tabs a.selected,html[data-appearance=dark] .bank-tabs a.active{background:var(--app-accent);color:white}
html[data-appearance=dark] #simple-journal input[readonly]{background:var(--app-bg);color:var(--app-muted)}
}
