/* ─────────────────────────────────────────────────────────────────
 * SloppyPay — Branding-Override fuer das gemeinsame Universe-Layout.
 *
 * Universe-Pattern: scan/fix/plan/rent/bill teilen modern.css + custom.css.
 * Hier ueberschreiben wir NUR die Theme-Variablen (Akzent-Farben +
 * Logo-Pfad) — Layout/Sidebar/Topbar bleibt überall identisch, damit
 * der User sich beim Modulwechsel nicht umorientieren muss.
 *
 * Identitaet sloppybill: tiefes Emerald + warmes Amber-Gold
 * (klar abgegrenzt von scan-Blau, fix-Olive, plan-Cream/Braun).
 * ───────────────────────────────────────────────────────────────── */

:root {
  /* Primary-Akzent (Emerald) — uebernimmt --scan-accent-Slot */
  --scan-accent:        #0f766e;
  --scan-accent-hover:  #115e59;
  --scan-accent-soft:   #ccfbf1;

  /* Bill-eigene Aliasse fuer eigene Komponenten */
  --bill-primary:       #0f766e;
  --bill-primary-dark:  #134e4a;
  --bill-primary-light: #5eead4;
  /* Bill-Brand laut handoff: Gold (#A47913) — NICHT orange (#d97706,
     das wäre Rent). Akzentlinie + Beteiligten-Pills nutzen den Gold-Ton. */
  --bill-accent:        #A47913;
  --bill-accent-dark:   #7c5a0e;
  --bill-accent-light:  #f3e3a6;

  /* Bootstrap-Override fuer btn-primary, links, focus-rings */
  --bs-primary:         #0f766e;
  --bs-primary-rgb:     15, 118, 110;
  --bs-link-color:      #0f766e;
  --bs-link-hover-color:#115e59;
}

[data-bs-theme="dark"] {
  --scan-accent:        #5eead4;
  --scan-accent-hover:  #99f6e4;
  --scan-accent-soft:   #042f2e;
  --bs-primary:         #5eead4;
  --bs-primary-rgb:     94, 234, 212;
  --bs-link-color:      #5eead4;
}

/* btn-primary mit Gold-Hover, weil unser Logo Emerald+Gold ist */
.btn-primary {
  background-color: var(--bill-primary);
  border-color:     var(--bill-primary);
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--bill-primary-dark);
  border-color:     var(--bill-primary-dark);
}

/* CTA-Style fuer "Hauptaktionen" (Bauvorhaben anlegen, Buchung anlegen) */
.btn-bill-cta {
  background-color: var(--bill-accent);
  color: #fff;
  border: none;
}
.btn-bill-cta:hover, .btn-bill-cta:focus {
  background-color: var(--bill-accent-dark);
  color: #fff;
}

/* Beteiligten-Pille mit farbigem Punkt */
.bb-buyer-pill {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: .82rem;
  background: var(--bs-tertiary-bg);
  border: 1px solid var(--zuko-border);
}
.bb-buyer-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }

/* Sidebar-Foot: kein Akzentstrich, Logo-Karte trägt das Branding selbst */
.app-sidebar-foot.app-sidebar-module-label {
  border-top: 0;
}

/* Bootstrap-Klassen wie .d-flex / .alert haben Specificity 1 und
   überschreiben das UA-default für [hidden]. Wir holen es zurück,
   sonst bleibt jeder hidden-markierte Banner sichtbar. */
[hidden] { display: none !important; }