/* ════════════════════════════════════════════════════════════════
   First-Login-Wizards (Mitarbeiter #firstLoginOverlay + Manager
   #maflOverlay) — Cream + Gold, boxenlos-leicht. Überschreibt den
   dunklen .fl-* Look. Scope strikt auf .fl-overlay → kein Einfluss
   auf den Rest des Dashboards. Reversibel: <link> entfernen.
   ════════════════════════════════════════════════════════════════ */

.fl-overlay{
  --flc-cream:#FAF6EF; --flc-navy:#0F1B2D; --flc-ink:#4A5568;
  --flc-muted:rgba(15,27,45,.55); --flc-gold:#C5A55A; --flc-gold-dark:#B8943F;
  --flc-line:rgba(197,165,90,.22);
  background:var(--flc-cream) !important;
}

/* Ambient-Orbs ruhiger auf hell */
.fl-overlay .fl-ambient-orb-1,
.fl-overlay .fl-ambient-orb-2{ background:#C5A55A !important; opacity:.05 !important; }
.fl-overlay .fl-ambient-orb-3{ background:rgba(197,165,90,.06) !important; }

/* Karte: heller, boxenlos-leicht (keine dunkle Box mehr) */
.fl-overlay .fl-card{ max-width:680px !important; }
.fl-overlay .fl-card-inner{
  background:#fff !important;
  border:1px solid var(--flc-line) !important;
  box-shadow:0 30px 70px -40px rgba(15,27,45,.35) !important;
}
.fl-overlay .fl-card-glow{ background:transparent !important; }
.fl-overlay .fl-glow-spot{ background:radial-gradient(ellipse,rgba(197,165,90,.10),transparent 70%) !important; }

/* Texte: weiß/slate → navy/ink */
.fl-overlay .fl-heading{ color:var(--flc-navy) !important; }
.fl-overlay .fl-text-white{ color:var(--flc-navy) !important; }
.fl-overlay .fl-text-muted{ color:var(--flc-muted) !important; }
.fl-overlay .fl-label{ color:var(--flc-ink) !important; }
.fl-overlay [style*="color:#fff"]{ color:var(--flc-navy) !important; }
.fl-overlay [style*="color:#94a3b8"], .fl-overlay [style*="color:#64748b"],
.fl-overlay [style*="color:#8a9ab8"]{ color:var(--flc-muted) !important; }

/* Eingabefelder: hell mit Gold-Fokus */
.fl-overlay .fl-input{
  background:#fff !important;
  border:1px solid var(--flc-line) !important;
  color:var(--flc-navy) !important;
}
.fl-overlay .fl-input::placeholder{ color:var(--flc-muted) !important; }
.fl-overlay .fl-input:focus{ border-color:var(--flc-gold) !important; box-shadow:0 0 0 3px rgba(197,165,90,.12) !important; }
.fl-overlay .fl-input-icon{ stroke:var(--flc-gold-dark) !important; }

/* Avatar-Box */
.fl-overlay .fl-avatar-box{ background:rgba(197,165,90,.08) !important; border:1px solid var(--flc-line) !important; }
.fl-overlay .fl-avatar-upload{ background:var(--flc-gold) !important; }

/* Timeline (Welcome-Screen) */
.fl-overlay .fl-timeline-badge{ background:var(--flc-gold) !important; color:#fff !important; }
.fl-overlay .fl-timeline-icon{ background:rgba(197,165,90,.10) !important; }
.fl-overlay .fl-timeline-time{ color:var(--flc-gold-dark) !important; }

/* CTA-Button: Gold mit einladendem Lift */
.fl-overlay .fl-cta-btn{
  background:var(--flc-gold) !important; color:#fff !important;
  box-shadow:0 10px 28px -14px rgba(184,148,63,.6) !important;
  transition:transform .25s cubic-bezier(.22,1,.36,1), background .25s, box-shadow .25s !important;
}
.fl-overlay .fl-cta-btn:hover{ background:var(--flc-gold-dark) !important; transform:translateY(-2px) !important; }
.fl-overlay .fl-cta-btn *{ color:#fff !important; }

/* Sekundär-Button / Zurück */
.fl-overlay .fl-btn-secondary, .fl-overlay .fl-back{ color:var(--flc-ink) !important; border-color:var(--flc-line) !important; }

/* Erfolgs-Icon bleibt grün */
.fl-overlay .fl-success-icon{ background:linear-gradient(135deg,#3D7A5A,#2c8a4f) !important; }
.fl-overlay .fl-success-icon svg{ stroke:#fff !important; }

/* Fortschritts-Punkte / Progress */
.fl-overlay .fl-progress-fill, #flProgressFill{ background:var(--flc-gold) !important; }
.fl-overlay .fl-step-dot.completed{ background:#3D7A5A !important; }
.fl-overlay .fl-step-dot.current{ background:var(--flc-gold) !important; }

/* Fehler-Text */
.fl-overlay .fl-field-error{ color:#9B3B3B !important; }

/* sanftes Einblenden beim Anzeigen eines Steps */
.fl-overlay .fl-step{ animation:flcIn .5s cubic-bezier(.22,1,.36,1) both; }
@keyframes flcIn{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:translateY(0); } }
@media(prefers-reduced-motion:reduce){ .fl-overlay .fl-step{ animation:none; } }