/* ═══════════════════════════════════════════════════════════════════════
   CYQORE Theme — zentrale Tokens + Light-Overrides für index/admin/auth.
   B "Refined Dark" = Standard (:root), A "Light Professional" = Toggle
   via html[data-theme="light"]. Wird NACH dem Seiten-CSS geladen und
   überschreibt dessen :root-Tokens. audit.php hat eigene Tokens in
   audit.css (gleiche Werte).
   ═══════════════════════════════════════════════════════════════════════ */
:root {
  --bg:       #14131a;
  --bg2:      #100f16;
  --card:     #17161f;
  --card2:    #1b1a24;
  --surface:  #17161f;
  --surface2: #1b1a24;
  --navy:     #1b1a24;
  --navy2:    #201e29;
  --border:   rgba(255,255,255,.07);
  --border2:  rgba(255,255,255,.12);
  --hover:    rgba(255,255,255,.05);
  --inset:    rgba(0,0,0,.22);
  --blue:     #e8005a;
  --blue-l:   #ff3d82;
  --accent:   #ff3d82;
  --green:    #22c07a;
  --green-l:  #5fe0a6;
  --amber:    #f0a53a;
  --orange:   #f0a53a;
  --red:      #ef5350;
  --text:     #e7e5ee;
  --text2:    #a5a1b3;
  --muted:    #7d7a8e;
  --shadow:   0 18px 50px -20px rgba(0,0,0,.55);
}
/* Refined Dark: gedämpfter Body-Glow statt Neon-Flood (überschreibt Seiten-CSS) */
body {
  background:
    radial-gradient(1400px 620px at 6% -6%, rgba(232,0,90,.05), transparent 58%),
    var(--bg);
  background-attachment: fixed;
}

html[data-theme="light"] {
  color-scheme: light;
  --bg:       #f6f6f4;
  --bg2:      #f0f0ed;
  --card:     #ffffff;
  --card2:    #fbfbfa;
  --surface:  #ffffff;
  --surface2: #f0f0ed;
  --navy:     #ffffff;
  --navy2:    #fbfbfa;
  --border:   #d7d7d2;
  --border2:  #c7c7c1;
  --hover:    rgba(0,0,0,.06);
  --inset:    #f2f1ee;
  --blue:     #b00a4b;
  --blue-l:   #8a063a;
  --accent:   #b00a4b;
  --green:    #1f8a50;
  --green-l:  #166b3d;
  --amber:    #9c6516;
  --orange:   #9c6516;
  --red:      #a5333d;
  --text:     #15151a;
  --text2:    #45454f;
  --muted:    #63636d;
  --shadow:   0 12px 30px -14px rgba(0,0,0,.16);
}
html[data-theme="light"] body {
  background: radial-gradient(1400px 620px at 6% -6%, rgba(194,10,82,.04), transparent 58%), var(--bg);
  color: var(--text);
  color-scheme: light;
}

/* ── Theme-Umschalter (Sonne/Mond) ── */
.theme-toggle {
  display:inline-flex; align-items:center; justify-content:center;
  width:32px; height:32px; border-radius:7px; cursor:pointer;
  background: var(--hover); border:1px solid var(--border2); color: var(--text2);
  transition: all .15s; padding:0; flex-shrink:0;
}
.theme-toggle:hover { color: var(--text); border-color: var(--blue); }
.theme-toggle svg { width:15px; height:15px; }
.theme-toggle .ico-sun { display:none; }
html[data-theme="light"] .theme-toggle .ico-sun  { display:block; }
html[data-theme="light"] .theme-toggle .ico-moon { display:none; }
/* Fixe Variante für Auth-Seiten ohne Header */
.theme-toggle.tt-fixed { position:fixed; top:14px; right:14px; z-index:1000; }

/* Seiten-spezifische Light-Overrides folgen unten (index / admin / auth). */

/* ═══════════════════════════════════════════════════════════════════
   CYQORE Audit — Light-Theme-Overrides
   Quelle: static/index.css + index.php (Inline-Styles / JS-Templates)
   Einbauort: theme.css (lädt NACH dem Seiten-CSS)
   ═══════════════════════════════════════════════════════════════════ */

/* ── Grundfläche, Magenta-Glows, color-scheme (index.css body) ── */
html[data-theme="light"] body {
  background:
    radial-gradient(1200px 620px at 10% 16%, rgba(194,10,82,.05), transparent 55%),
    radial-gradient(1000px 520px at 90% 84%, rgba(194,10,82,.035), transparent 55%),
    var(--bg);
  color-scheme: light;
}

/* ── Header / Sticky-Top (rgba(12,10,20,.92) + schwerer Schatten) ── */
html[data-theme="light"] .sticky-top { box-shadow: 0 4px 18px rgba(0,0,0,.07); }
html[data-theme="light"] header { background: rgba(255,255,255,.92); }
html[data-theme="light"] .logo,
html[data-theme="light"] .logo-wordmark { filter: drop-shadow(0 1px 2px rgba(0,0,0,.12)); }
html[data-theme="light"] .btn-start { box-shadow: 0 1px 6px rgba(194,10,82,.25); }
html[data-theme="light"] .btn-start:hover { box-shadow: 0 2px 10px rgba(194,10,82,.35); }

/* ── KI-Ticker (Gradients #150a11/#0a0509) ── */
html[data-theme="light"] .ticker-bar {
  background: var(--bg2);
  border-bottom-color: var(--border2);
}
html[data-theme="light"] .ticker-label {
  background: linear-gradient(90deg, var(--bg2) 70%, transparent);
  border-right-color: var(--border2);
}
html[data-theme="light"] .ticker-fade-r { background: linear-gradient(90deg, transparent, var(--bg2)); }
html[data-theme="light"] .ticker-item .t-dot { background: var(--blue); }
html[data-theme="light"] .ticker-item .t-src { color: var(--blue); border-color: rgba(194,10,82,.3); }

/* ── Layout-Toggle (color:#ff3d82) ── */
html[data-theme="light"] .layout-toggle { color: var(--blue); }

