/* automatisch erzeugt von tools/dunkel.mjs, nicht von Hand ändern */
:root[data-theme="dark"] { scrollbar-color: rgba(255, 255, 255, 0.28) transparent; }
:root[data-theme="dark"] body { background: rgba(32, 26, 56, 0.92); }
:root[data-theme="dark"] code { background: rgba(255, 255, 255, 0.055); }
:root[data-theme="dark"] .himmel { background: radial-gradient(70% 65% at 22% 105%, rgba(184, 160, 251, 0.5) 0%, rgba(184, 160, 251, 0.28) 40%, rgba(184, 160, 251, 0.09) 72%, rgba(184, 160, 251, 0) 100%),
    
    radial-gradient(42% 50% at 100% 42%, rgba(214, 200, 254, 0.132) 0%, rgba(214, 200, 254, 0.048) 50%, rgba(214, 200, 254, 0) 100%),
    
    radial-gradient(45% 45% at 96% 100%, rgba(249, 212, 235, 0.143) 0%, rgba(249, 212, 235, 0.055) 50%, rgba(249, 212, 235, 0) 100%),
    
    radial-gradient(50% 45% at 0% 0%, rgba(221, 210, 254, 0.165) 0%, rgba(221, 210, 254, 0.066) 45%, rgba(221, 210, 254, 0) 100%),
    linear-gradient(180deg, rgba(32, 26, 56, 0.92) 0%, rgba(32, 26, 56, 0.92) 100%); }
:root[data-theme="dark"] .himmel-funke { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cfilter id='b' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='1.6'/%3E%3C/filter%3E%3Cg transform='translate(12 12)'%3E%3Cpath d='M12 0C12.3 8.4 15.6 11.7 24 12 15.6 12.3 12.3 15.6 12 24 11.7 15.6 8.4 12.3 0 12 8.4 11.7 11.7 8.4 12 0Z' fill='%238b6cef' opacity='.55' filter='url(%23b)'/%3E%3Cpath d='M12 0C12.3 8.4 15.6 11.7 24 12 15.6 12.3 12.3 15.6 12 24 11.7 15.6 8.4 12.3 0 12 8.4 11.7 11.7 8.4 12 0Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") center / 62% no-repeat,
    radial-gradient(closest-side, rgba(196, 181, 253, 0.092) 0%, rgba(196, 181, 253, 0.035) 45%, rgba(196, 181, 253, 0) 100%); }
:root[data-theme="dark"] .glas { background: linear-gradient(180deg, rgba(32, 26, 56, 0.681) 0%, rgba(32, 26, 56, 0.534) 100%); }
:root[data-theme="dark"] .knopf { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.032), inset 0 10px 16px -10px rgba(255, 255, 255, 0.028), 0 0 0 1px rgba(109, 40, 217, 0.5),
    0 6px 16px -6px rgba(124, 58, 237, 0.55), 0 14px 32px -14px rgba(124, 58, 237, 0.5); }
:root[data-theme="dark"] .knopf:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.036), inset 0 10px 16px -10px rgba(255, 255, 255, 0.032), 0 0 0 1px rgba(109, 40, 217, 0.55),
    0 8px 20px -6px rgba(124, 58, 237, 0.6), 0 18px 40px -14px rgba(124, 58, 237, 0.55); }
