/* ==========================================================================
   eva-login.css  ·  EVA-Anmeldeseite in Nachtblau + Warmgold
   --------------------------------------------------------------------------
   Wird NUR von index.html geladen, nach theme-eva.css. Loest die gruenen
   Login-Regeln aus theme-soft-dark.css ab (die Login-Klassen .login-* sind
   seitenweit einmalig, deshalb genuegen ungescopte Regeln mit !important
   ohne Nebenwirkung auf andere Seiten). Der animierte Plasma-Hintergrund
   (#fx-plasma) wird in fx-bits.js umgefaerbt, nicht hier.
   ========================================================================== */

:root { --eva-gold:#F2B75B; --eva-gold-hell:#FFDF9E; --eva-gold-tief:#C98B24; }

/* ---- Grundflaeche: Nachtblau statt gruener Wiese ---- */
.login-page {
  background:
    radial-gradient(ellipse 60% 45% at 22% 28%, rgba(242,183,91,.10) 0%, transparent 55%),
    radial-gradient(ellipse 70% 50% at 82% -6%, rgba(201,139,36,.10) 0%, transparent 60%),
    #0E1621 !important;
}
.login-page:before {
  background: radial-gradient(circle at 50% 0%, rgba(242,183,91,.06) 0%, transparent 60%) !important;
}

/* ---- Anmelde-Knopf: Gold-Verlauf ---- */
.login-btn {
  background: linear-gradient(135deg, #FFDF9E, #F2B75B 58%, #C98B24) !important;
  color: #1A1305 !important;
  border: 1px solid rgba(242,183,91,.55) !important;
  box-shadow: 0 8px 24px -10px rgba(242,183,91,.7), inset 0 1px rgba(255,255,255,.45) !important;
}
.login-btn:hover {
  box-shadow: 0 12px 32px -8px rgba(242,183,91,.6), 0 0 48px -12px rgba(242,183,91,.5),
              inset 0 1px rgba(255,255,255,.5) !important;
  filter: brightness(1.03);
}

/* ---- Feld-Beschriftungen: warmes Gold statt Limegruen ---- */
.login-label { color: var(--eva-gold) !important; }
.login-sub   { color: #9FB0BC !important; }

/* ---- Eingabefelder: gold-getoente Linien + Gold-Fokus ---- */
.login-input {
  border: 1px solid rgba(242,183,91,.16) !important;
}
.login-input:focus {
  border-color: rgba(242,183,91,.55) !important;
  box-shadow: 0 0 0 3px rgba(242,183,91,.14), inset 0 1px rgba(255,250,235,.05) !important;
}
.login-input::placeholder { color: rgba(159,176,188,.55) !important; }

/* ---- EVA-Wortmarke: Gold-Verlauf, auf den Text geclippt ----
   Alle drei Clip-Eigenschaften brauchen !important, sonst setzt die
   Animationsklasse .fx-shiny-text die Fuellfarbe zurueck und der Verlauf
   erscheint als voller Block hinter dem Text. */
.login-logo-mark .logo-italic,
.login-logo-mark .logo-italic.fx-shiny-text {
  background: linear-gradient(135deg, #FFDF9E, #F2B75B 55%, #C98B24) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* ---- Tab-Umschalter (Anmelden): Gold-Akzent ---- */
.login-tabs { border: 1px solid rgba(242,183,91,.14) !important; }
.login-tab  { color: #9FB0BC !important; }
.login-tab.active {
  background: linear-gradient(165deg, rgba(242,183,91,.18), rgba(201,139,36,.10)) !important;
  color: #F4EFE6 !important;
  border-color: rgba(242,183,91,.42) !important;
  box-shadow: inset 0 1px rgba(255,250,235,.14), 0 4px 14px -4px rgba(242,183,91,.4) !important;
}

/* ---- Grid-Overlay im Hintergrund: neutral statt gruen ---- */
.login-bg-grid {
  background-image:
    linear-gradient(rgba(160,180,200,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(160,180,200,.04) 1px, transparent 1px) !important;
}