/* ── Cards (weiße Shine-Line, dunkler Hover-Schatten, Primary-Gradient) ── */
html[data-theme="light"] .card::after {
  background: linear-gradient(90deg, transparent, rgba(0,0,0,.05), transparent);
}
html[data-theme="light"] .card:hover { box-shadow: 0 8px 32px rgba(0,0,0,.10); }
html[data-theme="light"] .card.primary {
  background: linear-gradient(135deg, #ffffff 0%, #faf1f5 100%);
}
html[data-theme="light"] .icon-mac,
html[data-theme="light"] .icon-ios,
html[data-theme="light"] .icon-linux { background: var(--hover); border-color: var(--border2); }

/* Badges mit hellen Textfarben (unlesbar auf Hell) */
html[data-theme="light"] .b-win     { color: var(--blue); }
html[data-theme="light"] .b-ios     { background: var(--hover); color: var(--text2); border-color: var(--border2); }
html[data-theme="light"] .b-soon    { color: var(--amber); }
html[data-theme="light"] .b-premium { color: var(--blue); }
html[data-theme="light"] .b-tool    { color: var(--accent); }
html[data-theme="light"] .price-tag { color: var(--blue); }
html[data-theme="light"] .price-tag .price { color: var(--text); }
html[data-theme="light"] .btn-blue { box-shadow: 0 1px 6px rgba(194,10,82,.22); }
html[data-theme="light"] .btn-blue:hover { box-shadow: 0 2px 10px rgba(194,10,82,.3); }

/* Card-Tooltip (#0a1422, aktuell per JS deaktiviert, CSS existiert weiter) */
html[data-theme="light"] #card-tooltip {
  background: var(--card);
  border-color: var(--blue);
  color: var(--text);
  box-shadow: 0 18px 48px rgba(0,0,0,.16), 0 0 0 1px rgba(194,10,82,.2);
}
html[data-theme="light"] #card-tooltip::before {
  background: var(--card);
  border-left-color: var(--blue);
  border-top-color: var(--blue);
}

/* ── Footer (rgba(12,10,20,.95)) ── */
html[data-theme="light"] footer {
  background: rgba(255,255,255,.95);
  box-shadow: 0 -4px 16px rgba(0,0,0,.06);
}

/* ── Freitext-Modal (Dunkel-Navy #0c1a32 + weiße rgba-Borders/Inputs) ── */
html[data-theme="light"] .ft-overlay { background: rgba(0,0,0,.45); }
html[data-theme="light"] .ft-modal {
  background: var(--card);
  box-shadow: 0 28px 90px rgba(0,0,0,.18);
}
html[data-theme="light"] .ft-modal-head { background: var(--card); border-bottom-color: var(--border); }
html[data-theme="light"] .ft-tab { border-color: var(--border2); }
html[data-theme="light"] .ft-tab:hover,
html[data-theme="light"] .ft-tab.active { color: var(--accent); }
html[data-theme="light"] .ft-count { background: rgba(124,58,237,.15); color: #6b21a8; }
html[data-theme="light"] .ft-close:hover { background: var(--hover); }
html[data-theme="light"] .ft-action-btn { border-color: var(--border2); }
html[data-theme="light"] .ft-action-btn:hover { color: var(--accent); }
html[data-theme="light"] .ft-field input[type="text"],
html[data-theme="light"] .ft-field textarea {
  background: var(--inset);
  border-color: var(--border2);
}
html[data-theme="light"] .ft-toolbar { background: var(--surface2); border-color: var(--border2); }
html[data-theme="light"] .ft-tb-btn:hover { color: var(--accent); }
html[data-theme="light"] .ft-tb-sep { background: var(--border2); }
html[data-theme="light"] .ft-editor { background: var(--inset); border-color: var(--border2); }
html[data-theme="light"] .ft-ai-btn { color: var(--accent); }
html[data-theme="light"] .ft-saved-item { border-color: var(--border); background: var(--card2); }
html[data-theme="light"] .ft-footer { background: var(--card); border-top-color: var(--border); }
html[data-theme="light"] .ft-exp-btn:hover { color: var(--accent); }
html[data-theme="light"] .ft-status-btn:hover { background: var(--hover); }
html[data-theme="light"] .ft-status-btn[data-status="erledigt"].active { color: var(--green); }
html[data-theme="light"] .ft-status-btn[data-status="bearbeitung"].active { color: var(--blue); }
html[data-theme="light"] .ft-search-row { border-bottom-color: var(--border); }
html[data-theme="light"] .ft-search-input {
  background: var(--inset);
  color-scheme: light;
}
html[data-theme="light"] select.ft-search-input { background-color: var(--inset); }
html[data-theme="light"] select.ft-search-input option { background-color: #ffffff; color: var(--text); }
html[data-theme="light"] select.ft-search-input option:checked,
html[data-theme="light"] select.ft-search-input option:hover { background-color: rgba(194,10,82,.12); color: var(--text); }
html[data-theme="light"] .ft-badge-status.erledigt    { color: var(--green); }
html[data-theme="light"] .ft-badge-status.bearbeitung { color: var(--blue); }
html[data-theme="light"] .ft-anlage-box { border-color: var(--border2); background: var(--card2); }
html[data-theme="light"] .ft-anlage-item { background: var(--hover); }
html[data-theme="light"] .ft-anlage-item a { color: var(--blue); }
html[data-theme="light"] .ft-anlage-del { color: var(--red); }
html[data-theme="light"] .ft-save-new { color: var(--accent); }
/* JS-Template ftRenderSaved(): Header-Zeile mit inline border-bottom rgba(255,255,255,.08) */
html[data-theme="light"] .ft-saved-header { border-bottom-color: var(--border) !important; }

/* ── Multi-User-Modal (#150a11, #e8edf5, #a8b6cb, #566880, Glow) ── */
html[data-theme="light"] #mu-backdrop { background: rgba(0,0,0,.4); }
html[data-theme="light"] #mu-modal {
  background: var(--card);
  color: var(--text);
  box-shadow: 0 32px 64px rgba(0,0,0,.16), 0 0 0 1px rgba(194,10,82,.06);
}
html[data-theme="light"] #mu-modal .mu-brand h3 { color: var(--text); }
html[data-theme="light"] #mu-modal .mu-brand p,
html[data-theme="light"] #mu-modal .mu-divider span { color: var(--muted); }
html[data-theme="light"] #mu-modal .mu-divider::before,
html[data-theme="light"] #mu-modal .mu-divider::after { background: var(--border2); }
html[data-theme="light"] #mu-modal .mu-field label { color: var(--text2); }
html[data-theme="light"] #mu-modal .mu-input-wrap svg.mu-lead { color: var(--muted); }
html[data-theme="light"] #mu-modal input[type=text] {
  background: var(--inset);
  border-color: var(--border2);
  color: var(--text);
}
html[data-theme="light"] #mu-modal .mu-add-btn { color: var(--blue); }
html[data-theme="light"] #mu-chips .mu-chip { color: var(--blue); }
html[data-theme="light"] #mu-chips .mu-chip button { color: var(--muted); }
html[data-theme="light"] #mu-chips .mu-chip button:hover { color: var(--red); }
html[data-theme="light"] #mu-modal .mu-btn-primary {
  background: var(--blue);
  box-shadow: 0 1px 8px rgba(194,10,82,.25);
}
html[data-theme="light"] #mu-modal .mu-btn-primary:hover {
  background: var(--blue-l);
  box-shadow: 0 2px 12px rgba(194,10,82,.35);
}
html[data-theme="light"] #mu-modal .mu-btn-cancel { border-color: var(--border2); color: var(--text2); }
html[data-theme="light"] #mu-modal .mu-btn-cancel:hover { color: var(--red); }
html[data-theme="light"] #mu-modal .mu-err { color: var(--red); }

