/* Keep all printed invoices and barcode labels on their original white background. */
@media screen {
 html[data-theme="dark"] { color-scheme: dark; }
 html[data-theme="dark"] body { background:#101318;color:#e8edf3; }
 html[data-theme="dark"] header { background:#090c10; }
 html[data-theme="dark"] nav { background:#191f27;border-color:#354151; }
 html[data-theme="dark"] nav button { background:#29323e;color:#e8edf3; }
 html[data-theme="dark"] nav button.active { background:#dbe8ff;color:#12223c; }
 html[data-theme="dark"] .panel,
 html[data-theme="dark"] .metric { background:#191f27;border-color:#354151; }
 html[data-theme="dark"] h1,
 html[data-theme="dark"] h2,
 html[data-theme="dark"] h3,
 html[data-theme="dark"] summary { color:#f0f4fa; }
 html[data-theme="dark"] label,
 html[data-theme="dark"] .metric small,
 html[data-theme="dark"] p.note { color:#bac7d6; }
 html[data-theme="dark"] input,
 html[data-theme="dark"] select,
 html[data-theme="dark"] textarea { background:#11171f;color:#edf3fa;border-color:#526174; }
 html[data-theme="dark"] input::placeholder,
 html[data-theme="dark"] textarea::placeholder { color:#9baabd; }
 html[data-theme="dark"] button,
 html[data-theme="dark"] .btn { background:#dbe8ff;color:#12223c; }
 html[data-theme="dark"] button.secondary,
 html[data-theme="dark"] .btn.secondary { background:#303b49;color:#edf3fa; }
 html[data-theme="dark"] th { background:#27313e;color:#edf3fa; }
 html[data-theme="dark"] td { border-color:#354151; }
 html[data-theme="dark"] .notice,
 html[data-theme="dark"] .tag { background:#27313e;color:#dce7f5; }
 html[data-theme="dark"] .notice { border-color:#a9c8fa; }
 html[data-theme="dark"] a { color:#9cc8ff; }
 html[data-theme="dark"] .print-label { background:white;color:#111; }
 html[data-theme="dark"] #cloudGate button { background:#fff;color:#111; }
 :where(button,input,select,textarea,a):focus-visible { outline:3px solid #4d90db;outline-offset:3px; }
}