:root[data-theme="dark"] .knopf:disabled { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.024), 0 0 0 1px rgba(109, 40, 217, 0.35); }
:root[data-theme="dark"] .knopf.zwei { background: linear-gradient(180deg, rgba(32, 26, 56, 0.874) 0%, rgba(32, 26, 56, 0.662) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar-2), 0 4px 12px -6px rgba(72, 44, 170, 0.2); }
:root[data-theme="dark"] .knopf.zwei:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px rgba(124, 58, 237, 0.3), 0 6px 16px -6px rgba(72, 44, 170, 0.26); }
:root[data-theme="dark"] .icon-knopf { background: linear-gradient(180deg, rgba(32, 26, 56, 0.874) 0%, rgba(32, 26, 56, 0.644) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar-2), 0 4px 10px -6px rgba(72, 44, 170, 0.2); }
:root[data-theme="dark"] .icon-knopf:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px rgba(124, 58, 237, 0.3), 0 6px 14px -6px rgba(72, 44, 170, 0.25); }
:root[data-theme="dark"] .eingabe { background: rgba(32, 26, 56, 0.662); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.104); }
:root[data-theme="dark"] .eingabe:hover { border-color: rgba(255, 255, 255, 0.28); }
:root[data-theme="dark"] .eingabe:focus, :root[data-theme="dark"] .eingabe:focus-visible { background: rgba(32, 26, 56, 0.92); }
:root[data-theme="dark"] .badge { background: rgba(32, 26, 56, 0.662); }
:root[data-theme="dark"] .chip { background: rgba(32, 26, 56, 0.662); }
:root[data-theme="dark"] .label-chip { background: linear-gradient(180deg, rgba(32, 26, 56, 0.874) 0%, rgba(32, 26, 56, 0.662) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar), 0 4px 12px -6px rgba(72, 44, 170, 0.25); }
:root[data-theme="dark"] .label-chip i { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.028); }
:root[data-theme="dark"] .kachel { background: linear-gradient(180deg, rgba(32, 26, 56, 0.883) 0%, rgba(32, 26, 56, 0.57) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar), 0 4px 10px -4px rgba(72, 44, 170, 0.18); }
:root[data-theme="dark"] .avatar { color: rgb(236, 232, 251); background: linear-gradient(160deg, rgba(32, 26, 56, 0.92) 0%, rgba(227, 218, 251, 0.22) 100%); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.208), inset 0 1px 0 rgba(255, 255, 255, 0.072); }
:root[data-theme="dark"] .login-buehne { background: radial-gradient(520px 420px at 50% 52%, rgba(196, 181, 253, 0.07) 0%, rgba(196, 181, 253, 0.026) 50%, rgba(196, 181, 253, 0) 100%); }
:root[data-theme="dark"] .login-karte .eingabe { background: rgba(32, 26, 56, 0.92); border-color: rgba(255, 255, 255, 0.196); }
:root[data-theme="dark"] .qr { background: rgba(32, 26, 56, 0.92); }
:root[data-theme="dark"] .leiste { background: linear-gradient(180deg, rgba(32, 26, 56, 0.644) 0%, rgba(32, 26, 56, 0.4) 100%); }
:root[data-theme="dark"] .suche-mini { background: rgba(32, 26, 56, 0.57); box-shadow: inset 0 0 0 1px var(--haar-2), inset 0 1px 2px rgba(0, 0, 0, 0.078); }
:root[data-theme="dark"] .suche-mini:focus-within { background: rgba(32, 26, 56, 0.92); }
:root[data-theme="dark"] .nav a:hover { background: rgba(32, 26, 56, 0.506); }
:root[data-theme="dark"] .nav a[aria-current='page'] { background: linear-gradient(180deg, rgba(32, 26, 56, 0.883) 0%, rgba(32, 26, 56, 0.681) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar), 0 6px 16px -8px rgba(72, 44, 170, 0.3); }
:root[data-theme="dark"] .nav a .zahl { background: rgba(255, 255, 255, 0.055); }
:root[data-theme="dark"] .sicher-chip { background: rgba(32, 26, 56, 0.336); }
:root[data-theme="dark"] .profil { background: linear-gradient(180deg, rgba(32, 26, 56, 0.782) 0%, rgba(32, 26, 56, 0.552) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar), 0 6px 16px -10px rgba(72, 44, 170, 0.25); }
:root[data-theme="dark"] .profil .avatar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.028), 0 4px 10px -4px rgba(124, 58, 237, 0.6); }
:root[data-theme="dark"] .pick { background: radial-gradient(90% 75% at 100% 0%, rgba(196, 181, 253, 0.132) 0%, rgba(196, 181, 253, 0.04) 45%, rgba(196, 181, 253, 0) 75%),
    radial-gradient(80% 60% at 0% 100%, rgba(251, 207, 232, 0.088) 0%, rgba(251, 207, 232, 0) 70%),
    linear-gradient(180deg, rgba(32, 26, 56, 0.736) 0%, rgba(32, 26, 56, 0.57) 100%); }
