/* ===========================================================
   EVA Akzent-Schicht (zuletzt geladen)
   AUTOMATISCH GENERIERT von scripts/make-brand.py aus brand/eva.json
   NICHT von Hand editieren - Änderungen in der Branding-Datei vornehmen.
   Verschiebt alle primären Akzente (Buttons, aktive Zustände, Highlights)
   auf die CI-Hauptfarbe #3FD6EE. Status-/Erfolgsfarben (Grün) bleiben.
   =========================================================== */
:root,
body.premium-dark,
body.solardesk-demo,
body.theme-light,
body.premium-dark.theme-light,
body.solardesk-demo.theme-light {
  --accent:               #14C6E3 !important;
  --accent-warm:          #3FD6EE !important;
  --accent-warm-hover:    #14C6E3 !important;
  --accent-warm-soft:     rgba(63,214,238,0.16) !important;
  --accent-dark:          #10A0B7 !important;
  --accent-darker:        #0D8598 !important;
  --accent-light:         rgba(63,214,238,0.12) !important;
  --accent-glow:          rgba(63,214,238,0.45) !important;
  --accent-gradient:      linear-gradient(135deg, #95E8F6 0%, #3FD6EE 40%, #14C6E3 100%) !important;
  --accent-gradient-soft: linear-gradient(135deg, #C9F4FA 0%, #3FD6EE 100%) !important;
  --gold:                 #14C6E3 !important;
  --gold-main:            #3FD6EE !important;
  --gold-light:           #95E8F6 !important;
  --gold-soft:            #C9F4FA !important;
  --gold-bright:          #3FD6EE !important;
  --gold-sheen:           #E2F9FC !important;
  --gold-glow:            rgba(63,214,238,0.45) !important;
  --acc-bright:           #3FD6EE !important;
  --cockpit-accent:       #3FD6EE !important;
  --cockpit-accent-warm:  #14C6E3 !important;
  --shadow-gold:          0 8px 24px -10px rgba(20,198,227,0.5) !important;
}

/* Primär-Button: CI-Farbe mit lesbarem Text. */
body.premium-dark.solardesk-demo .btn-primary,
body.premium-dark.solardesk-demo .btn-accent,
body.premium-dark .btn-primary,
body.solardesk-demo .btn-primary,
body.premium-dark .btn-primary:hover,
body.solardesk-demo .btn-primary:hover,
.btn-primary, button.btn-primary, a.btn-primary {
  color: #04161C !important;
  background: linear-gradient(135deg, #95E8F6 0%, #3FD6EE 45%, #14C6E3 100%) !important;
  border: 1px solid #10A0B7 !important;
  text-shadow: none !important;
  box-shadow: 0 1px rgba(255,255,255,.45) inset, 0 8px 22px -6px rgba(20,198,227,0.55), 0 2px 6px rgba(0,0,0,.25) !important;
}
body.premium-dark.solardesk-demo .btn-primary:hover,
body.premium-dark .btn-primary:hover,
body.solardesk-demo .btn-primary:hover {
  background: linear-gradient(135deg, #C9F4FA 0%, #3FD6EE 45%, #14C6E3 100%) !important;
  border-color: #3FD6EE !important;
  color: #04161C !important;
}
.btn-primary:before, body.solardesk-demo .btn-primary:before { opacity: .35 !important; mix-blend-mode: soft-light !important; }

/* Fokus-Ring in CI-Farbe */
:focus-visible { outline-color: #3FD6EE !important; }

/* Sidebar-, Rahmen- und Glow-Variablen auf CI-Farbe (Deko, Status-Farben bleiben) */
:root, body.premium-dark, body.solardesk-demo, body.theme-light {
  --sidebar-active-bg: linear-gradient(135deg, rgba(63,214,238,0.2), rgba(20,198,227,0.08)) !important;
  --sidebar-active-text: #3FD6EE !important;
  --sidebar-active-border: rgba(63,214,238,0.42) !important;
  --sidebar-border: rgba(20,198,227,0.12) !important;
  --gold-glow: rgba(63,214,238,0.5) !important;
  --border: rgba(20,198,227,0.16) !important;
  --border-strong: rgba(20,198,227,0.3) !important;
}

/* Grün-Token der Quellmarke. Im Quellthema ist --green der allgemeine Akzent
   (Primärknopf, Fokusrahmen, aktive Tabs und Filter, Schalter, Auswahl,
   Scrollbalken; Probebau 14: 155 Regeln, als Status nur die Kanban-Stufen),
   die Tönung macht daraus aber Statusgrün.
   Deshalb hier auf die Markenpalette umgestellt, wie es zuerst am 16.09.2026 von
   Hand in einem eigenen CI-Stylesheet gemacht wurde. Status bleibt grün: --status-ok und --se-ok
   werden nicht angefasst, und --crm-green (Kanban "erledigt" und "GRÜN")
   zeigt auf --status-ok statt auf --green. */
:root,
body.premium-dark,
body.solardesk-demo,
body.theme-light,
body.premium-dark.theme-light,
body.solardesk-demo.theme-light,
[data-tenant],
.app-layout {
  --green:          #3FD6EE !important;
  --green-bright:   #95E8F6 !important;
  --lime-bright:    #95E8F6 !important;
  --green-soft:     #C9F4FA !important;
  --olive:          #14C6E3 !important;
  --jm-gold-1:      #95E8F6 !important;
  --jm-gold-4:      #10A0B7 !important;
  --crm-green:      var(--status-ok, var(--se-ok, #228E4A)) !important;
}
/* Hellmodus: --green trägt dort auch Schrift, deshalb die dunkle Stufe. */
body.theme-light,
body.premium-dark.theme-light,
body.solardesk-demo.theme-light,
body.theme-light [data-tenant],
body.theme-light .app-layout {
  --green:          #10A0B7 !important;
}
/* Zwei Deko-Stellen mit fest eingetragenem Quellgrün, das die Tönung zu Mint
   macht (Sichtvergleich 24.09.2026): Avatar-Verlauf und Versionsmarke. */
.user-avatar { background-image: linear-gradient(135deg, #95E8F6, #3FD6EE) !important; color: #04161C !important; }
.sidebar-credit .credit-version { background: rgba(63,214,238,0.07) !important; border-color: rgba(63,214,238,0.28) !important; }
