:root{
  --brand:#6d28d9; --brand-2:#8b5cf6;
  --bg:#ffffff; --fg:#0a0f1f; --muted:#515e7a; --border:#e7e9f2; --chip:#f2f4f9;
  --focus:#0ea5e9; --radius:12px;
}
@media (prefers-color-scheme: dark){
  :root{ --bg:#0c1222; --fg:#e7ecff; --muted:#aab4d4; --border:#1c2742; --chip:#131b34; --focus:#38bdf8; }
}
/* Typo & Layout */
html,body{background:var(--bg)!important;color:var(--fg)!important;font:16.8px/1.55 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
h1,h2{letter-spacing:.2px}
/* Header/Toolbar */
#toolbar, .header, .taskbar{border-bottom:1px solid var(--border)!important;background:var(--bg)!important}
/* Inputs/Buttons */
input,select,textarea{
  border:1px solid var(--border)!important;background:var(--chip)!important;color:var(--fg)!important;border-radius:var(--radius)!important;padding:.68rem .85rem!important
}
.rcbutton, .button, button,input[type=submit]{
  border:0!important;border-radius:var(--radius)!important;padding:.68rem 1rem!important;
  color:#fff!important;background:linear-gradient(135deg,var(--brand),var(--brand-2))!important
}
a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:3px solid var(--focus)!important;outline-offset:2px!important}
/* Listen/Tabellen */
.listbox, .boxcontent, table.records-table{border-color:var(--border)!important}
.records-table thead th{position:sticky;top:0;background:color-mix(in srgb, var(--chip) 60%, transparent)}
.records-table tbody tr:nth-child(even){background:color-mix(in srgb, var(--chip) 35%, transparent)}
/* Nachrichtenliste & Vorschau */
#message-list tbody tr.selected, #mailview-top .headers-table{background:color-mix(in srgb, var(--brand-2) 10%, var(--bg))}