:root[data-theme="dark"] .pick h3 { background: rgba(32, 26, 56, 0.718); }
:root[data-theme="dark"] .mini-chart span { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.048); }
:root[data-theme="dark"] .mini-chart div:last-child span { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.028), 0 6px 14px -6px rgba(124, 58, 237, 0.6); }
:root[data-theme="dark"] .reiter { background: rgba(255, 255, 255, 0.05); box-shadow: inset 0 0 0 1px var(--haar), inset 0 1px 2px rgba(0, 0, 0, 0.104); }
:root[data-theme="dark"] .reiter button[aria-pressed='true'] { background: linear-gradient(180deg, rgba(32, 26, 56, 0.92) 0%, rgba(32, 26, 56, 0.791) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar), 0 4px 10px -4px rgba(72, 44, 170, 0.25); }
:root[data-theme="dark"] .schleier { background: rgba(255, 255, 255, 0.088); }
:root[data-theme="dark"] .schublade { background: linear-gradient(180deg, rgba(32, 26, 56, 0.828) 0%, rgba(32, 26, 56, 0.773) 100%); }
:root[data-theme="dark"] .schublade-inhalt { scrollbar-color: rgba(255, 255, 255, 0.28) transparent; }
:root[data-theme="dark"] .einwilligung { background: rgba(32, 26, 56, 0.57); box-shadow: inset 0 0 0 1px var(--haar), inset 0 1px 0 rgba(255, 255, 255, 0.08); }
:root[data-theme="dark"] a.einwilligung:hover { background: rgba(32, 26, 56, 0.782); box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.08); }
:root[data-theme="dark"] .zeitleiste .punkt i { background: rgba(32, 26, 56, 0.92); }
:root[data-theme="dark"] .bald-karte { background: radial-gradient(70% 120% at 100% 0%, rgba(214, 201, 253, 0.121) 0%, rgba(214, 201, 253, 0.033) 45%, rgba(214, 201, 253, 0) 75%), var(--flaeche); }
:root[data-theme="dark"] .plan-punkt { background: rgba(32, 26, 56, 0.57); box-shadow: inset 0 0 0 1px var(--haar), inset 0 1px 0 rgba(255, 255, 255, 0.08); }
:root[data-theme="dark"] .flow-karte.neu { background: rgba(32, 26, 56, 0.256); }
:root[data-theme="dark"] .flow-zahlen div { background: rgba(32, 26, 56, 0.506); box-shadow: inset 0 0 0 1px var(--haar), inset 0 1px 0 rgba(255, 255, 255, 0.08); }
:root[data-theme="dark"] .phase-kopf .nr { background: linear-gradient(180deg, rgba(32, 26, 56, 0.92) 0%, rgba(32, 26, 56, 0.662) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px rgba(124, 58, 237, 0.2), 0 3px 8px -3px rgba(124, 58, 237, 0.3); }
:root[data-theme="dark"] .mail-zeile { background: rgba(32, 26, 56, 0.552); box-shadow: inset 0 0 0 1px var(--haar), inset 0 1px 0 rgba(255, 255, 255, 0.08); }
:root[data-theme="dark"] .mail-zeile:hover { background: rgba(32, 26, 56, 0.782); box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.08); }
:root[data-theme="dark"] .mail-zeile.aktiv { background: linear-gradient(180deg, rgba(32, 26, 56, 0.883) 0%, rgba(32, 26, 56, 0.791) 100%); }
:root[data-theme="dark"] .mail-rahmen { background: rgba(32, 26, 56, 0.92); }
:root[data-theme="dark"] .mail-rahmen iframe { background: rgba(32, 26, 56, 0.92); }
:root[data-theme="dark"] .zeitleiste .punkt.weg b { text-decoration-color: rgba(236, 232, 251, 0.35); }
:root[data-theme="dark"] .schalter span { background: rgba(255, 255, 255, 0.154); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.312); }
:root[data-theme="dark"] .schalter span::after { background: rgba(32, 26, 56, 0.92); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6), 0 0 0 0.5px rgba(0, 0, 0, 0.156); }
:root[data-theme="dark"] .schalter input:checked + span { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.024), 0 4px 12px -4px rgba(124, 58, 237, 0.55); }
:root[data-theme="dark"] .wert { background: rgba(32, 26, 56, 0.506); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar); }
:root[data-theme="dark"] .smileys button { background: rgba(32, 26, 56, 0.506); }
:root[data-theme="dark"] .smileys button.an { background: rgba(32, 26, 56, 0.92); }
:root[data-theme="dark"] .kauf-zeile { background: rgba(32, 26, 56, 0.506); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar); }
:root[data-theme="dark"] .kauf-zeile:hover { background: rgba(32, 26, 56, 0.874); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar-2), 0 8px 18px -12px rgba(72, 44, 170, 0.3); }
:root[data-theme="dark"] .kauf-zeile.z-storniert .kauf-haupt b { text-decoration-color: rgba(236, 232, 251, 0.35); }
:root[data-theme="dark"] .team-kreis { color: rgb(236, 232, 251); background: linear-gradient(160deg, rgba(32, 26, 56, 0.92) 0%, rgba(227, 218, 251, 0.22) 100%); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.08), 0 0 0 3.5px var(--ring, var(--haar-2)); }
:root[data-theme="dark"] .mini-icon { background: rgba(32, 26, 56, 0.736); }
:root[data-theme="dark"] .rate { background: rgba(32, 26, 56, 0.506); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar); }
:root[data-theme="dark"] .rate.als-knopf:hover { background: rgba(32, 26, 56, 0.874); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar-2); }
:root[data-theme="dark"] .anbieter-chip { background: linear-gradient(180deg, rgba(32, 26, 56, 0.92) 0%, rgba(32, 26, 56, 0.644) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.182); }
:root[data-theme="dark"] .dok { background: rgba(32, 26, 56, 0.506); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar); }
:root[data-theme="dark"] .dok-icon { background: linear-gradient(180deg, rgba(32, 26, 56, 0.92) 0%, rgba(32, 26, 56, 0.644) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.182); }
:root[data-theme="dark"] .ablage { border: 1px dashed rgba(255, 255, 255, 0.238); background: rgba(32, 26, 56, 0.28); }
:root[data-theme="dark"] .plan-box { background: rgba(255, 255, 255, 0.033); }
:root[data-theme="dark"] .inline-form { background: rgba(255, 255, 255, 0.033); }
:root[data-theme="dark"] .notiz { background: rgba(32, 26, 56, 0.506); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar); }
:root[data-theme="dark"] .notiz-text { background: rgba(255, 255, 255, 0.033); }
:root[data-theme="dark"] .dialog { background: linear-gradient(180deg, rgba(32, 26, 56, 0.856) 0%, rgba(32, 26, 56, 0.782) 100%); border: 1px solid rgba(255, 255, 255, 0.104); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.156), 0 40px 90px -30px rgba(0, 0, 0, 0.6); }
:root[data-theme="dark"] .dialog-icon { background: linear-gradient(180deg, rgba(32, 26, 56, 0.92) 0%, rgba(32, 26, 56, 0.644) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.182), 0 2px 6px -2px rgba(72, 44, 170, 0.12); }
:root[data-theme="dark"] .dialog-inhalt { scrollbar-color: rgba(255, 255, 255, 0.28) transparent; }
:root[data-theme="dark"] .knopf.zwei.gefahr:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px rgba(229, 72, 77, 0.4), 0 4px 12px -6px rgba(229, 72, 77, 0.3); }
:root[data-theme="dark"] .betrag-box { background: rgba(255, 255, 255, 0.033); }
:root[data-theme="dark"] .raster-3 > div { background: rgba(32, 26, 56, 0.506); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar); }
:root[data-theme="dark"] .unterbox { background: rgba(32, 26, 56, 0.4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar); }
:root[data-theme="dark"] .zahl-chip { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.028); }
@media (max-width: 900px) { :root[data-theme="dark"] .leiste { background: linear-gradient(180deg, rgba(32, 26, 56, 0.865) 0%, rgba(32, 26, 56, 0.828) 100%); } }
@media (max-width: 900px) { :root[data-theme="dark"] .leiste.offen { box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.072), 0 0 0 1px var(--haar), 24px 0 60px -20px rgba(0, 0, 0, 0.6); } }
@media (max-width: 900px) { :root[data-theme="dark"] .himmel { background: radial-gradient(70% 65% at 22% 105%, rgba(184, 160, 251, 0.42) 0%, rgba(184, 160, 251, 0.22) 40%, rgba(184, 160, 251, 0.07) 72%, rgba(184, 160, 251, 0) 100%),
    radial-gradient(42% 50% at 100% 42%, rgba(214, 200, 254, 0.084) 0%, rgba(214, 200, 254, 0.031) 50%, rgba(214, 200, 254, 0) 100%),
    radial-gradient(45% 45% at 96% 100%, rgba(249, 212, 235, 0.11) 0%, rgba(249, 212, 235, 0.044) 50%, rgba(249, 212, 235, 0) 100%),
    radial-gradient(50% 45% at 0% 0%, rgba(221, 210, 254, 0.132) 0%, rgba(221, 210, 254, 0.053) 45%, rgba(221, 210, 254, 0) 100%),
    linear-gradient(180deg, rgba(32, 26, 56, 0.92) 0%, rgba(32, 26, 56, 0.92) 100%); } }