/* ── Support-Modal (#150a11, #ff8fb5, #a8b6cb, option #0d060b, Glow) ── */
html[data-theme="light"] #sup-backdrop { background: rgba(0,0,0,.4); }
html[data-theme="light"] #sup-modal {
  background: var(--card);
  color: var(--text);
  box-shadow: 0 32px 64px rgba(0,0,0,.16), 0 0 0 1px rgba(194,10,82,.08);
}
html[data-theme="light"] #sup-modal h3 { color: var(--blue); }
html[data-theme="light"] #sup-modal p.sup-intro,
html[data-theme="light"] #sup-modal label { color: var(--text2); }
html[data-theme="light"] #sup-modal input,
html[data-theme="light"] #sup-modal select,
html[data-theme="light"] #sup-modal textarea {
  background: var(--inset);
  border-color: var(--border2);
  color: var(--text);
}
html[data-theme="light"] #sup-modal select option { background: #ffffff; color: var(--text); }
html[data-theme="light"] #sup-modal .sup-btn-primary { background: var(--blue); box-shadow: 0 1px 8px rgba(194,10,82,.25); }
html[data-theme="light"] #sup-modal .sup-btn-primary:hover { background: var(--blue-l); box-shadow: 0 2px 12px rgba(194,10,82,.35); }
html[data-theme="light"] #sup-modal .sup-btn-cancel { border-color: var(--border2); color: var(--text2); }
html[data-theme="light"] #sup-modal .sup-btn-cancel:hover { color: var(--red); }
html[data-theme="light"] #sup-modal .sup-msg.err { color: var(--red); }

/* ═══ Inline style=""-Attribute in index.php — !important nötig ═══ */

/* Dunkle Card-Gradients (Lokale Audit / CYQORE OS / Vorschriften+Freitext) */
html[data-theme="light"] .card[style*="#0a1710"] {
  background: linear-gradient(135deg, #eef8f2 0%, #f5fbf7 100%) !important;
}
html[data-theme="light"] .card.card-wip {
  background: linear-gradient(135deg, #faf5ea 0%, #fcf9f1 100%) !important;
}
html[data-theme="light"] .card[style*="#130e28"] {
  background: linear-gradient(135deg, #f5f1fb 0%, #f9f6fd 100%) !important;
}

/* Freitext: Schreibstil-Profil-Select (inline background:#0d060b) */
html[data-theme="light"] #ft-profile {
  background: var(--inset) !important;
  color: var(--text) !important;
}
html[data-theme="light"] #ft-profile option { background: #ffffff; color: var(--text); }

/* E-Mail-Versand-Modal (komplett inline gestylt: #150a11, weiße rgba-Inputs) */
html[data-theme="light"] #ft-send-modal { background: rgba(0,0,0,.45) !important; }
html[data-theme="light"] #ft-send-modal > div { background: var(--card) !important; }
html[data-theme="light"] #ft-send-modal input,
html[data-theme="light"] #ft-send-modal textarea {
  background: var(--inset) !important;
  border-color: var(--border2) !important;
  color: var(--text) !important;
}

/* Session-Timeout-Modal (per JS injiziert: rgba(7,16,31,.85) + #150a11) */
html[data-theme="light"] #sess-modal { background: rgba(0,0,0,.45) !important; }
html[data-theme="light"] #sess-modal > div {
  background: var(--card) !important;
  color: var(--text) !important;
}

/* Catch-alls: hardcodierte helle Textfarben in style=""-Attributen
   (Header-Links, Version-Leiste, Footer, Flash, Badges, ft-Buttons, sess-Modal) */
html[data-theme="light"] [style*="color:#ff3d82"] { color: var(--blue) !important; }
html[data-theme="light"] [style*="color:#e8edf5"] { color: var(--text) !important; }
html[data-theme="light"] [style*="color:#a8b6cb"] { color: var(--text2) !important; }
html[data-theme="light"] [style*="color:#cbd5e1"] { color: var(--text2) !important; }
html[data-theme="light"] [style*="color:#566880"] { color: var(--muted) !important; }
html[data-theme="light"] [style*="color:#ffc2d8"] { color: var(--blue) !important; }
html[data-theme="light"] [style*="color:#f472b6"] { color: var(--accent) !important; }
html[data-theme="light"] [style*="color:#4ade80"] { color: var(--green) !important; }
html[data-theme="light"] [style*="color:#5fe0a6"] { color: var(--green) !important; }
html[data-theme="light"] [style*="color:#f5c06a"] { color: var(--amber) !important; }
html[data-theme="light"] [style*="color:#f5a623"] { color: var(--amber) !important; }
html[data-theme="light"] [style*="color:#f87171"] { color: var(--red) !important; }
html[data-theme="light"] [style*="color:#ff8090"] { color: var(--red) !important; }

/* Catch-alls: weiße rgba-Hintergründe/Borders in style=""-Attributen
   (User-Chip im Header, "Dateien wählen"-Label, OS-Card-Button, Send-Modal-Felder) */
html[data-theme="light"] [style*="background:rgba(255,255,255,.04)"] { background: var(--inset) !important; }
html[data-theme="light"] [style*="background:rgba(255,255,255,.05)"] { background: var(--hover) !important; }
html[data-theme="light"] [style*="rgba(255,255,255,.14)"] { border-color: var(--border2) !important; }
html[data-theme="light"] [style*="rgba(255,255,255,.15)"] { border-color: var(--border2) !important; }

/* ════════════════════════════════════════════════════════════════════════
   CYQORE Audit — Light-Theme-Overrides fuer admin.php + static/admin.css
   Einbauort: theme.css (laedt NACH admin.css → gewinnt bei gleicher Spezifitaet).
   !important ist noetig, wo style=""-Attribute im Markup ueberschrieben werden.
   ════════════════════════════════════════════════════════════════════════ */

