/*
 * ════════════════════════════════════════════════════
 *  FRM THEME OVERRIDE
 *  Feuerwehr & Rettungsdienst München
 *  Logo-Farben: Schwarz · Gold · Bayernblau · Rot
 *
 *  VERWENDUNG:
 *  Diese Datei als "frm-theme.css" speichern und in
 *  der <head> des Panels NACH dem bestehenden <style>-
 *  Block einbinden:
 *  <link rel="stylesheet" href="frm-theme.css">
 * ════════════════════════════════════════════════════
 */

/* ── CSS-Variablen (überschreiben alle Blauwerte) ── */
:root {
  /* Hintergründe – tiefschwarz wie Wappengrund */
  --bg:    #080808;
  --bg2:   #0d0d0d;
  --card:  #111111;
  --card2: #161616;

  /* Gold-Palette – Wappenrahmen & Schrift */
  --blue:  #D4A017;   /* Primärfarbe jetzt Gold */
  --blue2: #A07800;   /* dunkleres Gold */
  --blue3: #F5C000;   /* helles Gold */
  --blue4: #FFDA44;   /* noch heller */
  --blue5: #FFE680;   /* hellstes Gold */
  --glow:  rgba(212, 160, 23, 0.40);

  /* Borders – goldfarbig */
  --border:  rgba(212, 160, 23, 0.12);
  --border2: rgba(212, 160, 23, 0.28);
  --border3: rgba(212, 160, 23, 0.50);

  /* Text – warmes Cremeweiß */
  --txt:  #F0EAD6;
  --txt2: rgba(240, 234, 214, 0.58);
  --txt3: rgba(240, 234, 214, 0.28);

  /* Status (unverändert) */
  --red:    #CC0000;
  --green:  #22c55e;
  --amber:  #F5C000;
  --cyan:   #0057B8;   /* Bayernblau als Cyan-Ersatz */
  --purple: #8b5cf6;
  --pink:   #ec4899;
  --teal:   #14b8a6;

  /* Aliases */
  --primary:        #D4A017;
  --primary-dark:   #A07800;
  --primary-light:  #F5C000;
  --accent:         #FFDA44;
  --bg-dark:        #080808;
  --bg-secondary:   #0d0d0d;
  --bg-card:        #111111;
  --text:           #F0EAD6;
  --text-muted:     rgba(240,234,214,0.28);
  --text-secondary: rgba(240,234,214,0.58);
  --success:  #22c55e;
  --warning:  #F5C000;
  --danger:   #CC0000;
  --info:     #FFDA44;
  --discord:  #5865F2;
  --orange:   #f97316;
  --indigo:   #6366f1;

  /* Shadows */
  --shadow-sm: 0 4px 15px rgba(212, 160, 23, 0.20);
  --shadow-md: 0 8px 25px rgba(212, 160, 23, 0.30);
  --shadow-lg: 0 25px 60px rgba(0, 0, 0, 0.70);
}

/* ── BODY-ORBS – Gold statt Blau ── */
body::before {
  background: radial-gradient(circle, rgba(212,160,23,0.12) 0%, transparent 70%);
}
body::after {
  background: radial-gradient(circle, rgba(212,160,23,0.07) 0%, transparent 70%);
}
.orb-mid {
  background: radial-gradient(circle, rgba(212,160,23,0.05) 0%, transparent 70%);
}