@media (max-width: 900px) { :root[data-theme="dark"] .kopf { background: rgba(32, 26, 56, 0.681); } }
@media (max-width: 900px) { :root[data-theme="dark"] .schublade::before { background: rgba(255, 255, 255, 0.176); } }
@media (prefers-reduced-transparency: reduce) { :root[data-theme="dark"] .karte, :root[data-theme="dark"] .glas, :root[data-theme="dark"] .schublade { background: rgba(32, 26, 56, 0.92); } }
:root[data-theme="dark"] .paar { background: rgba(32, 26, 56, 0.506); }
:root[data-theme="dark"] .kontakt-knopf { background: rgba(32, 26, 56, 0.644); }
:root[data-theme="dark"] .kachel-zahl { background: rgba(32, 26, 56, 0.552); box-shadow: inset 0 0 0 1px var(--haar), inset 0 1px 0 rgba(255, 255, 255, 0.08); }
:root[data-theme="dark"] .kachel-zahl.betont { background: linear-gradient(160deg, rgba(196, 181, 253, 0.077) 0%, rgba(32, 26, 56, 0.552) 70%); box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.08); }
:root[data-theme="dark"] .aufwaermen { background: rgba(32, 26, 56, 0.4); }
:root[data-theme="dark"] .auswahl.offen { background: rgba(32, 26, 56, 0.92); }
:root[data-theme="dark"] .auswahl-liste { border: 1px solid rgba(255, 255, 255, 0.112); background: rgba(32, 26, 56, 0.865); box-shadow: var(--kante), 0 0 0 1px rgba(0, 0, 0, 0.156), 0 18px 44px -14px rgba(72, 44, 170, 0.32); }
:root[data-theme="dark"] .lebenszeichen { background: rgba(32, 26, 56, 0.552); }
:root[data-theme="dark"] .heute-kachel { background: rgba(32, 26, 56, 0.607); border: 1px solid rgba(255, 255, 255, 0.112); }
:root[data-theme="dark"] .kachel-zahl.warn { box-shadow: inset 0 0 0 1px rgba(229, 72, 77, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.08); }
:root[data-theme="dark"] .kachel-zahl.betont { box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 14px 34px -16px rgba(124, 58, 237, 0.45); }
:root[data-theme="dark"] .kennzahlen .kachel-zahl:hover, :root[data-theme="dark"] .auswertung .kachel-zahl:hover { box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 12px 26px -16px rgba(124, 58, 237, 0.45); }
:root[data-theme="dark"] .verlauf-balken { background: repeating-linear-gradient(to top, transparent 0, transparent 39px, rgba(255, 255, 255, 0.055) 39px, rgba(255, 255, 255, 0.055) 40px); }
:root[data-theme="dark"] .v-geoeffnet { background: linear-gradient(180deg, rgba(240, 171, 252, 0.22) 0%, #d946ef 100%); }
:root[data-theme="dark"] .auftrag { background: rgba(32, 26, 56, 0.552); box-shadow: inset 0 0 0 1px var(--haar), inset 0 1px 0 rgba(255, 255, 255, 0.08); }
:root[data-theme="dark"] .auftrag.offen { background: rgba(32, 26, 56, 0.782); }
:root[data-theme="dark"] .gewaehlt { background: rgba(32, 26, 56, 0.552); }
:root[data-theme="dark"] .treffer-zeile { background: rgba(32, 26, 56, 0.644); }
:root[data-theme="dark"] .treffer-zeile:hover { background: rgba(32, 26, 56, 0.92); }
:root[data-theme="dark"] code.iban { background: rgba(255, 255, 255, 0.05); }
:root[data-theme="dark"] .empf-karte { background: rgba(32, 26, 56, 0.506); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar); }
:root[data-theme="dark"] .empf-karte.faellig { box-shadow: inset 3px 0 0 var(--s-orange, #e8833a), inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar); }
:root[data-theme="dark"] .posten { background: rgba(32, 26, 56, 0.552); }
:root[data-theme="dark"] .schnellsuche { background: rgba(32, 26, 56, 0.607); }
:root[data-theme="dark"] .schnellsuche:focus-within { background: rgba(32, 26, 56, 0.92); }
:root[data-theme="dark"] .schnellsuche-kbd { background: rgba(255, 255, 255, 0.055); }
:root[data-theme="dark"] .schnellsuche-liste { background: rgba(32, 26, 56, 0.892); box-shadow: 0 0 0 1px var(--haar), 0 24px 48px -18px rgba(0, 0, 0, 0.6); }
:root[data-theme="dark"] .skaliert-knopf { background: rgba(32, 26, 56, 0.644); }
:root[data-theme="dark"] .chip.segment-sonstige, :root[data-theme="dark"] .badge.segment-sonstige { background: rgba(255, 255, 255, 0.055); }
:root[data-theme="dark"] .betreibung-formular { background: rgba(32, 26, 56, 0.506); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar); }
:root[data-theme="dark"] .betreibung-treffer button:hover { background: rgba(255, 255, 255, 0.044); }
:root[data-theme="dark"] table.matrix th[scope='row'] { background: rgba(32, 26, 56, 0.883); }
:root[data-theme="dark"] .weg-phasen li i { background: rgba(32, 26, 56, 0.92); }
:root[data-theme="dark"] .buehne { background: radial-gradient(60% 50% at 18% 0%, rgba(124, 58, 237, 0.35), transparent 70%), radial-gradient(50% 60% at 100% 100%, rgba(236, 72, 153, 0.16), transparent 70%),
    radial-gradient(rgba(32, 26, 56, 0.056) 1px, transparent 1.4px) 0 0 / 22px 22px, var(--b-grund); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.006); }
:root[data-theme="dark"] .b-reiter { background: rgba(32, 26, 56, 0.056); }
:root[data-theme="dark"] .b-reiter button[aria-pressed='true'] { background: rgba(32, 26, 56, 0.112); }
:root[data-theme="dark"] .l-test { background: rgba(251, 191, 36, 0.22); }
:root[data-theme="dark"] .b-punkt { fill: rgba(32, 26, 56, 0.92); }
:root[data-theme="dark"] .b-knoten { box-shadow: inset 0 0 0 1px var(--b-rand), inset 0 1px 0 rgba(255, 255, 255, 0.008); }
:root[data-theme="dark"] a.b-knoten:hover, :root[data-theme="dark"] button.b-knoten:hover, :root[data-theme="dark"] .b-knoten:focus-visible { box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.15), 0 10px 30px -10px rgba(124, 58, 237, 0.7); }
:root[data-theme="dark"] .b-knoten.flow.belegt, :root[data-theme="dark"] .b-knoten.mail.belegt { background: linear-gradient(135deg, rgba(124, 58, 237, 0.28), rgba(32, 26, 56, 0.04)); }
:root[data-theme="dark"] .b-knoten.start { background: linear-gradient(135deg, rgba(52, 211, 153, 0.22), rgba(32, 26, 56, 0.032)); }
:root[data-theme="dark"] .b-knoten.mail { background: linear-gradient(135deg, rgba(124, 58, 237, calc(0.08 + var(--glut, 0) * 0.42)), rgba(32, 26, 56, 0.032)); }
:root[data-theme="dark"] .b-knoten.mail.gewaehlt { box-shadow: inset 0 0 0 2px rgba(196, 181, 253, 0.25), 0 0 30px -6px rgba(167, 139, 250, 0.8); }
:root[data-theme="dark"] .b-leute { background: rgba(32, 26, 56, 0.048); }
:root[data-theme="dark"] .b-leute li:hover { background: rgba(32, 26, 56, 0.04); }
:root[data-theme="dark"] .b-bearbeiten { background: rgba(32, 26, 56, 0.064); }
:root[data-theme="dark"] .b-bearbeiten.an { color: rgb(236, 232, 251); }
:root[data-theme="dark"] .b-knopf { background: rgba(32, 26, 56, 0.08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.013); }
:root[data-theme="dark"] .b-knopf.haupt { color: rgb(236, 232, 251); }
:root[data-theme="dark"] .ls-liste { background: rgba(32, 26, 56, 0.32); }
:root[data-theme="dark"] .ls-handy { background: linear-gradient(160deg, rgb(255, 255, 255) 0%, #6d4bd8 55%, #c4a7ff 100%); }
:root[data-theme="dark"] .ls-mitteilung { background: rgba(32, 26, 56, 0.754); color: rgb(236, 232, 251); }
:root[data-theme="dark"] .ls-alle { background: rgba(32, 26, 56, 0.32); }
:root[data-theme="dark"] .ot-karte-vorschau { background: rgb(255, 255, 255); }
:root[data-theme="dark"] .ot-url { background: rgba(255, 255, 255, 0.05); }
:root[data-theme="dark"] .ot-handy { background: rgb(255, 255, 255); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.006), 0 24px 50px -24px rgba(0, 0, 0, 0.6); }
:root[data-theme="dark"] .ot-handy iframe { background: rgb(255, 255, 255); }
:root[data-theme="dark"] .ot-icon-raster button { background: rgba(255, 255, 255, 0.039); }
:root[data-theme="dark"] .ot-vorlagen button { background: rgba(255, 255, 255, 0.039); }
:root[data-theme="dark"] .ot-swatches button { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.064), 0 0 0 3px var(--haar); }
:root[data-theme="dark"] .ot-qr { background: rgba(32, 26, 56, 0.92); }
:root[data-theme="dark"] .galerie-gross { background: rgba(255, 255, 255, 0.968); }
:root[data-theme="dark"] .galerie-gross img { box-shadow: 0 30px 80px -30px rgba(0, 0, 0, 0.6); }
:root[data-theme="dark"] .galerie-gross .icon-knopf { background: rgba(32, 26, 56, 0.08); }
:root[data-theme="dark"] .rl-platz { background: rgba(255, 255, 255, 0.055); }
:root[data-theme="dark"] .rl-platz.p1 { background: linear-gradient(135deg, rgba(253, 230, 138, 0.22), #f59e0b); }
:root[data-theme="dark"] .rl-platz.p2 { background: linear-gradient(135deg, rgba(32, 26, 56, 0.92), #9ca3af); color: rgb(236, 232, 251); }
:root[data-theme="dark"] .rl-platz.p3 { background: linear-gradient(135deg, rgba(254, 215, 170, 0.22), #c2793d); color: rgb(236, 232, 251); }
:root[data-theme="dark"] .rl-balken { background: rgba(255, 255, 255, 0.066); }
:root[data-theme="dark"] .rl-balken .f2 { background: linear-gradient(90deg, #ec4899, rgba(249, 168, 212, 0.22)); }
:root[data-theme="dark"] .schalter.ot-gruen input:checked + span { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.024), 0 4px 12px -4px rgba(22, 163, 74, 0.6); }
:root[data-theme="dark"] .galerie-icons { background: rgba(255, 255, 255, 0.605); }
:root[data-theme="dark"] .galerie-icons .icon-knopf:hover { background: rgba(32, 26, 56, 0.144); }
:root[data-theme="dark"] .cl-zeile:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px rgba(124, 58, 237, 0.3), 0 8px 20px -10px rgba(72, 44, 170, 0.3); }
:root[data-theme="dark"] .cl-zeile.neu { box-shadow: inset 3px 0 0 var(--lila), inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px var(--haar); }
:root[data-theme="dark"] .cl-video video { background: rgb(255, 255, 255); }
:root[data-theme="dark"] .td-pille { background: rgba(32, 26, 56, 0.552); }
:root[data-theme="dark"] .td-pille.an .td-kreis { background: rgba(32, 26, 56, 0.176); }
:root[data-theme="dark"] .td-pille.an .td-pille-zahl { background: rgba(32, 26, 56, 0.2); }
:root[data-theme="dark"] .td-f-lila { background: rgba(32, 26, 56, 0.92); color: rgb(236, 232, 251); }
:root[data-theme="dark"] .td-f-rosa { background: rgba(32, 26, 56, 0.92); color: rgb(236, 232, 251); }
:root[data-theme="dark"] .td-f-mint { background: rgba(32, 26, 56, 0.92); color: rgb(236, 232, 251); }
:root[data-theme="dark"] .td-f-blau { background: rgba(32, 26, 56, 0.92); }
:root[data-theme="dark"] .td-f-pfirsich { background: rgba(32, 26, 56, 0.92); }
:root[data-theme="dark"] .td-f-gelb { background: rgba(250, 238, 218, 0.22); }
:root[data-theme="dark"] .td-mini { background: rgba(32, 26, 56, 0.92); color: rgb(236, 232, 251); }
:root[data-theme="dark"] .td-datum { background: rgba(32, 26, 56, 0.92); color: rgb(236, 232, 251); }
:root[data-theme="dark"] .td-datum.rot { background: rgba(32, 26, 56, 0.92); }
:root[data-theme="dark"] .td-avatare .td-mini { box-shadow: 0 0 0 2px var(--karte, rgba(255, 255, 255, 0.08)); }
:root[data-theme="dark"] .td-prio-punkt { background: rgba(201, 197, 220, 0.22); }
:root[data-theme="dark"] .td-menue { background: rgba(32, 26, 56, 0.92); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.468), 0 0 0 1px rgba(120, 110, 200, 0.12); }
:root[data-theme="dark"] .td-stand.wartet .td-stand-punkt, :root[data-theme="dark"] .td-stand-punkt.wartet { background: rgba(246, 213, 138, 0.22); }
:root[data-theme="dark"] .neue-version { background: rgba(32, 26, 56, 0.92); border: 1px solid rgba(255, 255, 255, 0.14); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.468); }
:root[data-theme="dark"] .af-wert { background: rgba(255, 255, 255, 0.044); border: 1px solid rgba(255, 255, 255, 0.112); }
:root[data-theme="dark"] .af-fuss { border-top: 1px solid rgba(255, 255, 255, 0.112); }
:root[data-theme="dark"] .au-zahlen > div { background: rgba(255, 255, 255, 0.044); }
:root[data-theme="dark"] .au-schalter { background: rgba(255, 255, 255, 0.198); }
:root[data-theme="dark"] .au-schalter span { background: rgba(32, 26, 56, 0.92); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); }
:root[data-theme="dark"] .nav-gruppe-kopf:hover { background: rgba(32, 26, 56, 0.506); }
:root[data-theme="dark"] .nav-gruppe-kopf.aktiv { background: rgba(32, 26, 56, 0.4); }
:root[data-theme="dark"] .sammel-leiste { background: rgba(32, 26, 56, 0.883); }
:root[data-theme="dark"] .verbucht-knopf { background: rgba(32, 26, 56, 0.644); }
:root[data-theme="dark"] .buha-monat { background: rgba(32, 26, 56, 0.662); }

/* Dunkelmodus von Hand (Julia, 22.10.2026): Grundfarben und Hintergrund. Alles andere rechnet tools/dunkel.mjs beim Build aus
   app.css und mentoring.css um und stellt es vor diese Datei. Gilt mit <html data-theme="dark">, gespeichert pro Benutzer. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --tinte: #f3f0ff;
  --ink: #e2ddf5;
  --ink-2: #c4bddf;
  --muted: #a69fc4;
  --icon: #c9bcff;
  --platzhalter: #8d86ab;

  --haar: rgba(255, 255, 255, 0.08);
  --haar-2: rgba(255, 255, 255, 0.14);

  --lila-tief: #b69cff;
  --lila-text: #c4b1ff;
  --lavendel-akzent: #b69cff;

  --flaeche: linear-gradient(180deg, rgba(38, 31, 66, 0.78) 0%, rgba(30, 24, 54, 0.66) 100%);
  --rand: rgba(255, 255, 255, 0.12) rgba(255, 255, 255, 0.07) rgba(255, 255, 255, 0.05);
  --kante: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --schatten: 0 0 0 1px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.2), 0 14px 34px -18px rgba(0, 0, 0, 0.6);
  --schatten-hoch: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.25), 0 36px 80px -36px rgba(0, 0, 0, 0.7);

  --s-grau: #7d7799;
  --t-gruen: #6fdca6;
  --t-gelb: #f2c66b;
  --t-rot: #ff8b90;
  --t-blau: #9db4ff;
  --t-orange: #f5ad7c;
  --t-lila: #c4b1ff;
  --t-grau: #b3adcb;
}
:root[data-theme="dark"] body { background: #110d1f; }
:root[data-theme="dark"] .himmel {
  background:
    radial-gradient(70% 65% at 22% 105%, rgba(124, 58, 237, 0.32) 0%, rgba(124, 58, 237, 0.14) 45%, rgba(124, 58, 237, 0) 100%),
    radial-gradient(42% 50% at 100% 42%, rgba(147, 51, 234, 0.2) 0%, rgba(147, 51, 234, 0.06) 55%, rgba(147, 51, 234, 0) 100%),
    radial-gradient(45% 45% at 96% 100%, rgba(211, 111, 176, 0.18) 0%, rgba(211, 111, 176, 0.05) 55%, rgba(211, 111, 176, 0) 100%),
    radial-gradient(50% 45% at 0% 0%, rgba(99, 72, 200, 0.28) 0%, rgba(99, 72, 200, 0.08) 50%, rgba(99, 72, 200, 0) 100%),
    linear-gradient(180deg, #151026 0%, #0e0a1b 100%); }
:root[data-theme="dark"] .himmel-raster { opacity: 0.5; filter: invert(1); }
:root[data-theme="dark"] .himmel-korn { opacity: 0.04; }
:root[data-theme="dark"] .himmel-funke { opacity: 0.55; }
:root[data-theme="dark"] ::selection { background: rgba(167, 139, 250, 0.35); color: #fff; }
:root[data-theme="dark"] code { background: rgba(255, 255, 255, 0.08); }
:root[data-theme="dark"] input::placeholder, :root[data-theme="dark"] textarea::placeholder { color: var(--platzhalter); }
:root[data-theme="dark"] input[type="date"], :root[data-theme="dark"] input[type="time"] { color-scheme: dark; }
/* Avatare: Pastellkreise bleiben hell, die Initialen dunkel */
:root[data-theme="dark"] .avatar { color: #3b3363; }
:root[data-theme="dark"] .profil .avatar { color: #fff; }

/* Karte der Flows (25.10.2026): die Bühne ist schon dunkel und bleibt im Dunkelmodus genau gleich (nicht umrechnen) */
:root[data-theme="dark"] .b-reiter { background: rgba(255, 255, 255, 0.07); }
:root[data-theme="dark"] .b-reiter button[aria-pressed='true'] { background: rgba(255, 255, 255, 0.14); }
:root[data-theme="dark"] .b-punkt { fill: #ede9fe; }
:root[data-theme="dark"] .b-knoten { box-shadow: inset 0 0 0 1px var(--b-rand), inset 0 1px 0 rgba(255, 255, 255, 0.1); }
:root[data-theme="dark"] a.b-knoten:hover, :root[data-theme="dark"] button.b-knoten:hover, :root[data-theme="dark"] .b-knoten:focus-visible { box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.6), 0 10px 30px -10px rgba(124, 58, 237, 0.7); }
:root[data-theme="dark"] .b-knoten.flow.belegt, :root[data-theme="dark"] .b-knoten.mail.belegt { background: linear-gradient(135deg, rgba(124, 58, 237, 0.28), rgba(255, 255, 255, 0.05)); }
:root[data-theme="dark"] .b-knoten.start { background: linear-gradient(135deg, rgba(52, 211, 153, 0.22), rgba(255, 255, 255, 0.04)); }
:root[data-theme="dark"] .b-knoten.mail { background: linear-gradient(135deg, rgba(124, 58, 237, calc(0.08 + var(--glut, 0) * 0.42)), rgba(255, 255, 255, 0.04)); }
:root[data-theme="dark"] .b-knoten.mail.gewaehlt { box-shadow: inset 0 0 0 2px #c4b5fd, 0 0 30px -6px rgba(167, 139, 250, 0.8); }
:root[data-theme="dark"] .b-leute { background: rgba(255, 255, 255, 0.06); }
:root[data-theme="dark"] .b-leute li:hover { background: rgba(255, 255, 255, 0.05); }
:root[data-theme="dark"] .buehne { background: radial-gradient(60% 50% at 18% 0%, rgba(124, 58, 237, 0.35), transparent 70%), radial-gradient(50% 60% at 100% 100%, rgba(236, 72, 153, 0.16), transparent 70%),
  radial-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1.4px) 0 0 / 22px 22px, var(--b-grund); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.08); }
/* Karte: Linien bearbeiten (25.10.2026), gleich wie hell */
:root[data-theme="dark"] .b-bearbeiten { color: #f3f0ff; background: rgba(255, 255, 255, 0.08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); }
:root[data-theme="dark"] .b-bearbeiten.an { background: #a78bfa; color: #120c26; box-shadow: 0 0 18px rgba(167, 139, 250, 0.55); }
:root[data-theme="dark"] .b-hilfe { color: #f3f0ff; background: rgba(167, 139, 250, 0.14); box-shadow: inset 0 0 0 1px rgba(167, 139, 250, 0.35); }
:root[data-theme="dark"] .b-hilfe.fehler { background: rgba(248, 113, 113, 0.14); box-shadow: inset 0 0 0 1px rgba(248, 113, 113, 0.4); }
:root[data-theme="dark"] .b-knoten.quelle.gewaehlt { box-shadow: 0 0 0 2px #a78bfa, 0 0 24px rgba(167, 139, 250, 0.55); }
:root[data-theme="dark"] .b-kante.eigen path { stroke: #fbbf24; }
:root[data-theme="dark"] .b-knopf { color: #f3f0ff; background: rgba(255, 255, 255, 0.1); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16); }
:root[data-theme="dark"] .b-knopf.haupt { background: #a78bfa; color: #120c26; box-shadow: 0 0 16px rgba(167, 139, 250, 0.5); }
:root[data-theme="dark"] .b-kante.entwurf-an path { stroke: #34d399; }
:root[data-theme="dark"] .b-kante.entwurf-aus path { stroke: #f87171; }
/* Onetree: Handy-Rahmen, Mini-Vorschau und QR-Codes behalten ihre echten Farben (die Seiten selbst sind dunkel, QR-Codes brauchen Weiss) */
:root[data-theme="dark"] .ot-handy, :root[data-theme="dark"] .ot-karte-vorschau { background: #0b0a12; }
:root[data-theme="dark"] .ot-handy iframe { background: #12091f; }
:root[data-theme="dark"] .ot-qr { background: #fff; }
/* Galerie: grosse Vorschau bleibt dunkel */
:root[data-theme="dark"] .galerie-gross { background: rgba(10, 6, 20, 0.88); }
:root[data-theme="dark"] .galerie-gross .icon-knopf { background: rgba(255, 255, 255, 0.1); color: #f3f0ff; box-shadow: none; }
:root[data-theme="dark"] .schalter.ot-gruen input:checked + span { background: linear-gradient(180deg, #22c55e 0%, #16a34a 100%); }
:root[data-theme="dark"] .schalter.ot-gruen input:not(:checked) + span { background: rgba(255, 255, 255, 0.14); }
:root[data-theme="dark"] .galerie-icons { background: rgba(14, 9, 28, 0.55); }
:root[data-theme="dark"] .galerie-icons .icon-knopf { background: transparent; color: #fff; box-shadow: none; }
/* Todos: gewählte Person (Julia, 30.10.2026) */
:root[data-theme="dark"] .td-pille.an { background: #8b5cf6; color: #fff; box-shadow: 0 0 16px rgba(139, 92, 246, 0.45); }
:root[data-theme="dark"] .td-pille.an .td-kreis, :root[data-theme="dark"] .td-pille.an .td-pille-zahl { background: rgba(255, 255, 255, 0.22); color: #fff; }

/* Todos: Pastell-Farben im Dunkeln (wie Lumen, gedämpft) */
:root[data-theme="dark"] .td-f-lila { background: rgba(127, 119, 221, 0.22); color: #cecbf6; }
:root[data-theme="dark"] .td-f-rosa { background: rgba(212, 83, 126, 0.22); color: #f4c0d1; }
:root[data-theme="dark"] .td-f-mint { background: rgba(29, 158, 117, 0.22); color: #9fe1cb; }
:root[data-theme="dark"] .td-f-blau { background: rgba(55, 138, 221, 0.22); color: #b5d4f4; }
:root[data-theme="dark"] .td-f-pfirsich { background: rgba(216, 90, 48, 0.22); color: #f5c4b3; }
:root[data-theme="dark"] .td-f-gelb { background: rgba(186, 117, 23, 0.25); color: #fac775; }
:root[data-theme="dark"] .td-mini { background: rgba(127, 119, 221, 0.25); color: #cecbf6; }
:root[data-theme="dark"] .td-gruss em { color: #b69cff; }

:root[data-theme="dark"] .td-datum { background: rgba(127, 119, 221, 0.22); color: #cecbf6; }
:root[data-theme="dark"] .td-datum.rot { background: rgba(212, 83, 126, 0.22); color: #f4c0d1; }
:root[data-theme="dark"] .td-avatare .td-mini { box-shadow: 0 0 0 2px #1d1733; }
:root[data-theme="dark"] .td-punkt.td-f-lila { background: #7f77dd; } :root[data-theme="dark"] .td-punkt.td-f-rosa { background: #d4537e; }
:root[data-theme="dark"] .td-punkt.td-f-mint { background: #1d9e75; } :root[data-theme="dark"] .td-punkt.td-f-blau { background: #378add; }
:root[data-theme="dark"] .td-punkt.td-f-pfirsich { background: #d85a30; } :root[data-theme="dark"] .td-punkt.td-f-gelb { background: #ba7517; }
:root[data-theme="dark"] .td-punkt.td-f-grau { background: #888780; }

/* Todos: Schnell-Menü im Dunkelmodus */
:root[data-theme="dark"] .td-menue { background: #241d3d; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(160, 150, 240, 0.18); }
:root[data-theme="dark"] .td-von { color: #cecbf6; }
:root[data-theme="dark"] .td-von.neu { color: #fff; }
:root[data-theme="dark"] .ansicht-menue { background: #241d3d; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(160, 150, 240, 0.18); }

:root[data-theme="dark"] .td-menue.td-pop { background: #241d3d; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.08); color: var(--ink); }
:root[data-theme="dark"] .td-kal-raster button.an { background: #8b5cf6 !important; }
:root[data-theme="dark"] .td-kal-raster button.heute { box-shadow: inset 0 0 0 1.5px #b69cff; color: #b69cff; }

/* Automatisierungen › Salessuite: Schalter im Dunkelmodus (src/ui/Automatisierung.jsx) */
:root[data-theme="dark"] .au-schalter { background: rgba(255, 255, 255, 0.18); }
:root[data-theme="dark"] .au-schalter span { background: #f3f0ff; }
:root[data-theme="dark"] .au-schalter.an { background: #8b5cf6; }
:root[data-theme="dark"] .au-schalter.an span { background: #fff; }