/* ============================================================================
   KoF Light-Mode v3 (5.0.5)  — body.light-mode, Stil "Hell mit Farbwelt"
   ----------------------------------------------------------------------------
   Grundprinzip: Das App-CSS verwendet Tokens mit Dark-Fallback, d. h. ohne
   body.light-mode bleibt alles pixelgleich (geprueft per Fingerabdruck von 20
   Harness-Screens, .claude/preview/lm_check.html). Hier werden die Tokens nur
   fuer den hellen Modus gesetzt:

     --app-text      volle Textfarbe            var(--app-text, #fff)
     --text-rgb      Text mit Alpha             rgba(var(--text-rgb, 255,255,255), a)
     --ink-rgb       Flaechen + Raender (Schleier)  rgba(var(--ink-rgb, 255,255,255), a)
                     -> im Hellen die FARBWELT: helle Schleier auf Schwarz werden
                        zarte Farbwelt-Toene auf Weiss (tonale Karten/Chips/Linien)
     --gruen-text    Neongruen als Schrift      var(--gruen-text, var(--buttongreen))
     --gruen-rand    Neongruen als Rand
     --gruen-rgb     Neongruen-Toenungen        rgba(var(--gruen-rgb, 99,255,159), a)
     --buttongreen   (vars.css) volle Gruen-Flaeche: Buttons, Chips, Balken, Signale
     --auf-gruen     Schrift/Icons auf Gruen    var(--auf-gruen, #073d22)
   --farbwelt-rgb setzt main.js bgfarbe_anwenden() ("r,g,b" der gewaehlten Farbwelt).
   Gruene Flaechen werden im Hellen sattes Gruen mit weisser Schrift (Runde 5, Timo 04.11.).
   Darunter: gezielte Ausnahmen (Texte auf Fotos, dunkle Spezialflaechen, Icons).
   ============================================================================ */