/* ── GRID-HINTERGRUND ── */
.login-container {
  background-image:
    linear-gradient(rgba(212,160,23,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(212,160,23,0.04) 1px, transparent 1px);
}

/* ── LOGIN BOX ── */
.login-box::before {
  background: linear-gradient(90deg, #A07800, #D4A017, #FFDA44);
}
.login-logo img {
  filter: drop-shadow(0 0 18px rgba(212,160,23,0.60));
  background: rgba(212,160,23,0.10);
}
.login-accent-line {
  background: linear-gradient(90deg, #D4A017, #FFDA44);
}
.login-input:focus {
  border-color: #F5C000;
  background: rgba(212,160,23,0.08);
  box-shadow: 0 0 0 3px rgba(212,160,23,0.16);
}
.login-btn-primary {
  background: linear-gradient(135deg, #D4A017, #A07800);
  box-shadow: 0 4px 18px rgba(212,160,23,0.40);
  color: #111;
}
.login-btn-primary:hover {
  background: linear-gradient(135deg, #F5C000, #D4A017);
  box-shadow: 0 8px 26px rgba(212,160,23,0.55);
  color: #111;
}

/* ── SIDEBAR ── */
.sidebar {
  background: rgba(8,8,8,0.92);
  border-right: 1px solid rgba(212,160,23,0.14);
}
.logo h1 {
  color: #FFDA44;
}
.logo img {
  filter: drop-shadow(0 0 12px rgba(212,160,23,0.50));
}
.logo {
  border-bottom: 1px solid rgba(212,160,23,0.12);
}
.user-card {
  background: rgba(212,160,23,0.07);
  border: 1px solid rgba(212,160,23,0.22);
}
.user-card .role-badge {
  background: rgba(212,160,23,0.18);
  border: 1px solid rgba(212,160,23,0.30);
  color: #FFDA44;
}
.nav-item:hover {
  background: rgba(212,160,23,0.08);
  border-left-color: #F5C000;
  color: #F0EAD6;
}
.nav-item.active {
  background: rgba(212,160,23,0.14);
  border-left-color: #D4A017;
  color: #FFDA44;
}

/* ── CARDS ── */
.card:hover {
  border-color: rgba(212,160,23,0.28);
}
.card-title {
  color: rgba(240,234,214,0.60);
}

/* ── TABS ── */
.tab.active {
  color: #FFDA44;
  border-bottom-color: #F5C000;
}
.tab:hover {
  background: rgba(212,160,23,0.06);
}

/* ── SEARCH / FILTER ── */
.search-input:focus {
  border-color: #F5C000;
  background: rgba(212,160,23,0.07);
  box-shadow: 0 0 0 3px rgba(212,160,23,0.13);
}
.filter-btn.active {
  background: #D4A017;
  border-color: #D4A017;
  color: #111;
}
.filter-btn:hover {
  border-color: #F5C000;
}

/* ── PRIMARY BUTTONS (Gold) ── */
.btn-primary {
  background: linear-gradient(135deg, #D4A017, #A07800);
  box-shadow: 0 4px 14px rgba(212,160,23,0.32);
  color: #111;
}
.btn-primary:hover {
  background: linear-gradient(135deg, #F5C000, #D4A017);
  box-shadow: 0 8px 22px rgba(212,160,23,0.48);
  color: #111;
}

/* ── GHOST / SOFT PRIMARY → Gold ── */
.btn-ghost-primary {
  color: #FFDA44;
  border-color: #D4A017;
}
.btn-ghost-primary:hover {
  background: rgba(212,160,23,0.12);
}
.btn-soft-primary {
  background: rgba(212,160,23,0.14);
  color: #FFDA44;
  border: 1px solid rgba(212,160,23,0.30);
}
.btn-soft-primary:hover {
  background: rgba(212,160,23,0.22);
}

/* ── STAT CARDS ── */
.stat-card {
  border-left-color: #D4A017;
}
.stat-card:hover {
  border-left-color: #FFDA44;
}
.stat-value {
  color: #FFDA44;
}

/* ── TABLE HEADER ── */
thead {
  background: rgba(212,160,23,0.07);
}
th {
  color: #FFDA44;
  border-bottom: 1px solid rgba(212,160,23,0.22);
}
tr:hover {
  background: rgba(212,160,23,0.05);
}

/* ── BADGES ── */
.badge-primary {
  background: rgba(212,160,23,0.15);
  color: #FFDA44;
  border: 1px solid rgba(212,160,23,0.28);
}

/* ── FORMS ── */
.form-input:focus {
  border-color: #F5C000;
  background: rgba(212,160,23,0.08);
  box-shadow: 0 0 0 3px rgba(212,160,23,0.14);
}

/* ── MODAL CLOSE HOVER ── */
.modal-close:hover {
  color: #CC0000;
  background: rgba(204,0,0,0.10);
}

/* ── STATS GRID (Dashboard) ── */
#statsGrid .stat-card {
  border-left-color: #D4A017;
}

/* ── MITARBEITER CARD HOVER ── */
.mitarbeiter-card:hover {
  border-color: #D4A017;
  box-shadow: 0 8px 24px rgba(0,0,0,0.40);
}
.role-tag {
  background: rgba(212,160,23,0.10);
  border: 1px solid rgba(212,160,23,0.22);
  color: #FFE680;
}

/* ── FUHRPARK ── */
.fuhrpark-tab.active {
  background: #D4A017;
  border-color: #D4A017;
  color: #111;
  box-shadow: 0 4px 14px rgba(212,160,23,0.32);
}
.fuhrpark-tab:hover:not(.active) {
  border-color: #F5C000;
  color: #F0EAD6;
}
.fahrzeug-kennzeichen {
  background: rgba(212,160,23,0.10);
  border: 1px solid rgba(212,160,23,0.22);
  color: #FFE680;
}

/* ── WISSENSDATENBANK ── */
.wiki-cat-pill.active {
  background: #D4A017;
  border-color: #D4A017;
  color: #111;
  box-shadow: 0 4px 14px rgba(212,160,23,0.30);
}
.wiki-cat-pill:hover:not(.active) {
  border-color: rgba(212,160,23,0.28);
  color: #F0EAD6;
}
.wiki-stat-num { color: #FFDA44; }

/* ── SCROLLBAR ── */
::-webkit-scrollbar-track {
  background: rgba(212,160,23,0.03);
}
::-webkit-scrollbar-thumb {
  background: rgba(212,160,23,0.18);
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(212,160,23,0.35);
}

/* ── LOGO GLOW ── */
#sidebarLogo,
.login-logo img {
  filter: drop-shadow(0 0 14px rgba(212,160,23,0.55));
}

/* ── QUICK ACTION BUTTONS ── */
.quick-action-btn:hover {
  border-color: #D4A017;
  background: rgba(212,160,23,0.07);
}

/* ── ALERT INFO → Gold ── */
.alert-info {
  background: rgba(212,160,23,0.09);
  border-color: #D4A017;
  color: #FFDA44;
}
.alert-warning {
  background: rgba(212,160,23,0.09);
  border-color: #D4A017;
  color: #FFDA44;
}

/* ── WIKI TOOLBAR ── */
.wiki-toolbar-btn:hover {
  background: rgba(212,160,23,0.12);
  border-color: rgba(212,160,23,0.28);
  color: #FFDA44;
}
.wiki-editor-toolbar {
  background: rgba(212,160,23,0.04);
  border-color: rgba(212,160,23,0.14);
}

/* ── FAVICON tauschen ── */
/* (Wird per JS im Panel bereits auf FRM-Logo gesetzt) */