/* =====================================================================
   sh-odoo-sidebar.css  —  ADDITIV, CSS-ONLY (kein JS, keine DOM-Injektion)
   ---------------------------------------------------------------------
   Zweck: Den AKTIVEN Sidebar-Nav-Eintrag wieder lesbar machen.

   Root Cause (verifiziert):
   - public/css/sh-redesign-02-shell.css (laedt SPAET, aktuelles Light-Design):
       #sidebarEl .nav-item.active { background: var(--sh-accent-soft);  (= #FCEDE7, blasses Pfirsich)
                                     color:      var(--sh-accent); }      (= #E73D25, Markenrot)
       Sidebar-Hintergrund ist hell (#sidebarEl.sidebar { background: var(--sh-surface) = #FFFFFF }).
   - public/css/sh-sidebar-polish.css (laedt FRUEHER, fuer eine ALTE DUNKLE Sidebar geschrieben):
       .sidebar .nav-item.active {
         color: #fff !important;                                    <-- WEISSER TEXT
         background: color-mix(... var(--sh-module-accent,#E73D25) 18%, transparent) !important;
       }
     Das !important schlaegt die Shell-Spezifitaet -> weisser Text + blasser Tint
     ueber WEISSER (#FFF) Sidebar  ==>  Aktiv-Eintrag praktisch unsichtbar.

   Loesung: Diese Datei MUSS in index.html NACH sh-redesign-02-shell.css (Zeile 55)
   geladen werden. Sie ueberschreibt GEZIELT nur den aktiven Eintrag (plus dezente
   Hover/Fokus-Politur). Spezifitaet via #sidebarEl-Prefix (1-1-x) + !important am
   Aktiv-Text, um `color:#fff !important` aus sh-sidebar-polish.css zu schlagen.

   STRIKT NUR Farbe / Hintergrund / Box-Shadow / Outline / Font-Weight.
   KEINE Layout-Properties (kein padding/margin/width/display/position/flex/grid).
   Beruehrt KEINE bestehende Datei.

   Token-Vertrag (gescoped auf .sidebar in sh-redesign-02-shell.css):
     --sh-accent      = #E73D25 / #F2543B   (Markenrot, lebendiger Akzent fuers Icon)
     --sh-accent-700  = #C5331E / #E0432B   (dunkleres Rot, lesbarer Text auf hellem Feld)
     --sh-accent-soft = #FCEDE7 / rgba(...) (Aktiv-Feld)
     --sh-surf-2      = #F6F1EB / #241F1A   (Hover-Feld)
     --sh-text        = #463D35 / #E2D8CE   (Standard-Textfarbe)
   Fallback-Kette ueberall bis var(--sh-brand,#E73D25) (globaler Marken-Fallback).
   ===================================================================== */

/* ---------------------------------------------------------------------
   1) AKTIVER EINTRAG — lesbarer Marken-Text auf weichem Accent-Feld
   --------------------------------------------------------------------- */
#sidebarEl .nav-item.active,
#sidebarEl a.nav-item.active {
  /* Schlaegt sh-sidebar-polish.css `color:#fff !important` */
  color: var(--sh-accent-700, var(--sh-accent, var(--sh-brand, #E73D25))) !important;
  /* Schlaegt den blassen color-mix-Tint -> definiertes, ruhiges Accent-Feld
     (gleicher Ton wie das Shell-Light-Design) */
  background: var(--sh-accent-soft, #FCEDE7) !important;
  font-weight: 700;
}

/* Icon im aktiven Eintrag in vollem Markenrot (lebendiger Akzent statt
   gedaempftem --sh-accent-700). Schlaegt die Icon-Farbregel der Polish-Datei. */
#sidebarEl .nav-item.active .nav-item-icon,
#sidebarEl .nav-item.active .nav-item-icon svg {
  color: var(--sh-accent, var(--sh-brand, #E73D25)) !important;
}

/* Label hart auf lesbare Farbe ziehen (falls eine Regel direkt das span faerbt,
   z.B. Polish setzt nur font-weight, aber zur Absicherung gegen vererbtes #fff). */
#sidebarEl .nav-item.active .nav-item-label {
  color: var(--sh-accent-700, var(--sh-accent, var(--sh-brand, #E73D25))) !important;
}

/* Dezenter Marken-Akzentbalken links am aktiven Eintrag.
   sh-redesign-02-shell.css setzt ihn via ::before, sh-sidebar-polish.css via
   `box-shadow: inset 3px 0 0 ...`. Wir vereinheitlichen auf einen klaren
   Marken-Balken (kein Layout-Eingriff, reiner Schatten). */
#sidebarEl .nav-item.active,
#sidebarEl a.nav-item.active {
  box-shadow: inset 3px 0 0 var(--sh-accent, var(--sh-brand, #E73D25)) !important;
}

/* ---------------------------------------------------------------------
   2) HOVER-POLITUR — nicht-aktive Eintraege: dezentes warmes Feld
   --------------------------------------------------------------------- */
#sidebarEl .nav-item:not(.active):hover,
#sidebarEl a.nav-item:not(.active):hover {
  background: var(--sh-surf-2, #F6F1EB);
  color: var(--sh-text, #463D35);
}

/* Aktiver Eintrag im Hover bleibt lesbar (kein Tint-Wechsel ins Unlesbare). */
#sidebarEl .nav-item.active:hover,
#sidebarEl a.nav-item.active:hover {
  background: var(--sh-accent-soft, #FCEDE7) !important;
  color: var(--sh-accent-700, var(--sh-accent, var(--sh-brand, #E73D25))) !important;
}

/* ---------------------------------------------------------------------
   3) FOKUS-POLITUR — sichtbarer Tastatur-Fokus (Barrierefreiheit)
   Nur outline (kein Layout). Greift fuer aktive und nicht-aktive Eintraege.
   --------------------------------------------------------------------- */
#sidebarEl .nav-item:focus-visible,
#sidebarEl a.nav-item:focus-visible {
  outline: 2px solid var(--sh-accent, var(--sh-brand, #E73D25));
  outline-offset: -2px;
}