/* ── admin.css Z.11-12: Body-Gradients, Grid-Overlay, color-scheme ── */
html[data-theme="light"] body{
  background:
    radial-gradient(1300px 640px at 8% 0%, rgba(194,10,82,.05), transparent 55%),
    radial-gradient(1100px 560px at 100% 100%, rgba(194,10,82,.04), transparent 55%),
    var(--bg);
  background-attachment:fixed;
  color:var(--text);
  color-scheme:light;
}
html[data-theme="light"] body::before{
  background-image:
    linear-gradient(rgba(194,10,82,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(194,10,82,.045) 1px, transparent 1px);
}

/* ── admin.css Z.21/23: Header-User-Pill + Back-Link-Hover ── */
html[data-theme="light"] .h-user{background:rgba(194,10,82,.07);border-color:rgba(194,10,82,.22)}
html[data-theme="light"] .h-back:hover{border-color:rgba(194,10,82,.45)}

/* ── admin.css Z.37-38: Sidebar-Nav (#ffc2d8-Rosatext unlesbar auf hell) ── */
html[data-theme="light"] .admin-nav a:hover{background:rgba(194,10,82,.07);color:var(--blue);border-left-color:var(--blue)}
html[data-theme="light"] .admin-nav a.active{background:rgba(194,10,82,.10);color:var(--blue);border-left-color:var(--blue)}

/* ── admin.css Z.58-59: Badges ── */
html[data-theme="light"] .badge-admin{background:rgba(194,10,82,.08);color:var(--blue);border-color:rgba(194,10,82,.28)}
html[data-theme="light"] .badge-user{background:var(--hover);color:var(--text2);border-color:var(--border2)}

/* ── admin.css Z.65-70: Formfelder + Select-Options (dunkle Option-BGs) ── */
html[data-theme="light"] .field input,
html[data-theme="light"] .field select{background:var(--card);border-color:var(--border2);color:var(--text)}
html[data-theme="light"] .field input:focus,
html[data-theme="light"] .field select:focus{border-color:rgba(194,10,82,.55)}
html[data-theme="light"] .field select option{background:var(--card)}
html[data-theme="light"] select option{background:var(--card);color:var(--text)}
html[data-theme="light"] select option:hover,
html[data-theme="light"] select option:checked,
html[data-theme="light"] select option:focus{background:rgba(194,10,82,.15);color:var(--text)}

/* ── admin.css Z.74-83: Buttons + 2FA-Toggle ── */
html[data-theme="light"] .btn-primary{box-shadow:0 2px 10px rgba(194,10,82,.22)}
html[data-theme="light"] .btn-danger{background:rgba(178,58,68,.08);color:var(--red);border:1px solid rgba(178,58,68,.25)}
html[data-theme="light"] .btn-danger:hover{background:rgba(178,58,68,.16)}
html[data-theme="light"] .twofa-toggle.on{background:rgba(47,160,96,.10);color:var(--green);border-color:rgba(47,160,96,.35)}
html[data-theme="light"] .twofa-toggle.on:hover{background:rgba(47,160,96,.18)}
html[data-theme="light"] .twofa-toggle.off{background:rgba(178,58,68,.07);color:var(--red);border-color:rgba(178,58,68,.28)}
html[data-theme="light"] .twofa-toggle.off:hover{background:rgba(178,58,68,.15)}

/* ── admin.css Z.94-98: Card-Flash — Keyframes sind global, daher eigene
      Light-Variante + animation-name-Umschaltung ── */
@keyframes msc5-card-flash-light{
  0%,100%{box-shadow:0 0 0 0 rgba(194,10,82,0);border-color:var(--border2)}
  40%{box-shadow:0 0 0 4px rgba(194,10,82,.35),0 0 22px rgba(194,10,82,.22);border-color:rgba(194,10,82,.75)}
}
html[data-theme="light"] .msc5-flash{animation-name:msc5-card-flash-light}

/* ── admin.css Z.109-111: AI-Provider-Buttons (weisser Text auf blasser Flaeche) ── */
html[data-theme="light"] .ai-prov-btn{background:var(--card);border-color:var(--border2);color:var(--text)}
html[data-theme="light"] .ai-prov-btn:hover{background:rgba(194,10,82,.06);border-color:rgba(194,10,82,.3)}
html[data-theme="light"] .ai-prov-btn.active{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}

/* ════════════════════════════════════════════════════════════════════════
   admin.php — style=""-Attribute. Anker via [style*=...], !important schlaegt
   Inline-Styles. Blanket-Regeln zuerst, spezifische danach.
   ════════════════════════════════════════════════════════════════════════ */

/* Weisse Ghost-Flaechen (rgba(255,255,255,.02/.04/.05)) → auf hell unsichtbar.
   Trifft: Z.369,449,505,773,781,782,787,834,836,868 (.05) / Z.459,488 AI-/Modul-
   Zellen-Links (.04) / Z.855 Modul-Modal-Labels (.02) / #g2fa-state off (Z.289) */
html[data-theme="light"] [style*="rgba(255,255,255,.05)"]{background:var(--surface2)!important}
html[data-theme="light"] [style*="rgba(255,255,255,.04)"]{background:var(--surface2)!important}
html[data-theme="light"] [style*="rgba(255,255,255,.02)"]{background:var(--card2)!important}

/* Magenta-Ghost-Buttons/-Badges — Z.136,445,620,622,638,689,690,700,721,727,
   729,755-757,789 + JS-onmouseover-Werte (Z.460) */
html[data-theme="light"] [style*="rgba(232,0,90,"]{background:rgba(194,10,82,.07)!important;border-color:rgba(194,10,82,.28)!important}
html[data-theme="light"] [style*="rgba(0,169,224,"]{background:rgba(194,10,82,.07)!important;border-color:rgba(194,10,82,.28)!important} /* Z.788 JSON-Export */
html[data-theme="light"] [style*="rgba(139,92,246,"]{background:rgba(194,10,82,.05)!important;border-color:rgba(194,10,82,.3)!important} /* JS-Hover Z.489/855 */

/* Gruene Ghost-Buttons — Z.237,337,675,730,849 (rgba(0,201,122,)) + Z.730 Filter
   (rgba(16,185,129,)) + 2FA-Karte/State Z.286/289 (rgba(34,192,122,)) */
html[data-theme="light"] [style*="rgba(0,201,122,"],
html[data-theme="light"] [style*="rgba(16,185,129,"]{background:rgba(47,160,96,.09)!important;border-color:rgba(47,160,96,.32)!important}
html[data-theme="light"] [style*="rgba(34,192,122,"]{background:rgba(47,160,96,.07)!important;border-color:rgba(47,160,96,.3)!important}

/* Rote Ghost-Buttons — Z.238,296,758-760,850 */
html[data-theme="light"] [style*="rgba(255,59,92,"]{background:rgba(178,58,68,.07)!important;border-color:rgba(178,58,68,.3)!important}

/* Amber-Filter "Neu" Z.728 */
html[data-theme="light"] [style*="rgba(245,166,35,"]{background:rgba(183,121,31,.09)!important;border-color:rgba(183,121,31,.32)!important}

/* Grauer Filter "Geschlossen" Z.731 */
html[data-theme="light"] [style*="rgba(160,160,160,"]{background:rgba(0,0,0,.05)!important}

/* Inline-Textfarben: helle Pastelltoene → Light-Palette
   #ff3d82: Z.136,445,620,622,638,689,690,700,729,755-757,788,789
   #ff8fb5: Z.478 Token-Spalte, Z.721 · #ffc2d8: Z.727 · #ff8090: Z.40(PHP),
   220,238,296,672,758-760,850 · #ff6b6b: Z.82 · #10b981: Z.237,337,675,730,849
   #5fe0a6: Z.289 · #22c55e: Z.515/516 · #94a3b8: Z.515/516
   #f5a623: Z.41(PHP),672,728 · #f0a53a: Z.294 */
html[data-theme="light"] [style*="color:#ff3d82"]{color:var(--blue)!important}
html[data-theme="light"] [style*="color:#ff8fb5"]{color:var(--blue)!important}
html[data-theme="light"] [style*="color:#ffc2d8"]{color:var(--blue)!important}
html[data-theme="light"] [style*="color:#ff8090"]{color:var(--red)!important}
html[data-theme="light"] [style*="color:#ff6b6b"]{color:var(--red)!important}
html[data-theme="light"] [style*="color:#10b981"]{color:var(--green)!important}
html[data-theme="light"] [style*="color:#5fe0a6"]{color:var(--green)!important}
html[data-theme="light"] [style*="color:#22c55e"]{color:var(--green)!important}
html[data-theme="light"] [style*="color:#94a3b8"]{color:var(--text2)!important}
html[data-theme="light"] [style*="color:#f5a623"]{color:var(--amber)!important}
html[data-theme="light"] [style*="color:#f0a53a"]{color:var(--amber)!important}

/* ── Spezifische Anker (hoehere Spezifitaet, gewinnen gegen Blanket-Regeln) ── */

/* Z.82: Logout-Link im Header (bekam durch rgba(255,59,92,)-Blanket sonst BG) */
html[data-theme="light"] a.h-back[href="logout.php"]{color:var(--red)!important;border-color:rgba(178,58,68,.35)!important;background:transparent!important}

/* Z.136: Passwort-Regenerieren-Button */
html[data-theme="light"] #btn-pw-regen{background:rgba(194,10,82,.07)!important;color:var(--blue)!important;border-color:rgba(194,10,82,.3)!important}

/* Z.218: Gradient-Trennlinie in Modul-Gruppen (#ff3d8233) */
html[data-theme="light"] #new-modules-chips span[style*="linear-gradient(90deg"]{background:linear-gradient(90deg,rgba(194,10,82,.25),transparent)!important}

/* Z.224: Modul-Chips Basiszustand (weisse Ghost-Flaeche inline) */
html[data-theme="light"] .mod-chip{background:var(--card)!important;border-color:var(--border2)!important}

/* admin.css Z.104-106: Chip-Checked-States (#ffc2d8/#ff8fb5 unlesbar auf hell);
   !important noetig, weil das Inline-style="" sonst gewinnt */
html[data-theme="light"] .mod-chip:has(input:checked){background:rgba(194,10,82,.07)!important;border-color:rgba(194,10,82,.4)!important;color:var(--blue)!important}
html[data-theme="light"] .mod-group[data-group="security"] .mod-chip:has(input:checked),
html[data-theme="light"] .mod-group[data-group="tools"] .mod-chip:has(input:checked){background:rgba(194,10,82,.07)!important;border-color:rgba(194,10,82,.4)!important;color:var(--blue)!important}

/* Z.362: GitHub-Issue-Overlay (fast opakes Dunkelblau) → hellerer Scrim */
html[data-theme="light"] #gh-issue-overlay{background:rgba(20,19,26,.45)!important}

/* Z.803/844: Modal-Boxen — harten Dark-Schatten daempfen */
html[data-theme="light"] #ai-modal-overlay > div,
html[data-theme="light"] #mod-modal-overlay > div{box-shadow:0 18px 50px rgba(0,0,0,.14)!important}

/* Z.514-517: Presence-Pills + Status-Dot (Glow #22c55e / Grau #94a3b8) */
html[data-theme="light"] .presence-pill.on{background:rgba(47,160,96,.10)!important;border-color:rgba(47,160,96,.4)!important;color:var(--green)!important}
html[data-theme="light"] .presence-pill.off{background:rgba(0,0,0,.05)!important;border-color:rgba(0,0,0,.12)!important;color:var(--text2)!important}
html[data-theme="light"] .presence-pill.on > span:first-child{background:var(--green)!important;box-shadow:0 0 6px rgba(47,160,96,.5)!important}
html[data-theme="light"] .presence-pill.off > span:first-child{background:var(--muted)!important;box-shadow:none!important}

/* ════════════════════════════════════════════════════════════════════
   CYQORE Audit — Light-Theme-Overrides (Auth-Seiten + Changelog)
   Wird NACH dem Seiten-CSS geladen (in/nach theme.css).
   Nur html[data-theme="light"]-Regeln — Dark bleibt unberührt.
   ════════════════════════════════════════════════════════════════════ */

/* ── Nicht-kanonische Seiten-Tokens remappen ─────────────────────────
   reset_password.php: --mag/--mag-l | change_password.php: --orange   */
html[data-theme="light"]{
  --mag:#c20a52;
  --mag-l:#98063f;
  --orange:#b7791f;
}

/* ── Global: Body (alle 7 Seiten; killt dunkle Gradients + color-scheme:dark
   von login.php; ersetzt changelog.php background:#070409/color:#e8edf5) ── */
html[data-theme="light"] body{
  background:var(--bg);
  color:var(--text);
  color-scheme:light;
}
/* login.php: dezente helle Variante der Magenta-Radials (Fallback: flaches --bg) */
html[data-theme="light"] body:has(#binary-canvas){
  background:
    radial-gradient(1100px 620px at 12% 20%,rgba(194,10,82,.06),transparent 55%),
    radial-gradient(1000px 560px at 88% 82%,rgba(194,10,82,.04),transparent 55%),
    var(--bg);
  background-attachment:fixed;
}
/* 2fa.php Success-Morph: dezenter grüner Schein statt Dark-Glow */
html[data-theme="light"] body:has(.ok-card){
  background:radial-gradient(700px 400px at 50% 30%,rgba(47,160,96,.07),transparent 60%),var(--bg);
}
/* login.php: Grid-Linien (body::before) hell abstimmen */
html[data-theme="light"] body::before{
  background-image:
    linear-gradient(rgba(194,10,82,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(194,10,82,.05) 1px,transparent 1px);
}

/* ── Global: Card (login/2fa/twofa_setup/forgot/reset/change) ────────
   ersetzt border rgba(232,0,90,.25) + Schwerlast-Schatten rgba(0,0,0,.6) */
html[data-theme="light"] .card{
  border-color:rgba(194,10,82,.25);
  box-shadow:0 24px 48px rgba(0,0,0,.10);
}
/* login.php: Top-Glanzlinie der Card */
html[data-theme="light"] .card::before{
  background:linear-gradient(90deg,transparent,rgba(194,10,82,.35),transparent);
}

/* ── Global: Logo-Glows dämpfen + Puls-Animation aus ─────────────────
   (login .brand-tile/.brand-wordmark, 2fa/forgot/change .brand img,
    changelog .logo-wordmark — drop-shadow rgba(232,0,90,.4–.55) + logoPulse) */
html[data-theme="light"] .brand-tile,
html[data-theme="light"] .brand-wordmark,
html[data-theme="light"] .brand img,
html[data-theme="light"] .logo-wordmark{
  filter:drop-shadow(0 1px 6px rgba(194,10,82,.30));
  animation:none;
}

/* ── Global: Eingabefelder (bg rgba(255,255,255,.04) bzw. rgba(0,0,0,.25)) ── */
html[data-theme="light"] .field input,
html[data-theme="light"] .code-input input,
html[data-theme="light"] .bc-input,
html[data-theme="light"] input[type=password]{
  background:var(--inset);
  border-color:var(--border2);
  color:var(--text);
}
html[data-theme="light"] .field input:focus,
html[data-theme="light"] .code-input input:focus,
html[data-theme="light"] .bc-input:focus,
html[data-theme="light"] input[type=password]:focus,
html[data-theme="light"] input:focus{
  border-color:rgba(194,10,82,.55);
  box-shadow:0 0 0 3px rgba(194,10,82,.12);
}

/* ── Global: Primär-Button — Neon-Glow rgba(232,0,90,.3/.5) ersetzen ── */
html[data-theme="light"] .btn{
  box-shadow:0 1px 2px rgba(0,0,0,.10),0 2px 12px rgba(194,10,82,.20);
}
html[data-theme="light"] .btn:hover{
  box-shadow:0 2px 16px rgba(194,10,82,.28);
}
html[data-theme="light"] .btn.ghost{box-shadow:none;}
html[data-theme="light"] .btn.ghost:hover{
  background:var(--hover);
  color:var(--text);
  box-shadow:none;
}
/* twofa_setup.php: Danger-Hover #ff5c78 (zu hell auf Weiß) */
html[data-theme="light"] .btn.danger:hover{background:#9b3038;}

/* ── Global: Info/Erfolg/Fehler-Boxen (dunkle rgba-Tints + Neonfarben) ── */
html[data-theme="light"] .info,
html[data-theme="light"] .alert.ok,
html[data-theme="light"] .msg.ok{
  background:rgba(47,160,96,.08);
  border-color:rgba(47,160,96,.35);
  color:var(--green);
}
html[data-theme="light"] .error,
html[data-theme="light"] .alert.err,
html[data-theme="light"] .msg.err{
  background:rgba(178,58,68,.07);
  border-color:rgba(178,58,68,.30);
  color:var(--red);
}

/* ── login.php: Timeout-Info-Banner mit style=""-Attribut
   (background rgba(245,166,35,.10) / color:#f5a623) ── */
html[data-theme="light"] .card .error[style]{
  background:rgba(183,121,31,.08)!important;
  border-color:rgba(183,121,31,.35)!important;
  color:var(--amber)!important;
}

/* ── login.php: Flash-Animationen — Keyframes sind global, daher
   helle Ersatz-Keyframes + animation-Swap ── */
@keyframes flashRedLight{
  0%  {border-color:rgba(178,58,68,.25);box-shadow:0 24px 48px rgba(0,0,0,.10);}
  15% {border-color:rgba(178,58,68,.90);box-shadow:0 24px 48px rgba(0,0,0,.10),0 0 0 2px rgba(178,58,68,.45),0 0 24px rgba(178,58,68,.30);}
  45% {border-color:rgba(178,58,68,.75);box-shadow:0 24px 48px rgba(0,0,0,.10),0 0 0 2px rgba(178,58,68,.30),0 0 18px rgba(178,58,68,.22);}
  100%{border-color:rgba(194,10,82,.25);box-shadow:0 24px 48px rgba(0,0,0,.10);}
}
@keyframes flashGreenLight{
  0%  {border-color:rgba(47,160,96,.25);box-shadow:0 24px 48px rgba(0,0,0,.10);}
  20% {border-color:rgba(47,160,96,.95);box-shadow:0 24px 48px rgba(0,0,0,.10),0 0 0 2px rgba(47,160,96,.50),0 0 26px rgba(47,160,96,.35);}
  50% {border-color:rgba(47,160,96,.80);box-shadow:0 24px 48px rgba(0,0,0,.10),0 0 0 2px rgba(47,160,96,.35),0 0 20px rgba(47,160,96,.25);}
  100%{border-color:rgba(194,10,82,.25);box-shadow:0 24px 48px rgba(0,0,0,.10);}
}
html[data-theme="light"] .card.flash-red{
  animation:cardAppear .6s cubic-bezier(.22,1,.36,1) both,flashRedLight .9s ease-out 1;
}
html[data-theme="light"] .card.flash-green{
  animation:cardAppear .6s cubic-bezier(.22,1,.36,1) both,flashGreenLight 1.2s ease-out 1;
}

/* ── 2fa.php (Haupt-Seite) ── */
/* Tab-Leiste: bg rgba(0,0,0,.25) */
html[data-theme="light"] .tabs{background:rgba(0,0,0,.05);}
/* Gefülltes Code-Feld: magenta Dark-Tint */
html[data-theme="light"] .code-input input.filled{
  border-color:rgba(194,10,82,.50);
  background:rgba(194,10,82,.07);
  color:var(--accent);
}
/* Shake-Fehlerzustand (Original hat !important) */
html[data-theme="light"] .code-input.shake input{
  border-color:rgba(178,58,68,.60)!important;
  background:rgba(178,58,68,.07)!important;
}
/* Countdown-Track: bg rgba(255,255,255,.06) auf Hell unsichtbar */
html[data-theme="light"] .progress{background:rgba(0,0,0,.06);}

/* ── 2fa.php (Success-Morph-Seite) ── */
html[data-theme="light"] .ok-card{
  border-color:rgba(47,160,96,.35);
  box-shadow:0 24px 48px rgba(0,0,0,.10);
}
@keyframes ringGlowLight{
  0%,100%{box-shadow:0 0 0 0 rgba(47,160,96,0);border-color:rgba(47,160,96,.45);}
  50%    {box-shadow:0 0 18px 2px rgba(47,160,96,.25);border-color:rgba(47,160,96,.70);}
}
html[data-theme="light"] .ok-ring{
  background:rgba(47,160,96,.10);
  border-color:rgba(47,160,96,.45);
  animation:ringPop .5s cubic-bezier(.2,.9,.3,1.3) both,ringGlowLight 1.8s .55s ease-in-out infinite;
}

/* ── twofa_setup.php ── */
/* Step-/Status-Boxen: bg rgba(255,255,255,.03) auf Hell unsichtbar */
html[data-theme="light"] .step,
html[data-theme="light"] .status-bar{background:rgba(0,0,0,.03);}
/* Nummern-Kreis: erbt --text (auf Hell dunkel) → auf Magenta unlesbar */
html[data-theme="light"] .num{color:#fff;}
/* Secret + Backup-Codes: bg rgba(0,0,0,.3/.4) */
html[data-theme="light"] .secret,
html[data-theme="light"] .backup-codes code{background:rgba(0,0,0,.05);}
html[data-theme="light"] .badge.on{
  background:rgba(47,160,96,.12);border-color:rgba(47,160,96,.4);color:var(--green);
}
html[data-theme="light"] .badge.off{
  background:rgba(178,58,68,.10);border-color:rgba(178,58,68,.4);color:var(--red);
}

/* ── change_password.php ── */
/* Warn-Box: rgba(245,166,35,.1) + color var(--orange) */
html[data-theme="light"] .warn{
  background:rgba(183,121,31,.09);
  border-color:rgba(183,121,31,.35);
  color:var(--amber);
}

/* ── changelog.php ─────────────────────────────────────────────────── */
/* Sticky Header + Sticky Suchkopf: rgba(7,4,9,.92/.96) */
html[data-theme="light"] header{
  background:rgba(246,246,244,.92);
  border-bottom-color:var(--border2);
}
html[data-theme="light"] .head-stick{
  background:rgba(246,246,244,.96);
  border-bottom-color:var(--border2);
}
/* Muted-Texte #847f9e */
html[data-theme="light"] .sub,
html[data-theme="light"] .ver-date,
html[data-theme="light"] .search-info,
html[data-theme="light"] .no-hits{color:var(--muted);}
/* Eintrag-Karten: bg #150a11, border rgba(255,255,255,.13) */
html[data-theme="light"] .entry{
  background:var(--card);
  border-color:var(--border2);
}
html[data-theme="light"] .entry.editing{
  border-color:rgba(183,121,31,.5);
  box-shadow:0 0 0 1px rgba(183,121,31,.22);
}
html[data-theme="light"] .ver-head{border-bottom-color:var(--border);}
/* Versionsnummer #ff3d82 / Listenpunkte */
html[data-theme="light"] .ver-num{color:var(--accent);}
html[data-theme="light"] .tag-major{background:rgba(178,58,68,.10);color:var(--red);}
html[data-theme="light"] .tag-feat{background:rgba(47,160,96,.12);color:var(--green);}
html[data-theme="light"] .tag-fix{background:rgba(183,121,31,.12);color:var(--amber);}
/* li #a8b6cb, li::before #ff3d82, li strong #e8edf5 (auf .page gescoped,
   deckt auch #ag-preview-list im Modal ab) */
html[data-theme="light"] .page li{color:var(--text2);}
html[data-theme="light"] .page li::before{color:var(--accent);}
html[data-theme="light"] .page li strong{color:var(--text);}
/* Sekundär-Buttons: border rgba(255,255,255,.13), color #a8b6cb,
   hover rgba(255,255,255,.04)/#e8edf5 */
html[data-theme="light"] .btn-back,
html[data-theme="light"] .search-clear,
html[data-theme="light"] .tool-btn{
  border-color:var(--border2);
  color:var(--text2);
}
html[data-theme="light"] .btn-back:hover,
html[data-theme="light"] .search-clear:hover,
html[data-theme="light"] .tool-btn:hover{
  background:var(--hover);
  color:var(--text);
}
html[data-theme="light"] .tool-btn.danger{border-color:rgba(178,58,68,.4);color:var(--red);}
html[data-theme="light"] .tool-btn.danger:hover{background:rgba(178,58,68,.08);}
/* Suchfeld: bg rgba(255,255,255,.04), color #e8edf5 */
html[data-theme="light"] .search-input{
  background:#fff;
  border-color:var(--border2);
  color:var(--text);
}
html[data-theme="light"] .search-input:focus{border-color:rgba(194,10,82,.5);}
/* Treffer-Highlight: color #fef3c7 auf Amber → auf Hell unlesbar */
html[data-theme="light"] mark.hl{
  background:rgba(183,121,31,.28);
  color:var(--text);
}
/* Admin-Leiste + Buttons (#fbbf24/#10b981/#f87171 auf Weiß zu schwach) */
html[data-theme="light"] .admin-bar{
  background:rgba(183,121,31,.07);
  border-color:rgba(183,121,31,.35);
}
html[data-theme="light"] .admin-bar-label{color:var(--amber);}
html[data-theme="light"] .admin-btn{
  border-color:rgba(183,121,31,.5);
  background:rgba(183,121,31,.10);
  color:var(--amber);
}
html[data-theme="light"] .admin-btn:hover{background:rgba(183,121,31,.18);}
html[data-theme="light"] .admin-btn.save{
  border-color:rgba(47,160,96,.5);background:rgba(47,160,96,.10);color:var(--green);
}
html[data-theme="light"] .admin-btn.save:hover{background:rgba(47,160,96,.18);}
html[data-theme="light"] .admin-btn.cancel{
  border-color:rgba(178,58,68,.5);background:rgba(178,58,68,.08);color:var(--red);
}
html[data-theme="light"] .admin-btn.cancel:hover{background:rgba(178,58,68,.16);}
html[data-theme="light"] .entry-edit-btn{
  background:rgba(183,121,31,.08);
  border-color:rgba(183,121,31,.4);
  color:var(--amber);
}
html[data-theme="light"] .entry-edit-btn:hover{background:rgba(183,121,31,.18);}
/* Contenteditable-Markierung */
html[data-theme="light"] [contenteditable="true"]{
  outline-color:rgba(183,121,31,.5);
  background:rgba(183,121,31,.05);
}
html[data-theme="light"] [contenteditable="true"]:focus{
  outline-color:rgba(183,121,31,.75);
  background:rgba(183,121,31,.08);
}
/* Tag-Dropdown: bg #1e0e17 + color-scheme:dark (auch native Option-Liste) */
html[data-theme="light"] .tag-select{
  background:#fff;
  color:var(--text);
  border-color:var(--border2);
  color-scheme:light;
}
/* Edit-Banner + Format-Toolbar (bg rgba(21,10,17,.96)) */
html[data-theme="light"] .edit-banner{
  background:rgba(183,121,31,.10);
  border-color:rgba(183,121,31,.4);
  color:var(--amber);
}
html[data-theme="light"] .fmt-toolbar{
  background:rgba(255,255,255,.96);
  border-color:rgba(183,121,31,.35);
}
html[data-theme="light"] .fmt-toolbar .fmt-label{color:var(--amber);}
html[data-theme="light"] .fmt-btn{
  border-color:var(--border2);
  background:rgba(0,0,0,.03);
  color:var(--text);
}
html[data-theme="light"] .fmt-btn:hover{
  background:rgba(183,121,31,.15);
  border-color:rgba(183,121,31,.45);
}
html[data-theme="light"] .fmt-btn.active{
  background:rgba(183,121,31,.22);
  border-color:rgba(183,121,31,.6);
  color:var(--text);
}
html[data-theme="light"] .fmt-sep{background:rgba(0,0,0,.15);}

/* ── changelog.php: style=""-Attribute im Markup (server-gerendert) ── */
/* Header-Subline, Modal-Labels/-Texte, Statusfarben */
html[data-theme="light"] [style*="color:#847f9e"]{color:var(--muted)!important;}
html[data-theme="light"] [style*="color:#fbbf24"]{color:var(--amber)!important;}
html[data-theme="light"] [style*="color:#a8b6cb"]{color:var(--text2)!important;}
html[data-theme="light"] [style*="color:#10b981"]{color:var(--green)!important;}
html[data-theme="light"] [style*="color:#ff3d82"]{color:var(--accent)!important;}
html[data-theme="light"] [style*="color:#e8edf5"]{color:var(--text)!important;}
html[data-theme="light"] [style*="color:#f5a623"]{color:var(--amber)!important;}
/* Auto-Generate-Buttons (inline: rgba(232,0,90,.12) + #ff3d82) */
html[data-theme="light"] #btn-autogen,
html[data-theme="light"] #ag-btn-gen{
  border-color:rgba(194,10,82,.5)!important;
  background:rgba(194,10,82,.08)!important;
  color:var(--accent)!important;
}
/* Auto-Generate-Modal-Panel (inline: background:#150a11) */
html[data-theme="light"] #autogen-modal > div{
  background:var(--card)!important;
  border-color:rgba(194,10,82,.35)!important;
  box-shadow:0 10px 50px rgba(0,0,0,.18)!important;
}
html[data-theme="light"] #autogen-modal h2{color:var(--accent)!important;}
/* Modal-Formfelder (inline: bg rgba(255,255,255,.04) bzw. #1e0e17 + color-scheme:dark) */
html[data-theme="light"] #ag-version,
html[data-theme="light"] #ag-notes{
  background:var(--inset)!important;
  color:var(--text)!important;
  border-color:var(--border2)!important;
}
html[data-theme="light"] #ag-tag{
  background:#fff!important;
  color:var(--text)!important;
  border-color:var(--border2)!important;
  color-scheme:light!important;
}
/* Modal-Vorschau-Box (inline: rgba(16,185,129,.08)) */
html[data-theme="light"] #ag-preview{
  background:rgba(47,160,96,.07)!important;
  border-color:rgba(47,160,96,.3)!important;
}