body.light-mode {
    --app-text: #17131f;
    --text-rgb: 23, 19, 31;
    --ink-rgb: var(--farbwelt-rgb, 120, 10, 170);
    --gruen-text: #08884a;
    --gruen-rand: #12a35b;
    --buttongreen: #0b9a55;
    --primary-color: #0b9a55;
    --gruen-rgb: 11, 154, 85;
    --auf-gruen: #ffffff;
    /* Verlauf: oben Farbwelt zart, unten fast weiss (nur Bild-Ebenen: wird auch als background-image genutzt) */
    --kof-app-verlauf: linear-gradient(180deg, rgba(var(--farbwelt-rgb, 120, 10, 170), 0.16) 0%, rgba(var(--farbwelt-rgb, 120, 10, 170), 0.05) 55%, rgba(var(--farbwelt-rgb, 120, 10, 170), 0.02) 100%), linear-gradient(#ffffff, #ffffff);
    background-color: #ffffff;
    /* Sweep 2: dunkle Volltonflaechen (--dark2/--dark3/--bg, #231b2a ...) werden weisse Karten */
    --flaeche-solid: #ffffff;
    /* Pastell-Akzente als Schrift -> dunklere Toene derselben Farbfamilie */
    --gold-text: #9a6200;
    --rot-text: #c62828;
    --lila-text: #5b21b6;
    --blau-text: #1d4ed8;
    --grau-text: #5d6470;
    --tuerkis-text: #0e7490;
    /* gemeinsame Farbvariablen (vars.css) */
    --nebensatz: #5d6470;
    --light-grey: #5d6470;
    --color-white: #17131f;
    --alert: #9a6200;
    --color-yellow: #9a6200;
    --errorMessage: #c62828;
    --alertMessage: #2e7d32;
    /* Gruene Hinweis-Kacheln (.alertGreen, z.B. "Max. 8 Spieler im Jugendkader"): dunkleres Gruen auf zarter Toenung */
    --alert70: #17733a;
    --alert15: rgba(11, 154, 85, 0.12);
    --bg-main-opacity: rgba(var(--farbwelt-rgb, 120, 10, 170), 0.04);
    --bg-white-opacity: rgba(var(--farbwelt-rgb, 120, 10, 170), 0.12);
}
body.light-mode .bg_weiss::before {
    background: var(--kof-app-verlauf) !important;
}
/* Volltonfallback der Layer (index.css/onboarding.css: var(--bg) = #091420) - sichtbar, solange das
   ::before beim Einblenden noch nicht gemalt ist; Minigame-Inseln bleiben dunkel */
body.light-mode .bg_weiss:not(.kof-dunkel) {
    background: #ffffff !important;
}

/* ---- Weisse Icon-Dateien (48, automatisch ermittelt: nur #fff/white gezeichnet) ----
   als <img> und als von check_svg() eingebettete SVGs (data-src) -> dunkel. Flaggen,
   Wappen, Trikots und farbige Symbole sind nicht betroffen; .positiv/.negativ behalten
   ihre Statusfarbe. */
body.light-mode img[src$="icons/ArrowRight.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="icons/ArrowRight.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="icons/BackButtonWhite.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="icons/BackButtonWhite.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="icons/BackButtonWhite2.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="icons/BackButtonWhite2.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="icons/BurgerIcon.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="icons/BurgerIcon.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="icons/Calendar.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="icons/Calendar.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="icons/Message.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="icons/Message.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="icons/close.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="icons/close.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="icons/dirk_outline.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="icons/dirk_outline.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="icons/help.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="icons/help.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/icons/klappe_auf.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/icons/klappe_auf.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/icons/klappe_zu.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/icons/klappe_zu.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/icons/vor.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/icons/vor.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/icons/zurueck.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/icons/zurueck.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/sidemenu/close.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/sidemenu/close.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/aktuell.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/aktuell.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/aufstellung.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/aufstellung.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/ausgaben.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/ausgaben.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/details.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/details.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/einnahmen.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/einnahmen.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/fans.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/fans.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/freunde.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/freunde.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/herausfordern.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/herausfordern.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/info.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/info.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/infrastruktur.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/infrastruktur.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/international.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/international.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/jugend.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/jugend.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/kader.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/kader.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/land.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/land.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/laufend.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/laufend.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/liga.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/liga.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/mitarbeiter.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/mitarbeiter.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/pn.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/pn.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/saison.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/saison.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/spiel.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/spiel.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/spiele.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/spiele.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/sponsor.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/sponsor.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/stadion.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/stadion.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/staerken.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/staerken.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/statistiken.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/statistiken.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/stenogramm.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/stenogramm.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/suche.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/suche.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/suender.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/suender.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/tickets.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/tickets.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/torjaeger.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/torjaeger.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/uebersicht.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/uebersicht.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/umfeld.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/umfeld.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/vertraege.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/vertraege.svg"]:not(.positiv):not(.negativ),
body.light-mode img[src$="img/submenu/vs.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-src$="img/submenu/vs.svg"]:not(.positiv):not(.negativ),
body.light-mode svg[data-inject-url$="icons/BackButtonWhite2.svg"],
body.light-mode svg[data-src$="img/taktik/ausrichtungWhite.svg"], body.light-mode img[src$="img/taktik/ausrichtungWhite.svg"],
body.light-mode svg[data-src$="img/taktik/einsatzWhite.svg"], body.light-mode img[src$="img/taktik/einsatzWhite.svg"],
body.light-mode svg[data-src$="img/taktik/haerteWhite.svg"], body.light-mode img[src$="img/taktik/haerteWhite.svg"] {
    filter: brightness(0) opacity(0.82);
}

/* ---- Schwarze Schleier (rgba(0,0,0,a)) auf hellem Grund wirken grau -> in der Farbwelt toenen ----
   Bewusst NUR diese Stellen: Popup-Hintergruende (0.45+), Spielfeld-Namen und Minispiele bleiben dunkel. */
body.light-mode .lg2-gesamt,
body.light-mode .kof-aaw .kaw-h-tile,
body.light-mode .tk2-heat,
body.light-mode .vl-name-card input,
body.light-mode .vl-select,
body.light-mode .sb-ticker,
body.light-mode .CategoryClickable {
    background-color: rgba(var(--farbwelt-rgb, 120, 10, 170), 0.07) !important;
}

/* ---- Spielfeld (Aufstellung): Rasen-SVG ist halbtransparent (0.6) und wirkt auf Weiss blass ->
   satter Untergrund; Namensschilder bleiben weisse Schrift auf dunklem Schild ---- */
body.light-mode .aufstellung_feld,
body.light-mode #ballon .bn-feld,
body.light-mode .sb2-pitch { background-color: #1f6b38; }
body.light-mode .aufstellung_spieler_name { color: #ffffff !important; }

/* ---- Logos: Neongruen ist auf Hell zu blass -> helle Varianten in sattem Gruen (img content-Tausch) ---- */
body.light-mode img[src$="icons/Logo_Lang.svg"] { content: url("../icons/Logo_Lang_hell.svg"); }
body.light-mode img[src$="new_img/LogoNoText.svg"] { content: url("../new_img/LogoNoText_hell.svg"); }

/* ---- Inline gezeichnete SVGs mit Neongruen als Attribut (Pfeile, Icons in JS/HTML) ---- */
body.light-mode svg[stroke="#63FF9F"], body.light-mode svg [stroke="#63FF9F"],
body.light-mode svg[stroke="#63ff9f"], body.light-mode svg [stroke="#63ff9f"] { stroke: var(--gruen-text); }
body.light-mode svg[fill="#63FF9F"], body.light-mode svg [fill="#63FF9F"],
body.light-mode svg[fill="#63ff9f"], body.light-mode svg [fill="#63ff9f"] { fill: var(--gruen-text); }

/* ---- Texte auf Fotos bleiben weiss (Startseiten-Kacheln) ---- */
body.light-mode .home-tile__label { color: #ffffff !important; }

/* ---- Seitenmenue, Kalender-Modal, Weltwechsel: dunkle Verlaeufe -> heller Farbwelt-Verlauf ---- */
body.light-mode #sidemenu_content,
body.light-mode #kalender {
    background: linear-gradient(180deg, rgba(var(--farbwelt-rgb, 120, 10, 170), 0.05) 0%, rgba(var(--farbwelt-rgb, 120, 10, 170), 0.16) 100%), linear-gradient(#ffffff, #ffffff) !important;
}
body.light-mode #sidemenu_content { box-shadow: 14px 0 30px rgba(var(--farbwelt-rgb, 120, 10, 170), 0.18) !important; }
body.light-mode .calender-header { background: rgba(255, 255, 255, 0.86) !important; }
body.light-mode .zw-nr { background: #ffffff; }
/* iOS-Statusleistenflaeche = Ton der hellen Statusleiste (main.js _theme_leiste_hell: Farbwelt 16 % auf Weiss) */
body.light-mode .iOS_box { background: linear-gradient(rgba(var(--farbwelt-rgb, 120, 10, 170), 0.16), rgba(var(--farbwelt-rgb, 120, 10, 170), 0.16)), #ffffff !important; }
/* Schliessen-Kreuz im Seitenmenue: sidemenu.css setzt filter:none !important -> hier gezielt mit hoeherer Spezifitaet */
body.light-mode #sidemenu_header .headerCloseButton { filter: brightness(0) opacity(0.82) !important; }

/* ---- Dunkle Glas-Leisten und -Panels -> weisses Glas (Overlays/Spielfeld-Schilder/Splash bleiben dunkel) ---- */
body.light-mode .nr-composer,
body.light-mode .iOS_shift .nr-composer,
body.light-mode .nr-search-res,
body.light-mode .home-popup__panel,
body.light-mode .kof-sl,
body.light-mode .tr2-save,
body.light-mode .wb-hero,
body.light-mode .wb-zuteilung,
body.light-mode .wb-card,
body.light-mode .obb-filter,
body.light-mode .obb-mod {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(var(--farbwelt-rgb, 120, 10, 170), 0.16) !important;
    box-shadow: 0 -4px 18px rgba(var(--farbwelt-rgb, 120, 10, 170), 0.10) !important;
}
body.light-mode .scout-gauge-inner { background: #ffffff !important; }

/* ==== Dunkle Inseln ==========================================================
   Bereiche, die im Light-Mode bewusst DUNKEL bleiben (Minispiele, Schilder auf dem
   Rasen): Tokens auf ungesetzt (initial -> Dark-Fallback) bzw. Dark-Werte zurueck,
   Grundschrift weiss, App-Verlauf dunkel, Icon-Abdunklung und Logo-Tausch aus.
   .kof-dunkel setzen die Minispiel-Screens per JS an ihre Ebene. */
body.light-mode .kof-dunkel,
body.light-mode .zg-spieler-chip,
body.light-mode .aufstellung_feld,
body.light-mode #ballon .bn-feld,
body.light-mode .sb2-pitch {
    --app-text: initial; --text-rgb: initial; --ink-rgb: initial;
    --gruen-text: initial; --gruen-rand: initial; --flaeche-solid: initial;
    --buttongreen: #63FF9F; --primary-color: #63FF9F; --gruen-rgb: initial; --auf-gruen: initial;
    --gold-text: initial; --rot-text: initial; --lila-text: initial; --blau-text: initial; --grau-text: initial; --tuerkis-text: initial;
    --nebensatz: #848A90; --light-grey: #848A90; --color-white: #fff; --alert: #FACC15; --color-yellow: #FACC15;
    --errorMessage: #F75555; --alertMessage: #4AAF57; --alert70: #4AAF57B2; --alert15: #4AAF5726;
    --bg-main-opacity: rgba(255, 255, 255, .04); --bg-white-opacity: rgba(255, 255, 255, .2);
    --kof-app-verlauf: linear-gradient(180deg, #000000 0%, var(--bg-second, #780AAA) 100%);
    color: #ffffff;
}
body.light-mode .kof-dunkel img[src$="icons/ArrowRight.svg"], body.light-mode .kof-dunkel svg[data-src$="icons/ArrowRight.svg"],
body.light-mode .kof-dunkel img[src$="icons/BackButtonWhite.svg"], body.light-mode .kof-dunkel svg[data-src$="icons/BackButtonWhite.svg"],
body.light-mode .kof-dunkel img[src$="icons/BackButtonWhite2.svg"], body.light-mode .kof-dunkel svg[data-src$="icons/BackButtonWhite2.svg"],
body.light-mode .kof-dunkel img[src$="icons/BurgerIcon.svg"], body.light-mode .kof-dunkel svg[data-src$="icons/BurgerIcon.svg"],
body.light-mode .kof-dunkel img[src$="icons/Calendar.svg"], body.light-mode .kof-dunkel svg[data-src$="icons/Calendar.svg"],
body.light-mode .kof-dunkel img[src$="icons/Message.svg"], body.light-mode .kof-dunkel svg[data-src$="icons/Message.svg"],
body.light-mode .kof-dunkel img[src$="icons/close.svg"], body.light-mode .kof-dunkel svg[data-src$="icons/close.svg"],
body.light-mode .kof-dunkel img[src$="icons/dirk_outline.svg"], body.light-mode .kof-dunkel svg[data-src$="icons/dirk_outline.svg"],
body.light-mode .kof-dunkel img[src$="icons/help.svg"], body.light-mode .kof-dunkel svg[data-src$="icons/help.svg"],
body.light-mode .kof-dunkel img[src$="img/icons/klappe_auf.svg"], body.light-mode .kof-dunkel svg[data-src$="img/icons/klappe_auf.svg"],
body.light-mode .kof-dunkel img[src$="img/icons/klappe_zu.svg"], body.light-mode .kof-dunkel svg[data-src$="img/icons/klappe_zu.svg"],
body.light-mode .kof-dunkel img[src$="img/icons/vor.svg"], body.light-mode .kof-dunkel svg[data-src$="img/icons/vor.svg"],
body.light-mode .kof-dunkel img[src$="img/icons/zurueck.svg"], body.light-mode .kof-dunkel svg[data-src$="img/icons/zurueck.svg"],
body.light-mode .kof-dunkel img[src$="img/sidemenu/close.svg"], body.light-mode .kof-dunkel svg[data-src$="img/sidemenu/close.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/aktuell.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/aktuell.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/aufstellung.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/aufstellung.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/ausgaben.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/ausgaben.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/details.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/details.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/einnahmen.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/einnahmen.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/fans.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/fans.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/freunde.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/freunde.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/herausfordern.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/herausfordern.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/info.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/info.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/infrastruktur.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/infrastruktur.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/international.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/international.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/jugend.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/jugend.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/kader.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/kader.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/land.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/land.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/laufend.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/laufend.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/liga.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/liga.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/mitarbeiter.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/mitarbeiter.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/pn.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/pn.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/saison.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/saison.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/spiel.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/spiel.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/spiele.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/spiele.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/sponsor.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/sponsor.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/stadion.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/stadion.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/staerken.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/staerken.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/statistiken.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/statistiken.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/stenogramm.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/stenogramm.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/suche.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/suche.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/suender.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/suender.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/tickets.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/tickets.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/torjaeger.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/torjaeger.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/uebersicht.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/uebersicht.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/umfeld.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/umfeld.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/vertraege.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/vertraege.svg"],
body.light-mode .kof-dunkel img[src$="img/submenu/vs.svg"], body.light-mode .kof-dunkel svg[data-src$="img/submenu/vs.svg"],
body.light-mode .kof-dunkel svg[data-inject-url$="icons/BackButtonWhite2.svg"] {
    filter: none !important;
}
body.light-mode .kof-dunkel img[src$="icons/Logo_Lang.svg"],
body.light-mode .kof-dunkel img[src$="new_img/LogoNoText.svg"] { content: normal; }
body.light-mode .kof-dunkel svg [stroke="#63FF9F"], body.light-mode .kof-dunkel svg[stroke="#63FF9F"] { stroke: #63FF9F; }
body.light-mode .kof-dunkel svg [fill="#63FF9F"], body.light-mode .kof-dunkel svg[fill="#63FF9F"] { fill: #63FF9F; }

/* ---- Runde 3 (04.11.): Wappen/Trikot-Editor-Popups (an <body> gehaengt, eigener dunkler Vollton) ---- */
body.light-mode .wt_pop { background: linear-gradient(180deg, rgba(var(--farbwelt-rgb, 120, 10, 170), 0.12) 0%, rgba(var(--farbwelt-rgb, 120, 10, 170), 0.04) 60%), #ffffff; }
body.light-mode .wt_pop_head { background: rgba(255, 255, 255, 0.6); }
body.light-mode .wt_pick, body.light-mode .wt_w_preview, body.light-mode .wt_t_box {
    background: #ffffff; border-color: rgba(var(--ink-rgb), 0.16); box-shadow: 0 1px 3px rgba(var(--ink-rgb), 0.10);
}
body.light-mode .wt_w_preview, body.light-mode .wt_t_box { border: 1px solid rgba(var(--ink-rgb), 0.16); }
body.light-mode .wt_pick.sel { border-color: #f2c200; }
/* Bereichs-Regler (rs2, z.B. Gegnerstaerke Freundschaftsspiele): Neon-Fuellung -> sattes Gruen */
body.light-mode .rs2-fill { background: var(--gruen-rand); }
/* Sponsor-Logos (img/sponsoren/*.svg, viel Weiss fuer dunklen Grund): dunkles Plaettchen in Finanzen + Verhandlung */
body.light-mode .sv2-logo, body.light-mode .fz-sp-logo { background: #231b2a; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); }
/* Spielbericht: schwarze Textschatten unter dunkler Schrift (Torschuetzen-Ticker, Ergebnis) -> weg */
body.light-mode .sb-tick, body.light-mode #spielbericht .sb-mid .sb-score { text-shadow: none; }
/* Ticker-Steuerung im Spielbericht (fuer Overlay auf dunklem Grund gebaut: weisse Linien) */
body.light-mode #spielbericht .spielbericht_pause { border-color: rgba(var(--text-rgb, 255, 255, 255), 0.75); background-color: rgba(var(--ink-rgb, 255, 255, 255), 0.08); }
body.light-mode #spielbericht .spielbericht_pause .pp::before, body.light-mode #spielbericht .spielbericht_pause .pp::after { background: var(--app-text, #fff); }
body.light-mode #spielbericht .spielbericht_pause.is-paused .pp::before { background: transparent; border-left-color: var(--app-text, #fff); }
body.light-mode #spielbericht .sb-tempo:not(.is-fast) { border-color: rgba(var(--text-rgb, 255, 255, 255), 0.5); background: rgba(var(--ink-rgb, 255, 255, 255), 0.08); color: var(--app-text, #fff); text-shadow: none; }
body.light-mode #spielbericht .sb-min { text-shadow: none; }
/* Olaf-Rollenpille im Spielerpass: weisse Schrift auf 40-%-Lila wird auf Weiss zu blass -> kraeftigeres Lila */
body.light-mode .sp2-olaf-rolle { background: rgba(123, 30, 250, 0.85); }
body.light-mode .sp2-olaf--fertig .sp2-olaf-rolle { background: rgba(var(--gruen-rgb), 0.16); }
body.light-mode #mitarbeiter .ma-rolle { background: rgba(123, 30, 250, 0.85); }
body.light-mode #mitarbeiter .ma-card-aktiv .ma-rolle { background: rgba(var(--gruen-rgb), 0.16); }
body.light-mode .vl-ct-rolle { background: rgba(123, 30, 250, 0.85); }
body.light-mode .vl-ct--aktiv .vl-ct-rolle { background: rgba(var(--gruen-rgb), 0.16); }
/* Gesichter (Mancinis, Olaf, Mitarbeiter): freigestellte PNGs wirken auf dunklem Grund sauberer -> Avatar-Hintergrund in beiden Modi dunkel (#0d1b2a direkt in den Screen-CSS); Magazin-Klatsch hier */
body.light-mode .zg-klatsch-av { background: #0d1b2a !important; }
/* Stadion-Plan: Beschriftung gebauter Bloecke (VIP auf Orange) weiss wie im Dark-Mode */
body.light-mode #stadion_ansicht .stadion_block.gebaut { color: #ffffff; }

/* ==== Runde 5 (04.11., Timo-Feedback): Neongruen als Flaeche -> sattes Gruen + Weiss ====
   Tokens oben (--buttongreen/--gruen-rgb/--auf-gruen). Hier: Icons, Karten, Premium-Buttons. */

/* Gruen-Chip-Icons (Quadrat #63FF9F + schwarzes Symbol: Spielbericht, Taktik, Vertrag, Stadion-Umfeld,
   Training ...). Eingebettet (check_svg/Training-JS): Quadrat sattes Gruen, Symbol weiss. Tor-Icon behaelt
   seinen weissen Ball mit dunklen Linien. */
body.light-mode svg > rect[fill="#63FF9F" i] { fill: var(--buttongreen); }
body.light-mode svg:not([data-src$="spielbericht/tor.svg"]) > rect[fill="#63FF9F" i] ~ g,
body.light-mode svg:not([data-src$="spielbericht/tor.svg"]) > rect[fill="#63FF9F" i] ~ [fill="#000000"],
body.light-mode svg:not([data-src$="spielbericht/tor.svg"]) > rect[fill="#63FF9F" i] ~ * [fill="#000000"] { fill: #ffffff; }
body.light-mode svg:not([data-src$="spielbericht/tor.svg"]) > rect[fill="#63FF9F" i] ~ [stroke="#000000"],
body.light-mode svg:not([data-src$="spielbericht/tor.svg"]) > rect[fill="#63FF9F" i] ~ * [stroke="#000000"] { stroke: #ffffff; }
body.light-mode .kof-dunkel svg > rect[fill="#63FF9F" i] ~ g,
body.light-mode .kof-dunkel svg > rect[fill="#63FF9F" i] ~ [fill="#000000"],
body.light-mode .kof-dunkel svg > rect[fill="#63FF9F" i] ~ * [fill="#000000"] { fill: #000000; }
body.light-mode .kof-dunkel svg > rect[fill="#63FF9F" i] ~ [stroke="#000000"],
body.light-mode .kof-dunkel svg > rect[fill="#63FF9F" i] ~ * [stroke="#000000"] { stroke: #000000; }
/* ... als <img> (kein CSS-Zugriff aufs Innere): Filter dreht Neongruen -> sattes Gruen, Schwarz -> Weiss
   (Filterkette per Canvas vermessen: #63FF9F -> ~#0d965b, #000 -> #fff). Liste = alle Chip-Dateien. */
body.light-mode img[src$="img/aufstellung/form.svg"],
body.light-mode img[src$="img/aufstellung/kader.svg"],
body.light-mode img[src$="img/aufstellung/tabelle.svg"],
body.light-mode img[src$="img/einzelstaerke/ballsicherheit.svg"],
body.light-mode img[src$="img/einzelstaerke/frei.svg"],
body.light-mode img[src$="img/einzelstaerke/frische.svg"],
body.light-mode img[src$="img/einzelstaerke/herauslaufen.svg"],
body.light-mode img[src$="img/einzelstaerke/kondition.svg"],
body.light-mode img[src$="img/einzelstaerke/kopfball.svg"],
body.light-mode img[src$="img/einzelstaerke/lufthoheit.svg"],
body.light-mode img[src$="img/einzelstaerke/paraden.svg"],
body.light-mode img[src$="img/einzelstaerke/reflexe.svg"],
body.light-mode img[src$="img/einzelstaerke/schnelligkeit.svg"],
body.light-mode img[src$="img/einzelstaerke/schussgenauigkeit.svg"],
body.light-mode img[src$="img/einzelstaerke/schusskraft.svg"],
body.light-mode img[src$="img/einzelstaerke/spielintelligenz.svg"],
body.light-mode img[src$="img/einzelstaerke/technik.svg"],
body.light-mode img[src$="img/einzelstaerke/torschuss.svg"],
body.light-mode img[src$="img/einzelstaerke/zweikampf.svg"],
body.light-mode img[src$="img/finanzen/ausruester.svg"],
body.light-mode img[src$="img/finanzen/fragezeichen.svg"],
body.light-mode img[src$="img/finanzen/hauptsponsor.svg"],
body.light-mode img[src$="img/finanzen/sponsorenpraemie.svg"],
body.light-mode img[src$="img/finanzen/stadionsponsor.svg"],
body.light-mode img[src$="img/spezial_level/abschlaege_p1.svg"],
body.light-mode img[src$="img/spezial_level/abwuerfe_p1.svg"],
body.light-mode img[src$="img/spezial_level/aggressive_leader_p1.svg"],
body.light-mode img[src$="img/spezial_level/antritt_p1.svg"],
body.light-mode img[src$="img/spezial_level/ballhalten_p1.svg"],
body.light-mode img[src$="img/spezial_level/ballzauberer_p1.svg"],
body.light-mode img[src$="img/spezial_level/dribbling_p1.svg"],
body.light-mode img[src$="img/spezial_level/elfmeter_p1.svg"],
body.light-mode img[src$="img/spezial_level/elfmetertoeter_p1.svg"],
body.light-mode img[src$="img/spezial_level/fausten_p1.svg"],
body.light-mode img[src$="img/spezial_level/flanken_fangen_p1.svg"],
body.light-mode img[src$="img/spezial_level/flanken_p1.svg"],
body.light-mode img[src$="img/spezial_level/freistoss_p1.svg"],
body.light-mode img[src$="img/spezial_level/fuehrungsspieler_p1.svg"],
body.light-mode img[src$="img/spezial_level/laufstaerke_p1.svg"],
body.light-mode img[src$="img/spezial_level/pferdelunge_p1.svg"],
body.light-mode img[src$="img/spezial_level/spielmacher_p1.svg"],
body.light-mode img[src$="img/spezial_level/spieluebersicht_p1.svg"],
body.light-mode img[src$="img/spezial_level/torinstinkt_p1.svg"],
body.light-mode img[src$="img/spezial_level/viererkette_p1.svg"],
body.light-mode img[src$="img/spielbericht/anpfiff.svg"],
body.light-mode img[src$="img/spielbericht/chance.svg"],
body.light-mode img[src$="img/spielbericht/ecke.svg"],
body.light-mode img[src$="img/spielbericht/einnahmen.svg"],
body.light-mode img[src$="img/spielbericht/elfmeter.svg"],
body.light-mode img[src$="img/spielbericht/elfmeterschiessen.svg"],
body.light-mode img[src$="img/spielbericht/freistoss.svg"],
body.light-mode img[src$="img/spielbericht/kommentator.svg"],
body.light-mode img[src$="img/spielbericht/schiedsrichter.svg"],
body.light-mode img[src$="img/spielbericht/statistiken.svg"],
body.light-mode img[src$="img/spielbericht/taktik.svg"],
body.light-mode img[src$="img/spielbericht/zuschauer.svg"],
body.light-mode img[src$="img/spieler/minimalpreis.svg"],
body.light-mode img[src$="img/spieler/nationalspieler.svg"],
body.light-mode img[src$="img/spieler/starker_fuss.svg"],
body.light-mode img[src$="img/spieler/transferliste.svg"],
body.light-mode img[src$="img/stadion/fanshop.svg"],
body.light-mode img[src$="img/stadion/fussballmuseum.svg"],
body.light-mode img[src$="img/stadion/geschaeftsstelle.svg"],
body.light-mode img[src$="img/stadion/getraenke.svg"],
body.light-mode img[src$="img/stadion/jugendinternat.svg"],
body.light-mode img[src$="img/stadion/jugendplaetze.svg"],
body.light-mode img[src$="img/stadion/medienzentrum.svg"],
body.light-mode img[src$="img/stadion/rehaklinik.svg"],
body.light-mode img[src$="img/stadion/trainingsplaetze.svg"],
body.light-mode img[src$="img/stadion/wuerstchen.svg"],
body.light-mode img[src$="img/taktik/ausrichtung.svg"],
body.light-mode img[src$="img/taktik/einsatz.svg"],
body.light-mode img[src$="img/taktik/haerte.svg"],
body.light-mode img[src$="img/taktik/wechsel.svg"],
body.light-mode img[src$="img/training/1gegen1.svg"],
body.light-mode img[src$="img/training/alleingang.svg"],
body.light-mode img[src$="img/training/allesdrin.svg"],
body.light-mode img[src$="img/training/auslaufen.svg"],
body.light-mode img[src$="img/training/dribbling.svg"],
body.light-mode img[src$="img/training/einzeltraining.svg"],
body.light-mode img[src$="img/training/frei.svg"],
body.light-mode img[src$="img/training/fussballtennis.svg"],
body.light-mode img[src$="img/training/hechten.svg"],
body.light-mode img[src$="img/training/hohe_baelle.svg"],
body.light-mode img[src$="img/training/kondition.svg"],
body.light-mode img[src$="img/training/kopfball.svg"],
body.light-mode img[src$="img/training/mitspielen.svg"],
body.light-mode img[src$="img/training/physistraining.svg"],
body.light-mode img[src$="img/training/pressing.svg"],
body.light-mode img[src$="img/training/regeneration.svg"],
body.light-mode img[src$="img/training/spezialtraining.svg"],
body.light-mode img[src$="img/training/standardsituation.svg"],
body.light-mode img[src$="img/training/standardsituationen.svg"],
body.light-mode img[src$="img/training/torschuss.svg"],
body.light-mode img[src$="img/training/trainingsspiel.svg"],
body.light-mode img[src$="img/training/ueberzahlspiel.svg"],
body.light-mode img[src$="img/training/waldlauf.svg"],
body.light-mode img[src$="img/training/zirkeltraining.svg"],
body.light-mode img[src$="img/training/zusammenspiel.svg"],
body.light-mode img[src$="img/training/zweikampf.svg"],
body.light-mode img[src$="img/vertrag/auflaufpraemie.svg"],
body.light-mode img[src$="img/vertrag/gehalt.svg"],
body.light-mode img[src$="img/vertrag/restlaufzeit.svg"],
body.light-mode img[src$="img/vertrag/torpraemie.svg"],
body.light-mode img[src$="img/vertrag/vertragsdauer.svg"] {
    filter: hue-rotate(216deg) saturate(5) brightness(0.95) invert(1);
}

/* Karten-Icons (gelb / gelb-rot / rot): Gelb auf Weiss kaum sichtbar -> dunkles Plaettchen (eingebettet + <img>) */
body.light-mode svg[data-src$="spielbericht/gelb.svg"], body.light-mode img[src$="spielbericht/gelb.svg"],
body.light-mode svg[data-src$="spielbericht/gelb_steno.svg"], body.light-mode img[src$="spielbericht/gelb_steno.svg"],
body.light-mode svg[data-src$="spielbericht/gelbrot.svg"], body.light-mode img[src$="spielbericht/gelbrot.svg"],
body.light-mode svg[data-src$="spielbericht/gelbrot_steno.svg"], body.light-mode img[src$="spielbericht/gelbrot_steno.svg"],
body.light-mode svg[data-src$="spielbericht/rot.svg"], body.light-mode img[src$="spielbericht/rot.svg"],
body.light-mode svg[data-src$="spielbericht/rot_steno.svg"], body.light-mode img[src$="spielbericht/rot_steno.svg"] {
    background: #231b2a; border-radius: 18%;
}

/* Premium-Buttons (generatedButton + .button.schwarze_kasse: Kauf mit Schwarzer Kasse) - im Hellen goldene Flaeche statt weiss mit Goldrand */
body.light-mode .generatedCardButton,
body.light-mode .button.schwarze_kasse {
    background: linear-gradient(180deg, #f8d77a 0%, #e8b236 100%) !important;
    border-color: #d29b1f !important;
    box-shadow: 0 3px 12px -4px rgba(190, 130, 10, 0.6) !important;
}
body.light-mode .generatedCardButton .generatedCardButtonTitle { color: #3a2700 !important; }
body.light-mode .generatedCardButton .generatedCardButtonText { color: rgba(58, 39, 0, 0.8) !important; }
body.light-mode .button.schwarze_kasse { color: #3a2700 !important; border-style: solid !important; border-width: 1.5px !important; }
/* Mint/Weiss-Icons ohne Chip-Quadrat (Spielerpass-Pillen, Level-0-Abzeichen, Spezialfaehigkeiten ...) als <img>:
   dieselbe Filterkette -> Neongruen wird sattes Gruen, Weiss wird fast Schwarz */
body.light-mode img[src$="icons/ArrowUp.svg"],
body.light-mode img[src$="img/accounts.svg"],
body.light-mode img[src$="img/alter.svg"],
body.light-mode img[src$="img/ball.svg"],
body.light-mode img[src$="img/manager/nachricht.svg"],
body.light-mode img[src$="img/sidemenu/bewerbungen.svg"],
body.light-mode img[src$="img/sidemenu/gesichert.svg"],
body.light-mode img[src$="img/spezial/3_icon.svg"],
body.light-mode img[src$="img/spezial/abschlaege.svg"],
body.light-mode img[src$="img/spezial/abwuerfe.svg"],
body.light-mode img[src$="img/spezial/aggressive_leader.svg"],
body.light-mode img[src$="img/spezial/antritt.svg"],
body.light-mode img[src$="img/spezial/ballhalten.svg"],
body.light-mode img[src$="img/spezial/ballzauberer.svg"],
body.light-mode img[src$="img/spezial/dribbling.svg"],
body.light-mode img[src$="img/spezial/elfmeter.svg"],
body.light-mode img[src$="img/spezial/elfmetertoeter.svg"],
body.light-mode img[src$="img/spezial/fausten.svg"],
body.light-mode img[src$="img/spezial/flanken.svg"],
body.light-mode img[src$="img/spezial/flanken_fangen.svg"],
body.light-mode img[src$="img/spezial/freistoss.svg"],
body.light-mode img[src$="img/spezial/fuehrungsspieler.svg"],
body.light-mode img[src$="img/spezial/laufstaerke.svg"],
body.light-mode img[src$="img/spezial/pferdelunge.svg"],
body.light-mode img[src$="img/spezial/spielmacher.svg"],
body.light-mode img[src$="img/spezial/spieluebersicht.svg"],
body.light-mode img[src$="img/spezial/torinstinkt.svg"],
body.light-mode img[src$="img/spezial/viererkette.svg"],
body.light-mode img[src$="img/spezial_level/abschlaege_0.svg"],
body.light-mode img[src$="img/spezial_level/abwuerfe_0.svg"],
body.light-mode img[src$="img/spezial_level/aggressive_leader_0.svg"],
body.light-mode img[src$="img/spezial_level/antritt_0.svg"],
body.light-mode img[src$="img/spezial_level/ballhalten_0.svg"],
body.light-mode img[src$="img/spezial_level/ballzauberer_0.svg"],
body.light-mode img[src$="img/spezial_level/dribbling_0.svg"],
body.light-mode img[src$="img/spezial_level/elfmeter_0.svg"],
body.light-mode img[src$="img/spezial_level/elfmetertoeter_0.svg"],
body.light-mode img[src$="img/spezial_level/fausten_0.svg"],
body.light-mode img[src$="img/spezial_level/flanken_0.svg"],
body.light-mode img[src$="img/spezial_level/flanken_fangen_0.svg"],
body.light-mode img[src$="img/spezial_level/freistoss_0.svg"],
body.light-mode img[src$="img/spezial_level/fuehrungsspieler_0.svg"],
body.light-mode img[src$="img/spezial_level/laufstaerke_0.svg"],
body.light-mode img[src$="img/spezial_level/pferdelunge_0.svg"],
body.light-mode img[src$="img/spezial_level/spielmacher_0.svg"],
body.light-mode img[src$="img/spezial_level/spieluebersicht_0.svg"],
body.light-mode img[src$="img/spezial_level/torinstinkt_0.svg"],
body.light-mode img[src$="img/spezial_level/viererkette_0.svg"],
body.light-mode img[src$="img/spielbericht/pause.svg"],
body.light-mode img[src$="img/spielbericht/play.svg"],
body.light-mode img[src$="img/spielbericht/undefined.svg"],
body.light-mode img[src$="img/spielbericht/wechsel_ein.svg"],
body.light-mode img[src$="img/spieler/alter.svg"],
body.light-mode img[src$="img/spieler/auf_tl.svg"],
body.light-mode img[src$="img/spieler/herz_voll.svg"],
body.light-mode img[src$="img/spieler/karriereende.svg"],
body.light-mode img[src$="img/spieler/sperre_alt.svg"],
body.light-mode img[src$="img/spieler/sperre_gruen.svg"],
body.light-mode img[src$="img/spieler/staerke.svg"],
body.light-mode img[src$="img/spieler/verletzung_gruen.svg"],
body.light-mode img[src$="img/support.svg"] {
    filter: hue-rotate(216deg) saturate(5) brightness(0.95) invert(1);
}
body.light-mode .alertGreen { border-color: rgba(11, 154, 85, 0.22); }
/* 5.0.5: leeres Favoriten-Herz (weisse Kontur, 60 %) war auf hellen Karten kaum zu sehen - Transfersuche/-ziele + Spielerpass;
   als <img> und eingebettet (check_svg setzt data-src) */
body.light-mode img[src$="img/spieler/herz.svg"] { filter: brightness(0) opacity(0.8); }
body.light-mode svg[data-src$="img/spieler/herz.svg"] path,
body.light-mode svg[data-inject-url$="img/spieler/herz.svg"] path { stroke: rgb(var(--text-rgb, 255,255,255)) !important; opacity: 0.5 !important; }

/* 90+5-Kachel auf der Startseite: zarter Verlauf verschwand auf Weiss -> hellgruene Karte mit Akzentkante */
body.light-mode .zg-home-banner {
    background: linear-gradient(90deg, #e3f5ea 0%, #f4fbf7 70%) !important;
    border-color: rgba(11, 154, 85, 0.38) !important;
    box-shadow: inset 4px 0 0 var(--buttongreen), 0 4px 14px -6px rgba(11, 154, 85, 0.5) !important;
}

/* ---- Taktik-Stufen-Symbole (img/taktik/<art><N>.svg, fuer dunklen Grund: Weiss/Gelb/Hellgruen) -> dunklere
   Varianten *_hell.svg (Matrix-Zellen als background-image, sonst <img>); Standard-Pinsel abgedunkelt.
   Die farbigen Pinsel-Chips behalten ihr weisses Symbol (eingebettet, nicht betroffen). ---- */
body.light-mode .tk2-cell[style*="taktik/ausrichtung0.svg"] { background-image: url("../img/taktik/ausrichtung0_hell.svg") !important; }
body.light-mode .tk2-cell[style*="taktik/ausrichtung1.svg"] { background-image: url("../img/taktik/ausrichtung1_hell.svg") !important; }
body.light-mode .tk2-cell[style*="taktik/ausrichtung2.svg"] { background-image: url("../img/taktik/ausrichtung2_hell.svg") !important; }
body.light-mode .tk2-cell[style*="taktik/ausrichtung3.svg"] { background-image: url("../img/taktik/ausrichtung3_hell.svg") !important; }
body.light-mode .tk2-cell[style*="taktik/ausrichtung4.svg"] { background-image: url("../img/taktik/ausrichtung4_hell.svg") !important; }
body.light-mode .tk2-cell[style*="taktik/ausrichtung5.svg"] { background-image: url("../img/taktik/ausrichtung5_hell.svg") !important; }
body.light-mode .tk2-cell[style*="taktik/ausrichtung6.svg"] { background-image: url("../img/taktik/ausrichtung6_hell.svg") !important; }
body.light-mode .tk2-cell[style*="taktik/einsatz0.svg"] { background-image: url("../img/taktik/einsatz0_hell.svg") !important; }
body.light-mode .tk2-cell[style*="taktik/einsatz1.svg"] { background-image: url("../img/taktik/einsatz1_hell.svg") !important; }
body.light-mode .tk2-cell[style*="taktik/einsatz2.svg"] { background-image: url("../img/taktik/einsatz2_hell.svg") !important; }
body.light-mode .tk2-cell[style*="taktik/einsatz3.svg"] { background-image: url("../img/taktik/einsatz3_hell.svg") !important; }
body.light-mode .tk2-cell[style*="taktik/einsatz4.svg"] { background-image: url("../img/taktik/einsatz4_hell.svg") !important; }
body.light-mode .tk2-cell[style*="taktik/haerte0.svg"] { background-image: url("../img/taktik/haerte0_hell.svg") !important; }
body.light-mode .tk2-cell[style*="taktik/haerte1.svg"] { background-image: url("../img/taktik/haerte1_hell.svg") !important; }
body.light-mode .tk2-cell[style*="taktik/haerte2.svg"] { background-image: url("../img/taktik/haerte2_hell.svg") !important; }
body.light-mode .tk2-cell[style*="taktik/haerte3.svg"] { background-image: url("../img/taktik/haerte3_hell.svg") !important; }
body.light-mode .tk2-cell[style*="taktik/haerte4.svg"] { background-image: url("../img/taktik/haerte4_hell.svg") !important; }
body.light-mode img[src$="img/taktik/ausrichtung0.svg"] { content: url("../img/taktik/ausrichtung0_hell.svg"); }
body.light-mode img[src$="img/taktik/ausrichtung1.svg"] { content: url("../img/taktik/ausrichtung1_hell.svg"); }
body.light-mode img[src$="img/taktik/ausrichtung2.svg"] { content: url("../img/taktik/ausrichtung2_hell.svg"); }
body.light-mode img[src$="img/taktik/ausrichtung3.svg"] { content: url("../img/taktik/ausrichtung3_hell.svg"); }
body.light-mode img[src$="img/taktik/ausrichtung4.svg"] { content: url("../img/taktik/ausrichtung4_hell.svg"); }
body.light-mode img[src$="img/taktik/ausrichtung5.svg"] { content: url("../img/taktik/ausrichtung5_hell.svg"); }
body.light-mode img[src$="img/taktik/ausrichtung6.svg"] { content: url("../img/taktik/ausrichtung6_hell.svg"); }
body.light-mode img[src$="img/taktik/einsatz0.svg"] { content: url("../img/taktik/einsatz0_hell.svg"); }
body.light-mode img[src$="img/taktik/einsatz1.svg"] { content: url("../img/taktik/einsatz1_hell.svg"); }
body.light-mode img[src$="img/taktik/einsatz2.svg"] { content: url("../img/taktik/einsatz2_hell.svg"); }
body.light-mode img[src$="img/taktik/einsatz3.svg"] { content: url("../img/taktik/einsatz3_hell.svg"); }
body.light-mode img[src$="img/taktik/einsatz4.svg"] { content: url("../img/taktik/einsatz4_hell.svg"); }
body.light-mode img[src$="img/taktik/haerte0.svg"] { content: url("../img/taktik/haerte0_hell.svg"); }
body.light-mode img[src$="img/taktik/haerte1.svg"] { content: url("../img/taktik/haerte1_hell.svg"); }
body.light-mode img[src$="img/taktik/haerte2.svg"] { content: url("../img/taktik/haerte2_hell.svg"); }
body.light-mode img[src$="img/taktik/haerte3.svg"] { content: url("../img/taktik/haerte3_hell.svg"); }
body.light-mode img[src$="img/taktik/haerte4.svg"] { content: url("../img/taktik/haerte4_hell.svg"); }
body.light-mode .tk2-brush--std .tk2-brush-ic svg, body.light-mode .tk2-brush--std .tk2-brush-ic img { filter: brightness(0) opacity(0.55); }

/* ---- Runde 6 (04.11.): Restscreens ---- */
/* Scouting-Dossier: Kategoriefarbe vom Server (--c, z.B. Orange) als Schrift auf Weiss zu hell -> abgedunkelt */
body.light-mode .scout-cat, body.light-mode .scout-den { filter: brightness(0.62) saturate(1.2); }
/* Gesperrte Buttons (#ccc-Flaeche): weisse Schrift auf Grau -> dunkelgrau */
body.light-mode .button_disabled { color: #5d5866 !important; }
/* Per JS gezeichnete SVG-Diagramme (Stadion-Auslastung, Vereins-/Spielerverlauf, Radar ...) mit festen Weiss-Attributen
   fuer dunklen Grund -> Beschriftung dunkel, Raster/Rahmen in der Farbwelt. Dunkle Inseln (Rasen, Minispiele) ausgenommen. */
/* Umrandeter Text (paint-order: Rueckennummer, Vereinskuerzel im Wappen - js/wappen_trikot.js) bleibt in seiner Farbe:
   weisse Nummer mit schwarzer Kontur wie im Dark-Mode (5.0.5 Build 2) */
body.light-mode svg text[fill^="rgba(255,255,255"]:not([paint-order]):not(.kof-dunkel *):not(.aufstellung_feld *):not(.sb2-pitch *):not(.bn-feld *),
body.light-mode svg text[fill="#FFFFFF" i]:not([paint-order]):not(.kof-dunkel *):not(.aufstellung_feld *):not(.sb2-pitch *):not(.bn-feld *) { fill: rgba(var(--text-rgb), 0.8); }
body.light-mode svg [stroke^="rgba(255,255,255"]:not(.kof-dunkel *):not(.aufstellung_feld *):not(.sb2-pitch *):not(.bn-feld *) { stroke: rgba(var(--ink-rgb), 0.24); }
body.light-mode svg rect[fill^="rgba(255,255,255"]:not(.kof-dunkel *):not(.aufstellung_feld *):not(.sb2-pitch *):not(.bn-feld *) { fill: rgba(var(--ink-rgb), 0.12); }
/* Formations-Vorschau (js/kof_formationen.js, SVG mit festen Attributfarben fuer dunklen Grund) */
body.light-mode .kof-fm-svg > rect:first-of-type { fill: rgba(var(--gruen-rgb), 0.10); stroke: rgba(var(--gruen-rgb), 0.35) !important; }
body.light-mode .kof-fm-svg [stroke^="rgba(255,255,255"] { stroke: rgba(var(--gruen-rgb), 0.30) !important; }
body.light-mode .kof-fm-svg circle[fill="#ffffff"] { fill: #4a4356; }