/* Theme follows the browser preference; print styles keep their light palette. */
:root{color-scheme:light}
@media screen and (prefers-color-scheme:dark){
    :root{color-scheme:dark;--paper:#101713;--ink:#e4ece6;--muted:#adbbae;--line:#35483d;--green:#afe0bf;--surface:#19241e;--raised:#24362b;--selected:#294536;--warning:#edcc84;--error:#ffb5a7}
    body{background:var(--paper);color:var(--ink)}
    .header,.panel,.back-stats,.day-card,.settings-nav a,dialog{background:var(--surface);color:var(--ink)}
    .header{box-shadow:0 1px 0 #0008}.header.header-compact{box-shadow:0 4px 18px #0005}
    input,select,textarea,#edit-direction,.collection-toolbar select,.erp-section select,.back-toolbar input,.back-toolbar select,#scan-form select,#people-search select{background:var(--paper);color:var(--ink);border-color:var(--line);accent-color:var(--green)}
    input::placeholder,textarea::placeholder{color:#9bab9e;opacity:1}
    input:read-only{background:var(--raised)}
    .primary,.brand-mark{background:var(--green);color:#102419}
    .primary:hover{background:#c6ebd2;color:#102419}
    .secondary,.light,.row-actions button,.close-dialog-button{background:var(--raised);color:var(--green);border-color:var(--line)}
    .secondary:hover,.light:hover,.row-actions button:hover,.close-dialog-button:hover{background:var(--selected)}
    .top-nav .header-link{color:#bdcdbf}
    .top-nav .header-link:hover,.top-nav .header-link.active,.settings-nav a.active{background:var(--selected);color:var(--green);border-color:var(--green)}
    .settings-nav a:hover{background:var(--raised)}
    th{background:var(--raised);color:#c0d0c4;border-color:var(--line)}
    td{color:#d1dfd4;border-color:var(--line)}
    .code,.quantity,.empty strong{color:#d1ebd8}
    .heading p,.list-header p,.cell-note,.audit-note,.event-actor,.event-change,.event-heading time,.back-toolbar>p,.back-stats span,.day-card small,.snapshot,.search,.scan-erp-note,.collection-toolbar,.empty,footer,#account-name{color:var(--muted)}
    .header #account-name{color:var(--muted)}.header #connection{color:var(--green)}
    .count,.day-card strong span,.event-symbol{background:var(--selected);color:var(--green)}
    .day-card.selected{background:var(--selected);border-color:var(--green)}
    .tabs button{color:var(--muted)}.tabs button[aria-selected=true]{color:var(--green);border-color:var(--green)}
    .event-symbol.remove,.event-symbol.clear{background:#3d2d20;color:#f1ca94}
    .event-symbol.baseline{background:#293340;color:#bbd0e8}
    .line-done,#source-status{background:#20382a}
    .scan-panel{background:#163d30;color:#edf5ee}
    .scan-panel input,.scan-panel select,#scan-form select{background:#102b21;color:#edf5ee;border-color:#55755f}
    .scan-intro p,.scan-hint,#save-status{color:#c4d9c8}
    .row-actions .action-edit,.scan-table .row-actions .action-edit{background:var(--raised);color:#c0dfc9;border-color:#49614f}
    .row-actions .action-edit:hover,.scan-table .row-actions .action-edit:hover{background:var(--selected)}
    .row-actions .action-delete,.scan-table .row-actions .action-delete{background:#3c211f;color:#ffaaa0;border-color:#79473f}
    .row-actions .action-delete:hover,.scan-table .row-actions .action-delete:hover{background:#582b26;color:#ffd0c8;border-color:#aa6658}
    .delete-confirm{background:#a8382d;color:#fff}.delete-confirm:hover{background:#bc4335}
    .danger,.error-text,.erp-message.error-text,#create-user-result.error-text,#password-result.error-text,.people-unavailable{color:var(--error)}
    #save-error{background:#3c2620;color:#ffd2bf;border:1px solid #785044}
    .notice{background:#362f20;border-color:#77613c;color:var(--warning)}
    .people-cached{color:var(--warning)}
    #password-result,#create-user-result,#printer-label-status{color:var(--green)}
    #password-result.error-text,#create-user-result.error-text{color:var(--error)}
    #toast{background:var(--green);color:#102419}#toast.error{background:#a32d24;color:#fff3eb;border-color:#d7867b}
    dialog::backdrop{background:#0009}
}
/* Barcode previews represent physical paper in either theme. */
.article-label{background:#fff;color:#000;color-scheme:light}
@media print{
    :root{color-scheme:light}
    .article-label{background:#fff!important;color:#000!important}
}