/* ═══ Zentrale Fixes (nach Seiten-Overrides) ═══ */
/* Weisses Wordmark-PNG auf hellem Grund: schwarz einfaerben */
html[data-theme="light"] img.logo-wordmark,
html[data-theme="light"] img.brand-wordmark,
html[data-theme="light"] .brand img.brand-wordmark { filter: brightness(0) opacity(.82); animation: none; }

/* Sprachumschalter (i18n_switcher_css) hell */
html[data-theme="light"] .msc5-lang-switch { background: rgba(0,0,0,.04); border-color: rgba(0,0,0,.12); }
html[data-theme="light"] .msc5-lang-switch a.msc5-lang:hover { background: rgba(0,0,0,.06); }

/* Version-Leiste (index) im Light-Modus */
html[data-theme="light"] .vbar { background: var(--card); border-color: var(--border2); }
html[data-theme="light"] .vbar-chip { color: var(--text2); }
html[data-theme="light"] .vbar-btn { border-color: rgba(194,10,82,.3); background: rgba(194,10,82,.06); }
html[data-theme="light"] .vbar-btn:hover { background: rgba(194,10,82,.12); }

/* ═══ Header-Navigation einheitlich QONFIRM-Lila (2026-09-12) — Ausnahmen: SERVER-AKTIV-Badge (.h-badge) + Sprachflaggen ═══ */
header button[data-on*="_h_bugReportClick"],
header a[href="changelog.php"],
header a[href="admin.php"],
header a[href*="dashboard.cyqore.app"],
header a[href="logout.php"],
header #session-indicator {
  color: #b9a6ff !important;
  background: rgba(124,92,255,.08) !important;
  border-color: rgba(124,92,255,.35) !important;
}
header button[data-on*="_h_bugReportClick"]:hover,
header a[href="changelog.php"]:hover,
header a[href="admin.php"]:hover,
header a[href*="dashboard.cyqore.app"]:hover,
header a[href="logout.php"]:hover { background: rgba(124,92,255,.18) !important; border-color: rgba(124,92,255,.6) !important; color: #fff !important; }
header a[href="twofa_setup.php"],
header a[href="change_password.php"],
header span[style*="#ff3d82"] { color: #b9a6ff !important; }
header #session-indicator button { color: #b9a6ff !important; border-color: rgba(124,92,255,.4) !important; }
html[data-theme="light"] header button[data-on*="_h_bugReportClick"],
html[data-theme="light"] header a[href="changelog.php"],
html[data-theme="light"] header a[href="admin.php"],
html[data-theme="light"] header a[href*="dashboard.cyqore.app"],
html[data-theme="light"] header a[href="logout.php"],
html[data-theme="light"] header #session-indicator,
html[data-theme="light"] header a[href="twofa_setup.php"],
html[data-theme="light"] header a[href="change_password.php"],
html[data-theme="light"] header span[style*="#ff3d82"],
html[data-theme="light"] header #session-indicator button { color: #5b3fd6 !important; }