/* ============================================================================
   lexInsight Marken-Theme v4 / FINAL (Session 20) — Option C: nur Akzentfarben
   ----------------------------------------------------------------------------
   Ergebnis des Auswahlprozesses (v1 Neon -> v2 Vollrahmen -> v3 Banner ->
   3 Optionen A/B/C zum Vergleich). Gewaehlt: C — keine Flaeche, keine
   Verdunklung, nur Cyan als Markenakzent in UI-Chrome (Button, Tabs, Fokus,
   aktuelle Verfahrensstation, Barrierefrei-Chip). Seite bleibt vollstaendig
   beim bisherigen hellen, gut lesbaren Look. Ampelfarben der Daten
   unveraendert. Overlay-Prinzip: eine <link>-Zeile in den drei HTML-Dateien,
   rueckstandsfrei entfernbar (siehe README im Theme-Paket).
   ========================================================================== */

:root{
  --lx-cyan:      #2FE0E8;   /* Leiterbahn-Cyan, nur dunkler Grund/Linien */
  --lx-cyan-deep: #0FB5C4;
  --lx-cyan-ink:  #0b6e78;   /* AA-taugliche dunkle Variante fuer Text auf hell */
  --lx-neon:      #3DFF8F;   /* Hover-Zielfarbe, Bruecke zur Kampagne */
  --lx-ink:       #0A0E1A;
}

.eyebrow{ color: var(--lx-cyan-ink); }
header{ box-shadow: 0 3px 0 -1px var(--lx-cyan-deep); }

.loginbtn{
  background: linear-gradient(160deg, #131A2B 0%, var(--lx-ink) 100%);
  color: var(--lx-cyan);
  border: 1px solid rgba(47,224,232,.35);
  box-shadow: 0 0 14px -8px var(--lx-cyan);
}
.loginbtn:hover{
  background: linear-gradient(135deg, var(--lx-cyan) 0%, var(--lx-neon) 100%);
  color: var(--lx-ink);
}
.adminbtn:hover{ border-color: var(--lx-cyan-ink); color: var(--lx-cyan-ink); }

.tab.on{ border-bottom-color: var(--lx-cyan-deep); }
.tab:hover{ color: var(--ink, #1c2430); }

.search:focus{
  border-color: var(--lx-cyan-deep);
  box-shadow: 0 0 0 3px rgba(15,181,196,.20);
  outline-color: var(--lx-cyan-deep);
}
.loginbtn:focus-visible, .pill:focus-visible, .item:focus-visible,
.nachOben:focus-visible, .tab:focus-visible, button:focus-visible,
a:focus-visible{ outline-color: var(--lx-cyan-deep); }

.stage.now .pt{
  border-color: var(--lx-cyan-deep);
  box-shadow: 0 0 0 3px rgba(47,224,232,.28);
}
.stage.now .st{ color: var(--lx-cyan-ink); }

.a11yhinweis{
  color: var(--lx-cyan-ink);
  border-color: rgba(11,110,120,.35);
  background: rgba(47,224,232,.10);
}
.nachOben{
  background: var(--lx-ink);
  color: var(--lx-cyan);
  border-color: var(--lx-ink);
  box-shadow: 0 0 14px -6px var(--lx-cyan);
}

/* Premium: aktive Simulation-/Triloganalyse-Buttons */
.simbtn.aktiv, .trilogbtn.aktiv{
  background: linear-gradient(160deg, #131A2B 0%, var(--lx-ink) 100%);
  color: var(--lx-cyan);
  border-color: rgba(47,224,232,.35);
  box-shadow: 0 0 14px -7px var(--lx-cyan);
}
.simbtn.aktiv:hover, .trilogbtn.aktiv:hover{
  background: linear-gradient(135deg, var(--lx-cyan) 0%, var(--lx-neon) 100%);
  color: var(--lx-ink);
}