/* AUTOMATISCH ERZEUGT: tools/gen_darkmode_css.py - nicht von Hand aendern.
 * Dunkelmodus-Ergaenzung zu styles.css (Tailwind-Utilities mit festen Hellfarben, @apply-Bausteine, Formularfelder, Inline-Farben).
 * Unlayered, daher staerker als die Tailwind-Utilities; Hover-Farben sind eigens aufgefuehrt. */
:root[data-theme="dark"] {
  color-scheme: dark;
  /* --- Bausteine aus styles.css (@apply mit festen Hellfarben) --- */
  .engine-table-card{background-color:var(--brand-surface);border-color:var(--brand-border);box-shadow:none}
  .engine-table-header-row{background-color:color-mix(in srgb, var(--brand-text) 9%, var(--brand-surface));color:var(--brand-text-muted);border-color:var(--brand-border)}
  .engine-table-row{border-color:var(--brand-border)}.engine-table-row:hover{background-color:color-mix(in srgb, var(--brand-text) 6%, var(--brand-surface))}
  .engine-table-cell{color:var(--brand-text)}
  .btn-secondary{background-color:var(--brand-surface);color:var(--brand-text);border-color:var(--brand-border)}.btn-secondary:hover{background-color:color-mix(in srgb, var(--brand-text) 8%, var(--brand-surface));border-color:var(--brand-text-muted)}
  .btn-danger{background-color:var(--brand-surface);color:#fca5a5;border-color:rgb(239 68 68 / .45)}.btn-danger:hover{background-color:rgb(239 68 68 / .16)}
  .mail-list__action-btn{background-color:color-mix(in srgb, var(--brand-text) 8%, var(--brand-surface))}.mail-list__action-btn:hover{background-color:color-mix(in srgb, var(--brand-text) 14%, var(--brand-surface))}
  /* --- Tabellen allgemein --- */
  table{color:var(--brand-text)} thead th{color:var(--brand-text-muted)}
  /* --- Formularfelder: auch ohne eigene Klassen lesbar (Hell-auf-Hell vermeiden) --- */
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button]):not([type=image]):not([type=hidden]):not([class*="bg-transparent"]):not([class*="bg-white/"]):not([class*="bg-slate-8"]):not([class*="bg-slate-9"]), select:not([class*="bg-transparent"]):not([class*="bg-slate-8"]):not([class*="bg-slate-9"]), textarea:not([class*="bg-transparent"]):not([class*="bg-slate-8"]):not([class*="bg-slate-9"]){background-color:var(--brand-surface);color:var(--brand-text);border-color:var(--brand-border)}
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button]):not([type=image]):not([type=hidden]):not([class*="bg-transparent"]):not([class*="bg-white/"]):not([class*="bg-slate-8"]):not([class*="bg-slate-9"]):focus, select:focus, textarea:focus{border-color:var(--brand-600)}
  input::placeholder, textarea::placeholder{color:var(--brand-text-muted);opacity:.85}
  select option, select optgroup{background-color:var(--brand-surface);color:var(--brand-text)}
  input:disabled, select:disabled, textarea:disabled, input[readonly]{background-color:color-mix(in srgb, var(--brand-text) 7%, var(--brand-surface));color:var(--brand-text-muted)}
  /* --- Neutrale Tailwind-Klassen --- */
  .bg-slate-200, .bg-gray-200, .hover\:bg-slate-200\/80:hover, .hover\:bg-slate-200:hover{background-color:color-mix(in srgb, var(--brand-text) 14%, var(--brand-surface))}
  .bg-gray-50, .bg-gray-100, .hover\:bg-slate-50:hover, .hover\:bg-slate-100:hover, .hover\:bg-gray-100:hover, .hover\:bg-gray-50:hover, .hover\:bg-slate-50\/80:hover, .odd\:bg-slate-50:nth-child(odd), .even\:bg-slate-50:nth-child(even){background-color:color-mix(in srgb, var(--brand-text) 7%, var(--brand-surface))}
  .text-gray-900, .text-gray-800, .text-gray-700, .text-black, .hover\:text-slate-800:hover, .hover\:text-slate-900:hover, .hover\:text-gray-700:hover{color:var(--brand-text)}
  .text-gray-600, .text-gray-500, .text-gray-400, .placeholder-slate-400::placeholder{color:var(--brand-text-muted)}
  .border-slate-50, .border-slate-200\/80, .border-gray-100, .border-gray-200, .border-gray-300, .divide-gray-100>:not(:last-child), .divide-gray-200>:not(:last-child){border-color:var(--brand-border)}
  .ring-slate-200, .ring-slate-100, .ring-gray-200{--tw-ring-color:var(--brand-border)}
  /* --- Transparente Hellflaechen und -linien (z. B. Mail-Symbolleiste) --- */
  .bg-white\/40, .bg-white\/50, .bg-white\/60, .bg-white\/70, .bg-white\/75, .bg-white\/80, .bg-white\/85, .bg-white\/90, .bg-white\/95, .bg-slate-50\/40, .bg-slate-50\/50, .bg-slate-50\/60, .bg-slate-50\/70, .bg-slate-50\/80, .bg-slate-50\/90, .bg-slate-50\/95, .bg-slate-100\/40, .bg-slate-100\/50, .bg-slate-100\/60, .bg-slate-100\/70, .bg-slate-100\/80, .bg-slate-100\/90, .bg-slate-100\/95{background-color:var(--brand-surface)}
  .border-slate-100\/40, .border-gray-100\/40, .border-slate-100\/50, .border-gray-100\/50, .border-slate-100\/60, .border-gray-100\/60, .border-slate-100\/70, .border-gray-100\/70, .border-slate-100\/80, .border-gray-100\/80, .border-slate-100\/90, .border-gray-100\/90, .border-slate-200\/40, .border-gray-200\/40, .border-slate-200\/50, .border-gray-200\/50, .border-slate-200\/60, .border-gray-200\/60, .border-slate-200\/70, .border-gray-200\/70, .border-slate-200\/80, .border-gray-200\/80, .border-slate-200\/90, .border-gray-200\/90, .border-slate-300\/40, .border-gray-300\/40, .border-slate-300\/50, .border-gray-300\/50, .border-slate-300\/60, .border-gray-300\/60, .border-slate-300\/70, .border-gray-300\/70, .border-slate-300\/80, .border-gray-300\/80, .border-slate-300\/90, .border-gray-300\/90{border-color:var(--brand-border)}
  .shadow-slate-200\/40, .shadow-slate-200\/50{--tw-shadow-color:rgb(0 0 0 / .35)}
  /* --- Hover auf getoenten Icon-Buttons: Vollfarbe + weisse Schrift (muss die getoente Grundregel schlagen) --- */
  .hover\:text-white:hover{color:#fff}
  .hover\:bg-slate-600:hover{background-color:#475569}
  .hover\:bg-slate-700:hover{background-color:#334155}
  .hover\:bg-slate-800:hover{background-color:#1e293b}
  .hover\:bg-black:hover{background-color:#000}
  /* --- Farbige Chips/Hinweise: helle Toenung -> transparente Toenung, dunkle Schrift -> helle Schrift --- */
  .bg-red-50, .bg-red-100, .hover\:bg-red-50:hover, .hover\:bg-red-100:hover{background-color:rgb(239 68 68 / .16)}
  .bg-red-200, .hover\:bg-red-200:hover{background-color:rgb(239 68 68 / .26)}
  .text-red-600, .text-red-700, .text-red-800, .text-red-900{color:#fca5a5}
  .border-red-100, .border-red-200, .border-red-300{border-color:rgb(239 68 68 / .38)}
  .hover\:bg-red-500:hover{background-color:#ef4444} .hover\:bg-red-600:hover{background-color:#dc2626} .hover\:bg-red-700:hover{background-color:color-mix(in srgb, #dc2626 82%, #000)}
  .hover\:border-red-300:hover, .hover\:border-red-400:hover{border-color:rgb(239 68 68 / .6)}
  .bg-rose-50, .bg-rose-100, .hover\:bg-rose-50:hover, .hover\:bg-rose-100:hover{background-color:rgb(244 63 94 / .16)}
  .bg-rose-200, .hover\:bg-rose-200:hover{background-color:rgb(244 63 94 / .26)}
  .text-rose-600, .text-rose-700, .text-rose-800, .text-rose-900{color:#fda4af}
  .border-rose-100, .border-rose-200, .border-rose-300{border-color:rgb(244 63 94 / .38)}
  .hover\:bg-rose-500:hover{background-color:#f43f5e} .hover\:bg-rose-600:hover{background-color:#e11d48} .hover\:bg-rose-700:hover{background-color:color-mix(in srgb, #e11d48 82%, #000)}
  .hover\:border-rose-300:hover, .hover\:border-rose-400:hover{border-color:rgb(244 63 94 / .6)}
  .bg-amber-50, .bg-amber-100, .hover\:bg-amber-50:hover, .hover\:bg-amber-100:hover{background-color:rgb(245 158 11 / .16)}
  .bg-amber-200, .hover\:bg-amber-200:hover{background-color:rgb(245 158 11 / .26)}
  .text-amber-600, .text-amber-700, .text-amber-800, .text-amber-900{color:#fcd34d}
  .border-amber-100, .border-amber-200, .border-amber-300{border-color:rgb(245 158 11 / .38)}
  .hover\:bg-amber-500:hover{background-color:#f59e0b} .hover\:bg-amber-600:hover{background-color:#d97706} .hover\:bg-amber-700:hover{background-color:color-mix(in srgb, #d97706 82%, #000)}
  .hover\:border-amber-300:hover, .hover\:border-amber-400:hover{border-color:rgb(245 158 11 / .6)}
  .bg-orange-50, .bg-orange-100, .hover\:bg-orange-50:hover, .hover\:bg-orange-100:hover{background-color:rgb(249 115 22 / .16)}
  .bg-orange-200, .hover\:bg-orange-200:hover{background-color:rgb(249 115 22 / .26)}
  .text-orange-600, .text-orange-700, .text-orange-800, .text-orange-900{color:#fdba74}
  .border-orange-100, .border-orange-200, .border-orange-300{border-color:rgb(249 115 22 / .38)}
  .hover\:bg-orange-500:hover{background-color:#f97316} .hover\:bg-orange-600:hover{background-color:#ea580c} .hover\:bg-orange-700:hover{background-color:color-mix(in srgb, #ea580c 82%, #000)}
  .hover\:border-orange-300:hover, .hover\:border-orange-400:hover{border-color:rgb(249 115 22 / .6)}
  .bg-yellow-50, .bg-yellow-100, .hover\:bg-yellow-50:hover, .hover\:bg-yellow-100:hover{background-color:rgb(234 179 8 / .16)}
  .bg-yellow-200, .hover\:bg-yellow-200:hover{background-color:rgb(234 179 8 / .26)}
  .text-yellow-600, .text-yellow-700, .text-yellow-800, .text-yellow-900{color:#fde047}
  .border-yellow-100, .border-yellow-200, .border-yellow-300{border-color:rgb(234 179 8 / .38)}
  .hover\:bg-yellow-500:hover{background-color:#eab308} .hover\:bg-yellow-600:hover{background-color:#ca8a04} .hover\:bg-yellow-700:hover{background-color:color-mix(in srgb, #ca8a04 82%, #000)}
  .hover\:border-yellow-300:hover, .hover\:border-yellow-400:hover{border-color:rgb(234 179 8 / .6)}
  .bg-lime-50, .bg-lime-100, .hover\:bg-lime-50:hover, .hover\:bg-lime-100:hover{background-color:rgb(132 204 22 / .16)}
  .bg-lime-200, .hover\:bg-lime-200:hover{background-color:rgb(132 204 22 / .26)}
  .text-lime-600, .text-lime-700, .text-lime-800, .text-lime-900{color:#bef264}
  .border-lime-100, .border-lime-200, .border-lime-300{border-color:rgb(132 204 22 / .38)}
  .hover\:bg-lime-500:hover{background-color:#84cc16} .hover\:bg-lime-600:hover{background-color:#65a30d} .hover\:bg-lime-700:hover{background-color:color-mix(in srgb, #65a30d 82%, #000)}
  .hover\:border-lime-300:hover, .hover\:border-lime-400:hover{border-color:rgb(132 204 22 / .6)}
  .bg-green-50, .bg-green-100, .hover\:bg-green-50:hover, .hover\:bg-green-100:hover{background-color:rgb(34 197 94 / .16)}
  .bg-green-200, .hover\:bg-green-200:hover{background-color:rgb(34 197 94 / .26)}
  .text-green-600, .text-green-700, .text-green-800, .text-green-900{color:#86efac}
  .border-green-100, .border-green-200, .border-green-300{border-color:rgb(34 197 94 / .38)}
  .hover\:bg-green-500:hover{background-color:#22c55e} .hover\:bg-green-600:hover{background-color:#16a34a} .hover\:bg-green-700:hover{background-color:color-mix(in srgb, #16a34a 82%, #000)}
  .hover\:border-green-300:hover, .hover\:border-green-400:hover{border-color:rgb(34 197 94 / .6)}
  .bg-emerald-50, .bg-emerald-100, .hover\:bg-emerald-50:hover, .hover\:bg-emerald-100:hover{background-color:rgb(16 185 129 / .16)}
  .bg-emerald-200, .hover\:bg-emerald-200:hover{background-color:rgb(16 185 129 / .26)}
  .text-emerald-600, .text-emerald-700, .text-emerald-800, .text-emerald-900{color:#6ee7b7}
  .border-emerald-100, .border-emerald-200, .border-emerald-300{border-color:rgb(16 185 129 / .38)}
  .hover\:bg-emerald-500:hover{background-color:#10b981} .hover\:bg-emerald-600:hover{background-color:#059669} .hover\:bg-emerald-700:hover{background-color:color-mix(in srgb, #059669 82%, #000)}
  .hover\:border-emerald-300:hover, .hover\:border-emerald-400:hover{border-color:rgb(16 185 129 / .6)}
  .bg-teal-50, .bg-teal-100, .hover\:bg-teal-50:hover, .hover\:bg-teal-100:hover{background-color:rgb(20 184 166 / .16)}
  .bg-teal-200, .hover\:bg-teal-200:hover{background-color:rgb(20 184 166 / .26)}
  .text-teal-600, .text-teal-700, .text-teal-800, .text-teal-900{color:#5eead4}
  .border-teal-100, .border-teal-200, .border-teal-300{border-color:rgb(20 184 166 / .38)}
  .hover\:bg-teal-500:hover{background-color:#14b8a6} .hover\:bg-teal-600:hover{background-color:#0d9488} .hover\:bg-teal-700:hover{background-color:color-mix(in srgb, #0d9488 82%, #000)}
  .hover\:border-teal-300:hover, .hover\:border-teal-400:hover{border-color:rgb(20 184 166 / .6)}
  .bg-cyan-50, .bg-cyan-100, .hover\:bg-cyan-50:hover, .hover\:bg-cyan-100:hover{background-color:rgb(6 182 212 / .16)}
  .bg-cyan-200, .hover\:bg-cyan-200:hover{background-color:rgb(6 182 212 / .26)}
  .text-cyan-600, .text-cyan-700, .text-cyan-800, .text-cyan-900{color:#67e8f9}
  .border-cyan-100, .border-cyan-200, .border-cyan-300{border-color:rgb(6 182 212 / .38)}
  .hover\:bg-cyan-500:hover{background-color:#06b6d4} .hover\:bg-cyan-600:hover{background-color:#0891b2} .hover\:bg-cyan-700:hover{background-color:color-mix(in srgb, #0891b2 82%, #000)}
  .hover\:border-cyan-300:hover, .hover\:border-cyan-400:hover{border-color:rgb(6 182 212 / .6)}
  .bg-sky-50, .bg-sky-100, .hover\:bg-sky-50:hover, .hover\:bg-sky-100:hover{background-color:rgb(14 165 233 / .16)}
  .bg-sky-200, .hover\:bg-sky-200:hover{background-color:rgb(14 165 233 / .26)}
  .text-sky-600, .text-sky-700, .text-sky-800, .text-sky-900{color:#7dd3fc}
  .border-sky-100, .border-sky-200, .border-sky-300{border-color:rgb(14 165 233 / .38)}
  .hover\:bg-sky-500:hover{background-color:#0ea5e9} .hover\:bg-sky-600:hover{background-color:#0284c7} .hover\:bg-sky-700:hover{background-color:color-mix(in srgb, #0284c7 82%, #000)}
  .hover\:border-sky-300:hover, .hover\:border-sky-400:hover{border-color:rgb(14 165 233 / .6)}
  .bg-blue-50, .bg-blue-100, .hover\:bg-blue-50:hover, .hover\:bg-blue-100:hover{background-color:rgb(59 130 246 / .16)}
  .bg-blue-200, .hover\:bg-blue-200:hover{background-color:rgb(59 130 246 / .26)}
  .text-blue-600, .text-blue-700, .text-blue-800, .text-blue-900{color:#93c5fd}
  .border-blue-100, .border-blue-200, .border-blue-300{border-color:rgb(59 130 246 / .38)}
  .hover\:bg-blue-500:hover{background-color:#3b82f6} .hover\:bg-blue-600:hover{background-color:#2563eb} .hover\:bg-blue-700:hover{background-color:color-mix(in srgb, #2563eb 82%, #000)}
  .hover\:border-blue-300:hover, .hover\:border-blue-400:hover{border-color:rgb(59 130 246 / .6)}
  .bg-indigo-50, .bg-indigo-100, .hover\:bg-indigo-50:hover, .hover\:bg-indigo-100:hover{background-color:rgb(99 102 241 / .16)}
  .bg-indigo-200, .hover\:bg-indigo-200:hover{background-color:rgb(99 102 241 / .26)}
  .text-indigo-600, .text-indigo-700, .text-indigo-800, .text-indigo-900{color:#a5b4fc}
  .border-indigo-100, .border-indigo-200, .border-indigo-300{border-color:rgb(99 102 241 / .38)}
  .hover\:bg-indigo-500:hover{background-color:#6366f1} .hover\:bg-indigo-600:hover{background-color:#4f46e5} .hover\:bg-indigo-700:hover{background-color:color-mix(in srgb, #4f46e5 82%, #000)}
  .hover\:border-indigo-300:hover, .hover\:border-indigo-400:hover{border-color:rgb(99 102 241 / .6)}
  .bg-violet-50, .bg-violet-100, .hover\:bg-violet-50:hover, .hover\:bg-violet-100:hover{background-color:rgb(139 92 246 / .16)}
  .bg-violet-200, .hover\:bg-violet-200:hover{background-color:rgb(139 92 246 / .26)}
  .text-violet-600, .text-violet-700, .text-violet-800, .text-violet-900{color:#c4b5fd}
  .border-violet-100, .border-violet-200, .border-violet-300{border-color:rgb(139 92 246 / .38)}
  .hover\:bg-violet-500:hover{background-color:#8b5cf6} .hover\:bg-violet-600:hover{background-color:#7c3aed} .hover\:bg-violet-700:hover{background-color:color-mix(in srgb, #7c3aed 82%, #000)}
  .hover\:border-violet-300:hover, .hover\:border-violet-400:hover{border-color:rgb(139 92 246 / .6)}
  .bg-purple-50, .bg-purple-100, .hover\:bg-purple-50:hover, .hover\:bg-purple-100:hover{background-color:rgb(168 85 247 / .16)}
  .bg-purple-200, .hover\:bg-purple-200:hover{background-color:rgb(168 85 247 / .26)}
  .text-purple-600, .text-purple-700, .text-purple-800, .text-purple-900{color:#d8b4fe}
  .border-purple-100, .border-purple-200, .border-purple-300{border-color:rgb(168 85 247 / .38)}
  .hover\:bg-purple-500:hover{background-color:#a855f7} .hover\:bg-purple-600:hover{background-color:#9333ea} .hover\:bg-purple-700:hover{background-color:color-mix(in srgb, #9333ea 82%, #000)}
  .hover\:border-purple-300:hover, .hover\:border-purple-400:hover{border-color:rgb(168 85 247 / .6)}
  .bg-fuchsia-50, .bg-fuchsia-100, .hover\:bg-fuchsia-50:hover, .hover\:bg-fuchsia-100:hover{background-color:rgb(217 70 239 / .16)}
  .bg-fuchsia-200, .hover\:bg-fuchsia-200:hover{background-color:rgb(217 70 239 / .26)}
  .text-fuchsia-600, .text-fuchsia-700, .text-fuchsia-800, .text-fuchsia-900{color:#f0abfc}
  .border-fuchsia-100, .border-fuchsia-200, .border-fuchsia-300{border-color:rgb(217 70 239 / .38)}
  .hover\:bg-fuchsia-500:hover{background-color:#d946ef} .hover\:bg-fuchsia-600:hover{background-color:#c026d3} .hover\:bg-fuchsia-700:hover{background-color:color-mix(in srgb, #c026d3 82%, #000)}
  .hover\:border-fuchsia-300:hover, .hover\:border-fuchsia-400:hover{border-color:rgb(217 70 239 / .6)}
  .bg-pink-50, .bg-pink-100, .hover\:bg-pink-50:hover, .hover\:bg-pink-100:hover{background-color:rgb(236 72 153 / .16)}
  .bg-pink-200, .hover\:bg-pink-200:hover{background-color:rgb(236 72 153 / .26)}
  .text-pink-600, .text-pink-700, .text-pink-800, .text-pink-900{color:#f9a8d4}
  .border-pink-100, .border-pink-200, .border-pink-300{border-color:rgb(236 72 153 / .38)}
  .hover\:bg-pink-500:hover{background-color:#ec4899} .hover\:bg-pink-600:hover{background-color:#db2777} .hover\:bg-pink-700:hover{background-color:color-mix(in srgb, #db2777 82%, #000)}
  .hover\:border-pink-300:hover, .hover\:border-pink-400:hover{border-color:rgb(236 72 153 / .6)}
  /* --- Feste Inline-Farben (style="...") --- */
  [style*="background:#fff"], [style*="background: #fff"], [style*="background-color:#fff"]{background:var(--brand-surface) !important}
  [style*="background:#ffffff"], [style*="background: #ffffff"], [style*="background-color:#ffffff"]{background:var(--brand-surface) !important}
  [style*="background:#f1f5f9"], [style*="background: #f1f5f9"], [style*="background-color:#f1f5f9"]{background:color-mix(in srgb, var(--brand-text) 7%, var(--brand-surface)) !important}
  [style*="background:#f8fafc"], [style*="background: #f8fafc"], [style*="background-color:#f8fafc"]{background:color-mix(in srgb, var(--brand-text) 7%, var(--brand-surface)) !important}
  [style*="background:#fafafa"], [style*="background: #fafafa"], [style*="background-color:#fafafa"]{background:color-mix(in srgb, var(--brand-text) 7%, var(--brand-surface)) !important}
  [style*="background:#f8f9fa"], [style*="background: #f8f9fa"], [style*="background-color:#f8f9fa"]{background:color-mix(in srgb, var(--brand-text) 7%, var(--brand-surface)) !important}
  [style*="background:#eef2f6"], [style*="background: #eef2f6"], [style*="background-color:#eef2f6"]{background:color-mix(in srgb, var(--brand-text) 7%, var(--brand-surface)) !important}
  [style*="background:#f2f8fc"], [style*="background: #f2f8fc"], [style*="background-color:#f2f8fc"]{background:color-mix(in srgb, var(--brand-text) 7%, var(--brand-surface)) !important}
  [style*="background:#f7fbfe"], [style*="background: #f7fbfe"], [style*="background-color:#f7fbfe"]{background:color-mix(in srgb, var(--brand-text) 7%, var(--brand-surface)) !important}
  [style*="background:#eaf5fd"], [style*="background: #eaf5fd"], [style*="background-color:#eaf5fd"]{background:color-mix(in srgb, var(--brand-text) 7%, var(--brand-surface)) !important}
  [style*="background:#fef2f2"], [style*="background: #fef2f2"], [style*="background-color:#fef2f2"]{background:rgb(239 68 68 / .16) !important}
  [style*="background:#fee2e2"], [style*="background: #fee2e2"], [style*="background-color:#fee2e2"]{background:rgb(239 68 68 / .16) !important}
  [style*="background:#fffbeb"], [style*="background: #fffbeb"], [style*="background-color:#fffbeb"]{background:rgb(245 158 11 / .16) !important}
  [style*="background:#fff7ed"], [style*="background: #fff7ed"], [style*="background-color:#fff7ed"]{background:rgb(249 115 22 / .16) !important}
  [style*="background:#f0fdf4"], [style*="background: #f0fdf4"], [style*="background-color:#f0fdf4"]{background:rgb(34 197 94 / .16) !important}
  [style*="background:#d9f2e3"], [style*="background: #d9f2e3"], [style*="background-color:#d9f2e3"]{background:rgb(34 197 94 / .16) !important}
  [style*="color:#0f172a"], [style*="color: #0f172a"]{color:var(--brand-text) !important}
  [style*="color:#334155"], [style*="color: #334155"]{color:var(--brand-text) !important}
  [style*="color:#1f2937"], [style*="color: #1f2937"]{color:var(--brand-text) !important}
  [style*="color:#111827"], [style*="color: #111827"]{color:var(--brand-text) !important}
  [style*="color:#64748b"], [style*="color: #64748b"]{color:var(--brand-text-muted) !important}
  [style*="color:#475569"], [style*="color: #475569"]{color:var(--brand-text-muted) !important}
  [style*="color:#5b6773"], [style*="color: #5b6773"]{color:var(--brand-text-muted) !important}
  [style*="color:#6b7280"], [style*="color: #6b7280"]{color:var(--brand-text-muted) !important}
  [style*="color:#dc2626"], [style*="color: #dc2626"], [style*="color:#b91c1c"], [style*="color: #b91c1c"], [style*="color:#991b1b"], [style*="color: #991b1b"]{color:#fca5a5 !important}
  [style*="color:#166534"], [style*="color: #166534"], [style*="color:#15803d"], [style*="color: #15803d"], [style*="color:#14532d"], [style*="color: #14532d"]{color:#86efac !important}
  [style*="color:#b45309"], [style*="color: #b45309"], [style*="color:#9a3412"], [style*="color: #9a3412"], [style*="color:#92400e"], [style*="color: #92400e"]{color:#fcd34d !important}
  [style*="color:#2563eb"], [style*="color: #2563eb"], [style*="color:#1e40af"], [style*="color: #1e40af"], [style*="color:#1e3a8a"], [style*="color: #1e3a8a"]{color:#93c5fd !important}
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    color-scheme: dark;
  /* --- Bausteine aus styles.css (@apply mit festen Hellfarben) --- */
  .engine-table-card{background-color:var(--brand-surface);border-color:var(--brand-border);box-shadow:none}
  .engine-table-header-row{background-color:color-mix(in srgb, var(--brand-text) 9%, var(--brand-surface));color:var(--brand-text-muted);border-color:var(--brand-border)}
  .engine-table-row{border-color:var(--brand-border)}.engine-table-row:hover{background-color:color-mix(in srgb, var(--brand-text) 6%, var(--brand-surface))}
  .engine-table-cell{color:var(--brand-text)}
  .btn-secondary{background-color:var(--brand-surface);color:var(--brand-text);border-color:var(--brand-border)}.btn-secondary:hover{background-color:color-mix(in srgb, var(--brand-text) 8%, var(--brand-surface));border-color:var(--brand-text-muted)}
  .btn-danger{background-color:var(--brand-surface);color:#fca5a5;border-color:rgb(239 68 68 / .45)}.btn-danger:hover{background-color:rgb(239 68 68 / .16)}
  .mail-list__action-btn{background-color:color-mix(in srgb, var(--brand-text) 8%, var(--brand-surface))}.mail-list__action-btn:hover{background-color:color-mix(in srgb, var(--brand-text) 14%, var(--brand-surface))}
  /* --- Tabellen allgemein --- */
  table{color:var(--brand-text)} thead th{color:var(--brand-text-muted)}
  /* --- Formularfelder: auch ohne eigene Klassen lesbar (Hell-auf-Hell vermeiden) --- */
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button]):not([type=image]):not([type=hidden]):not([class*="bg-transparent"]):not([class*="bg-white/"]):not([class*="bg-slate-8"]):not([class*="bg-slate-9"]), select:not([class*="bg-transparent"]):not([class*="bg-slate-8"]):not([class*="bg-slate-9"]), textarea:not([class*="bg-transparent"]):not([class*="bg-slate-8"]):not([class*="bg-slate-9"]){background-color:var(--brand-surface);color:var(--brand-text);border-color:var(--brand-border)}
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button]):not([type=image]):not([type=hidden]):not([class*="bg-transparent"]):not([class*="bg-white/"]):not([class*="bg-slate-8"]):not([class*="bg-slate-9"]):focus, select:focus, textarea:focus{border-color:var(--brand-600)}
  input::placeholder, textarea::placeholder{color:var(--brand-text-muted);opacity:.85}
  select option, select optgroup{background-color:var(--brand-surface);color:var(--brand-text)}
  input:disabled, select:disabled, textarea:disabled, input[readonly]{background-color:color-mix(in srgb, var(--brand-text) 7%, var(--brand-surface));color:var(--brand-text-muted)}
  /* --- Neutrale Tailwind-Klassen --- */
  .bg-slate-200, .bg-gray-200, .hover\:bg-slate-200\/80:hover, .hover\:bg-slate-200:hover{background-color:color-mix(in srgb, var(--brand-text) 14%, var(--brand-surface))}
  .bg-gray-50, .bg-gray-100, .hover\:bg-slate-50:hover, .hover\:bg-slate-100:hover, .hover\:bg-gray-100:hover, .hover\:bg-gray-50:hover, .hover\:bg-slate-50\/80:hover, .odd\:bg-slate-50:nth-child(odd), .even\:bg-slate-50:nth-child(even){background-color:color-mix(in srgb, var(--brand-text) 7%, var(--brand-surface))}
  .text-gray-900, .text-gray-800, .text-gray-700, .text-black, .hover\:text-slate-800:hover, .hover\:text-slate-900:hover, .hover\:text-gray-700:hover{color:var(--brand-text)}
  .text-gray-600, .text-gray-500, .text-gray-400, .placeholder-slate-400::placeholder{color:var(--brand-text-muted)}
  .border-slate-50, .border-slate-200\/80, .border-gray-100, .border-gray-200, .border-gray-300, .divide-gray-100>:not(:last-child), .divide-gray-200>:not(:last-child){border-color:var(--brand-border)}
  .ring-slate-200, .ring-slate-100, .ring-gray-200{--tw-ring-color:var(--brand-border)}
  /* --- Transparente Hellflaechen und -linien (z. B. Mail-Symbolleiste) --- */
  .bg-white\/40, .bg-white\/50, .bg-white\/60, .bg-white\/70, .bg-white\/75, .bg-white\/80, .bg-white\/85, .bg-white\/90, .bg-white\/95, .bg-slate-50\/40, .bg-slate-50\/50, .bg-slate-50\/60, .bg-slate-50\/70, .bg-slate-50\/80, .bg-slate-50\/90, .bg-slate-50\/95, .bg-slate-100\/40, .bg-slate-100\/50, .bg-slate-100\/60, .bg-slate-100\/70, .bg-slate-100\/80, .bg-slate-100\/90, .bg-slate-100\/95{background-color:var(--brand-surface)}
  .border-slate-100\/40, .border-gray-100\/40, .border-slate-100\/50, .border-gray-100\/50, .border-slate-100\/60, .border-gray-100\/60, .border-slate-100\/70, .border-gray-100\/70, .border-slate-100\/80, .border-gray-100\/80, .border-slate-100\/90, .border-gray-100\/90, .border-slate-200\/40, .border-gray-200\/40, .border-slate-200\/50, .border-gray-200\/50, .border-slate-200\/60, .border-gray-200\/60, .border-slate-200\/70, .border-gray-200\/70, .border-slate-200\/80, .border-gray-200\/80, .border-slate-200\/90, .border-gray-200\/90, .border-slate-300\/40, .border-gray-300\/40, .border-slate-300\/50, .border-gray-300\/50, .border-slate-300\/60, .border-gray-300\/60, .border-slate-300\/70, .border-gray-300\/70, .border-slate-300\/80, .border-gray-300\/80, .border-slate-300\/90, .border-gray-300\/90{border-color:var(--brand-border)}
  .shadow-slate-200\/40, .shadow-slate-200\/50{--tw-shadow-color:rgb(0 0 0 / .35)}
  /* --- Hover auf getoenten Icon-Buttons: Vollfarbe + weisse Schrift (muss die getoente Grundregel schlagen) --- */
  .hover\:text-white:hover{color:#fff}
  .hover\:bg-slate-600:hover{background-color:#475569}
  .hover\:bg-slate-700:hover{background-color:#334155}
  .hover\:bg-slate-800:hover{background-color:#1e293b}
  .hover\:bg-black:hover{background-color:#000}
  /* --- Farbige Chips/Hinweise: helle Toenung -> transparente Toenung, dunkle Schrift -> helle Schrift --- */
  .bg-red-50, .bg-red-100, .hover\:bg-red-50:hover, .hover\:bg-red-100:hover{background-color:rgb(239 68 68 / .16)}
  .bg-red-200, .hover\:bg-red-200:hover{background-color:rgb(239 68 68 / .26)}
  .text-red-600, .text-red-700, .text-red-800, .text-red-900{color:#fca5a5}
  .border-red-100, .border-red-200, .border-red-300{border-color:rgb(239 68 68 / .38)}
  .hover\:bg-red-500:hover{background-color:#ef4444} .hover\:bg-red-600:hover{background-color:#dc2626} .hover\:bg-red-700:hover{background-color:color-mix(in srgb, #dc2626 82%, #000)}
  .hover\:border-red-300:hover, .hover\:border-red-400:hover{border-color:rgb(239 68 68 / .6)}
  .bg-rose-50, .bg-rose-100, .hover\:bg-rose-50:hover, .hover\:bg-rose-100:hover{background-color:rgb(244 63 94 / .16)}
  .bg-rose-200, .hover\:bg-rose-200:hover{background-color:rgb(244 63 94 / .26)}
  .text-rose-600, .text-rose-700, .text-rose-800, .text-rose-900{color:#fda4af}
  .border-rose-100, .border-rose-200, .border-rose-300{border-color:rgb(244 63 94 / .38)}
  .hover\:bg-rose-500:hover{background-color:#f43f5e} .hover\:bg-rose-600:hover{background-color:#e11d48} .hover\:bg-rose-700:hover{background-color:color-mix(in srgb, #e11d48 82%, #000)}
  .hover\:border-rose-300:hover, .hover\:border-rose-400:hover{border-color:rgb(244 63 94 / .6)}
  .bg-amber-50, .bg-amber-100, .hover\:bg-amber-50:hover, .hover\:bg-amber-100:hover{background-color:rgb(245 158 11 / .16)}
  .bg-amber-200, .hover\:bg-amber-200:hover{background-color:rgb(245 158 11 / .26)}
  .text-amber-600, .text-amber-700, .text-amber-800, .text-amber-900{color:#fcd34d}
  .border-amber-100, .border-amber-200, .border-amber-300{border-color:rgb(245 158 11 / .38)}
  .hover\:bg-amber-500:hover{background-color:#f59e0b} .hover\:bg-amber-600:hover{background-color:#d97706} .hover\:bg-amber-700:hover{background-color:color-mix(in srgb, #d97706 82%, #000)}
  .hover\:border-amber-300:hover, .hover\:border-amber-400:hover{border-color:rgb(245 158 11 / .6)}
  .bg-orange-50, .bg-orange-100, .hover\:bg-orange-50:hover, .hover\:bg-orange-100:hover{background-color:rgb(249 115 22 / .16)}
  .bg-orange-200, .hover\:bg-orange-200:hover{background-color:rgb(249 115 22 / .26)}
  .text-orange-600, .text-orange-700, .text-orange-800, .text-orange-900{color:#fdba74}
  .border-orange-100, .border-orange-200, .border-orange-300{border-color:rgb(249 115 22 / .38)}
  .hover\:bg-orange-500:hover{background-color:#f97316} .hover\:bg-orange-600:hover{background-color:#ea580c} .hover\:bg-orange-700:hover{background-color:color-mix(in srgb, #ea580c 82%, #000)}
  .hover\:border-orange-300:hover, .hover\:border-orange-400:hover{border-color:rgb(249 115 22 / .6)}
  .bg-yellow-50, .bg-yellow-100, .hover\:bg-yellow-50:hover, .hover\:bg-yellow-100:hover{background-color:rgb(234 179 8 / .16)}
  .bg-yellow-200, .hover\:bg-yellow-200:hover{background-color:rgb(234 179 8 / .26)}
  .text-yellow-600, .text-yellow-700, .text-yellow-800, .text-yellow-900{color:#fde047}
  .border-yellow-100, .border-yellow-200, .border-yellow-300{border-color:rgb(234 179 8 / .38)}
  .hover\:bg-yellow-500:hover{background-color:#eab308} .hover\:bg-yellow-600:hover{background-color:#ca8a04} .hover\:bg-yellow-700:hover{background-color:color-mix(in srgb, #ca8a04 82%, #000)}
  .hover\:border-yellow-300:hover, .hover\:border-yellow-400:hover{border-color:rgb(234 179 8 / .6)}
  .bg-lime-50, .bg-lime-100, .hover\:bg-lime-50:hover, .hover\:bg-lime-100:hover{background-color:rgb(132 204 22 / .16)}
  .bg-lime-200, .hover\:bg-lime-200:hover{background-color:rgb(132 204 22 / .26)}
  .text-lime-600, .text-lime-700, .text-lime-800, .text-lime-900{color:#bef264}
  .border-lime-100, .border-lime-200, .border-lime-300{border-color:rgb(132 204 22 / .38)}
  .hover\:bg-lime-500:hover{background-color:#84cc16} .hover\:bg-lime-600:hover{background-color:#65a30d} .hover\:bg-lime-700:hover{background-color:color-mix(in srgb, #65a30d 82%, #000)}
  .hover\:border-lime-300:hover, .hover\:border-lime-400:hover{border-color:rgb(132 204 22 / .6)}
  .bg-green-50, .bg-green-100, .hover\:bg-green-50:hover, .hover\:bg-green-100:hover{background-color:rgb(34 197 94 / .16)}
  .bg-green-200, .hover\:bg-green-200:hover{background-color:rgb(34 197 94 / .26)}
  .text-green-600, .text-green-700, .text-green-800, .text-green-900{color:#86efac}
  .border-green-100, .border-green-200, .border-green-300{border-color:rgb(34 197 94 / .38)}
  .hover\:bg-green-500:hover{background-color:#22c55e} .hover\:bg-green-600:hover{background-color:#16a34a} .hover\:bg-green-700:hover{background-color:color-mix(in srgb, #16a34a 82%, #000)}
  .hover\:border-green-300:hover, .hover\:border-green-400:hover{border-color:rgb(34 197 94 / .6)}
  .bg-emerald-50, .bg-emerald-100, .hover\:bg-emerald-50:hover, .hover\:bg-emerald-100:hover{background-color:rgb(16 185 129 / .16)}
  .bg-emerald-200, .hover\:bg-emerald-200:hover{background-color:rgb(16 185 129 / .26)}
  .text-emerald-600, .text-emerald-700, .text-emerald-800, .text-emerald-900{color:#6ee7b7}
  .border-emerald-100, .border-emerald-200, .border-emerald-300{border-color:rgb(16 185 129 / .38)}
  .hover\:bg-emerald-500:hover{background-color:#10b981} .hover\:bg-emerald-600:hover{background-color:#059669} .hover\:bg-emerald-700:hover{background-color:color-mix(in srgb, #059669 82%, #000)}
  .hover\:border-emerald-300:hover, .hover\:border-emerald-400:hover{border-color:rgb(16 185 129 / .6)}
  .bg-teal-50, .bg-teal-100, .hover\:bg-teal-50:hover, .hover\:bg-teal-100:hover{background-color:rgb(20 184 166 / .16)}
  .bg-teal-200, .hover\:bg-teal-200:hover{background-color:rgb(20 184 166 / .26)}
  .text-teal-600, .text-teal-700, .text-teal-800, .text-teal-900{color:#5eead4}
  .border-teal-100, .border-teal-200, .border-teal-300{border-color:rgb(20 184 166 / .38)}
  .hover\:bg-teal-500:hover{background-color:#14b8a6} .hover\:bg-teal-600:hover{background-color:#0d9488} .hover\:bg-teal-700:hover{background-color:color-mix(in srgb, #0d9488 82%, #000)}
  .hover\:border-teal-300:hover, .hover\:border-teal-400:hover{border-color:rgb(20 184 166 / .6)}
  .bg-cyan-50, .bg-cyan-100, .hover\:bg-cyan-50:hover, .hover\:bg-cyan-100:hover{background-color:rgb(6 182 212 / .16)}
  .bg-cyan-200, .hover\:bg-cyan-200:hover{background-color:rgb(6 182 212 / .26)}
  .text-cyan-600, .text-cyan-700, .text-cyan-800, .text-cyan-900{color:#67e8f9}
  .border-cyan-100, .border-cyan-200, .border-cyan-300{border-color:rgb(6 182 212 / .38)}
  .hover\:bg-cyan-500:hover{background-color:#06b6d4} .hover\:bg-cyan-600:hover{background-color:#0891b2} .hover\:bg-cyan-700:hover{background-color:color-mix(in srgb, #0891b2 82%, #000)}
  .hover\:border-cyan-300:hover, .hover\:border-cyan-400:hover{border-color:rgb(6 182 212 / .6)}
  .bg-sky-50, .bg-sky-100, .hover\:bg-sky-50:hover, .hover\:bg-sky-100:hover{background-color:rgb(14 165 233 / .16)}
  .bg-sky-200, .hover\:bg-sky-200:hover{background-color:rgb(14 165 233 / .26)}
  .text-sky-600, .text-sky-700, .text-sky-800, .text-sky-900{color:#7dd3fc}
  .border-sky-100, .border-sky-200, .border-sky-300{border-color:rgb(14 165 233 / .38)}
  .hover\:bg-sky-500:hover{background-color:#0ea5e9} .hover\:bg-sky-600:hover{background-color:#0284c7} .hover\:bg-sky-700:hover{background-color:color-mix(in srgb, #0284c7 82%, #000)}
  .hover\:border-sky-300:hover, .hover\:border-sky-400:hover{border-color:rgb(14 165 233 / .6)}
  .bg-blue-50, .bg-blue-100, .hover\:bg-blue-50:hover, .hover\:bg-blue-100:hover{background-color:rgb(59 130 246 / .16)}
  .bg-blue-200, .hover\:bg-blue-200:hover{background-color:rgb(59 130 246 / .26)}
  .text-blue-600, .text-blue-700, .text-blue-800, .text-blue-900{color:#93c5fd}
  .border-blue-100, .border-blue-200, .border-blue-300{border-color:rgb(59 130 246 / .38)}
  .hover\:bg-blue-500:hover{background-color:#3b82f6} .hover\:bg-blue-600:hover{background-color:#2563eb} .hover\:bg-blue-700:hover{background-color:color-mix(in srgb, #2563eb 82%, #000)}
  .hover\:border-blue-300:hover, .hover\:border-blue-400:hover{border-color:rgb(59 130 246 / .6)}
  .bg-indigo-50, .bg-indigo-100, .hover\:bg-indigo-50:hover, .hover\:bg-indigo-100:hover{background-color:rgb(99 102 241 / .16)}
  .bg-indigo-200, .hover\:bg-indigo-200:hover{background-color:rgb(99 102 241 / .26)}
  .text-indigo-600, .text-indigo-700, .text-indigo-800, .text-indigo-900{color:#a5b4fc}
  .border-indigo-100, .border-indigo-200, .border-indigo-300{border-color:rgb(99 102 241 / .38)}
  .hover\:bg-indigo-500:hover{background-color:#6366f1} .hover\:bg-indigo-600:hover{background-color:#4f46e5} .hover\:bg-indigo-700:hover{background-color:color-mix(in srgb, #4f46e5 82%, #000)}
  .hover\:border-indigo-300:hover, .hover\:border-indigo-400:hover{border-color:rgb(99 102 241 / .6)}
  .bg-violet-50, .bg-violet-100, .hover\:bg-violet-50:hover, .hover\:bg-violet-100:hover{background-color:rgb(139 92 246 / .16)}
  .bg-violet-200, .hover\:bg-violet-200:hover{background-color:rgb(139 92 246 / .26)}
  .text-violet-600, .text-violet-700, .text-violet-800, .text-violet-900{color:#c4b5fd}
  .border-violet-100, .border-violet-200, .border-violet-300{border-color:rgb(139 92 246 / .38)}
  .hover\:bg-violet-500:hover{background-color:#8b5cf6} .hover\:bg-violet-600:hover{background-color:#7c3aed} .hover\:bg-violet-700:hover{background-color:color-mix(in srgb, #7c3aed 82%, #000)}
  .hover\:border-violet-300:hover, .hover\:border-violet-400:hover{border-color:rgb(139 92 246 / .6)}
  .bg-purple-50, .bg-purple-100, .hover\:bg-purple-50:hover, .hover\:bg-purple-100:hover{background-color:rgb(168 85 247 / .16)}
  .bg-purple-200, .hover\:bg-purple-200:hover{background-color:rgb(168 85 247 / .26)}
  .text-purple-600, .text-purple-700, .text-purple-800, .text-purple-900{color:#d8b4fe}
  .border-purple-100, .border-purple-200, .border-purple-300{border-color:rgb(168 85 247 / .38)}
  .hover\:bg-purple-500:hover{background-color:#a855f7} .hover\:bg-purple-600:hover{background-color:#9333ea} .hover\:bg-purple-700:hover{background-color:color-mix(in srgb, #9333ea 82%, #000)}
  .hover\:border-purple-300:hover, .hover\:border-purple-400:hover{border-color:rgb(168 85 247 / .6)}
  .bg-fuchsia-50, .bg-fuchsia-100, .hover\:bg-fuchsia-50:hover, .hover\:bg-fuchsia-100:hover{background-color:rgb(217 70 239 / .16)}
  .bg-fuchsia-200, .hover\:bg-fuchsia-200:hover{background-color:rgb(217 70 239 / .26)}
  .text-fuchsia-600, .text-fuchsia-700, .text-fuchsia-800, .text-fuchsia-900{color:#f0abfc}
  .border-fuchsia-100, .border-fuchsia-200, .border-fuchsia-300{border-color:rgb(217 70 239 / .38)}
  .hover\:bg-fuchsia-500:hover{background-color:#d946ef} .hover\:bg-fuchsia-600:hover{background-color:#c026d3} .hover\:bg-fuchsia-700:hover{background-color:color-mix(in srgb, #c026d3 82%, #000)}
  .hover\:border-fuchsia-300:hover, .hover\:border-fuchsia-400:hover{border-color:rgb(217 70 239 / .6)}
  .bg-pink-50, .bg-pink-100, .hover\:bg-pink-50:hover, .hover\:bg-pink-100:hover{background-color:rgb(236 72 153 / .16)}
  .bg-pink-200, .hover\:bg-pink-200:hover{background-color:rgb(236 72 153 / .26)}
  .text-pink-600, .text-pink-700, .text-pink-800, .text-pink-900{color:#f9a8d4}
  .border-pink-100, .border-pink-200, .border-pink-300{border-color:rgb(236 72 153 / .38)}
  .hover\:bg-pink-500:hover{background-color:#ec4899} .hover\:bg-pink-600:hover{background-color:#db2777} .hover\:bg-pink-700:hover{background-color:color-mix(in srgb, #db2777 82%, #000)}
  .hover\:border-pink-300:hover, .hover\:border-pink-400:hover{border-color:rgb(236 72 153 / .6)}
  /* --- Feste Inline-Farben (style="...") --- */
  [style*="background:#fff"], [style*="background: #fff"], [style*="background-color:#fff"]{background:var(--brand-surface) !important}
  [style*="background:#ffffff"], [style*="background: #ffffff"], [style*="background-color:#ffffff"]{background:var(--brand-surface) !important}
  [style*="background:#f1f5f9"], [style*="background: #f1f5f9"], [style*="background-color:#f1f5f9"]{background:color-mix(in srgb, var(--brand-text) 7%, var(--brand-surface)) !important}
  [style*="background:#f8fafc"], [style*="background: #f8fafc"], [style*="background-color:#f8fafc"]{background:color-mix(in srgb, var(--brand-text) 7%, var(--brand-surface)) !important}
  [style*="background:#fafafa"], [style*="background: #fafafa"], [style*="background-color:#fafafa"]{background:color-mix(in srgb, var(--brand-text) 7%, var(--brand-surface)) !important}
  [style*="background:#f8f9fa"], [style*="background: #f8f9fa"], [style*="background-color:#f8f9fa"]{background:color-mix(in srgb, var(--brand-text) 7%, var(--brand-surface)) !important}
  [style*="background:#eef2f6"], [style*="background: #eef2f6"], [style*="background-color:#eef2f6"]{background:color-mix(in srgb, var(--brand-text) 7%, var(--brand-surface)) !important}
  [style*="background:#f2f8fc"], [style*="background: #f2f8fc"], [style*="background-color:#f2f8fc"]{background:color-mix(in srgb, var(--brand-text) 7%, var(--brand-surface)) !important}
  [style*="background:#f7fbfe"], [style*="background: #f7fbfe"], [style*="background-color:#f7fbfe"]{background:color-mix(in srgb, var(--brand-text) 7%, var(--brand-surface)) !important}
  [style*="background:#eaf5fd"], [style*="background: #eaf5fd"], [style*="background-color:#eaf5fd"]{background:color-mix(in srgb, var(--brand-text) 7%, var(--brand-surface)) !important}
  [style*="background:#fef2f2"], [style*="background: #fef2f2"], [style*="background-color:#fef2f2"]{background:rgb(239 68 68 / .16) !important}
  [style*="background:#fee2e2"], [style*="background: #fee2e2"], [style*="background-color:#fee2e2"]{background:rgb(239 68 68 / .16) !important}
  [style*="background:#fffbeb"], [style*="background: #fffbeb"], [style*="background-color:#fffbeb"]{background:rgb(245 158 11 / .16) !important}
  [style*="background:#fff7ed"], [style*="background: #fff7ed"], [style*="background-color:#fff7ed"]{background:rgb(249 115 22 / .16) !important}
  [style*="background:#f0fdf4"], [style*="background: #f0fdf4"], [style*="background-color:#f0fdf4"]{background:rgb(34 197 94 / .16) !important}
  [style*="background:#d9f2e3"], [style*="background: #d9f2e3"], [style*="background-color:#d9f2e3"]{background:rgb(34 197 94 / .16) !important}
  [style*="color:#0f172a"], [style*="color: #0f172a"]{color:var(--brand-text) !important}
  [style*="color:#334155"], [style*="color: #334155"]{color:var(--brand-text) !important}
  [style*="color:#1f2937"], [style*="color: #1f2937"]{color:var(--brand-text) !important}
  [style*="color:#111827"], [style*="color: #111827"]{color:var(--brand-text) !important}
  [style*="color:#64748b"], [style*="color: #64748b"]{color:var(--brand-text-muted) !important}
  [style*="color:#475569"], [style*="color: #475569"]{color:var(--brand-text-muted) !important}
  [style*="color:#5b6773"], [style*="color: #5b6773"]{color:var(--brand-text-muted) !important}
  [style*="color:#6b7280"], [style*="color: #6b7280"]{color:var(--brand-text-muted) !important}
  [style*="color:#dc2626"], [style*="color: #dc2626"], [style*="color:#b91c1c"], [style*="color: #b91c1c"], [style*="color:#991b1b"], [style*="color: #991b1b"]{color:#fca5a5 !important}
  [style*="color:#166534"], [style*="color: #166534"], [style*="color:#15803d"], [style*="color: #15803d"], [style*="color:#14532d"], [style*="color: #14532d"]{color:#86efac !important}
  [style*="color:#b45309"], [style*="color: #b45309"], [style*="color:#9a3412"], [style*="color: #9a3412"], [style*="color:#92400e"], [style*="color: #92400e"]{color:#fcd34d !important}
  [style*="color:#2563eb"], [style*="color: #2563eb"], [style*="color:#1e40af"], [style*="color: #1e40af"], [style*="color:#1e3a8a"], [style*="color: #1e3a8a"]{color:#93c5fd !important}
  }
}