/* theme-blue.css – lädt zuletzt.
   Ziel: EINHEITLICHES BLAU. Alle farbigen Seitenränder (grün/gelb/orange/rot)
   werden zum dunkelblauen Streifen wie beim Nav-Bogen (#00436a); die bunten
   Status-/Ampel-Kacheln werden blau/neutral. Der rosa/helle Hintergrund bleibt.
   Grau bleibt grau (z. B. gesperrte/erledigte Kalendertermine). */
:root { --stripe: #00436a; }

/* Jede Seite hatte eine eigene Akzentfarbe (gelb/orange/grün/lila/rosa/schwarz).
   Alle Ansichten bekommen denselben dunkelblauen Seitenstreifen + hellblauen Ton. */
.app[data-active-view] {
  --active-color: #00436a !important;
  --active-soft: #eef7fc !important;
}

/* ── Startseite: „Heute zuerst" & Tagesampel-Kacheln ───────────────────────── */
.today-first-card,
.today-first-card.red,
.today-first-card.yellow,
.today-first-card.green,
.daily-light-card,
.daily-light-card.red,
.daily-light-card.yellow,
.daily-light-card.green,
.morning-date-grid section,
.morning-date-grid section:nth-child(2) {
  border-left-color: var(--stripe) !important;
}
.today-first-card.red,
.today-first-card.yellow,
.today-first-card.green,
.daily-light-card.red,
.daily-light-card.yellow,
.daily-light-card.green {
  background: #fff !important;
}
/* Tagesampel-Kopf: Punkt/Färbung neutral-blau statt grün/gelb/rot */
.daily-light-head .daily-light-dot { background: var(--blue) !important; }

/* ── Mitarbeiter- & Cockpit-Kacheln ────────────────────────────────────────── */
.employee-kpi,
.employee-kpi.ready,
.employee-kpi.warn,
.employee-kpi-main,
.employee-card-rich,
.employee-card-rich.ready,
.employee-card-rich.open,
.employee-card-rich.warn,
.employee-record-overview article,
.employee-record-overview article.ready,
.employee-record-overview article.warn {
  border-left-color: var(--stripe) !important;
}
.employee-kpi.ready,
.employee-kpi.warn,
.employee-record-overview article.ready,
.employee-record-overview article.warn {
  background: #fff !important;
}

/* ── Arbeitszeit / mobiler Arbeitstag ──────────────────────────────────────── */
.worktime-summary article,
.worktime-summary article.approved,
.worktime-summary article.needs-datev,
.mobile-work-card {
  border-left-color: var(--stripe) !important;
}
.worktime-summary article,
.worktime-summary article.approved,
.worktime-summary article.needs-datev {
  background: #fbfdff !important;
}

/* ── Dokumente-Ordner (bunte Kategorien) ───────────────────────────────────── */
.document-folder,
.document-folder.document-contracts,
.document-folder.document-assignment,
.document-folder.document-proofs,
.document-folder.document-invoices,
.document-folder.document-prescriptions,
.document-folder.document-insurer,
.document-folder.document-other {
  border-left-color: var(--stripe) !important;
}

/* ── Finanzen: Abrechnungslauf / DAKOTA / Pakete ───────────────────────────── */
.billing-run-group,
.billing-run-group.ready,
.billing-run-group.warn,
.dakota-group,
.dakota-group.ready,
.dakota-group.warn,
.package-detail-group.ready,
.package-detail-group.warn {
  border-left-color: var(--stripe) !important;
}
.billing-run-overview.ready .billing-run-state,
.billing-run-overview.warn .billing-run-state,
.billing-run-kpis article.ok,
.billing-run-kpis article.warn,
.dakota-summary.ready,
.dakota-summary.warn,
.dakota-kpis article.ok,
.dakota-kpis article.warn,
.dakota-invoice.ready,
.dakota-invoice.has-issues,
.package-detail-kpis article.ok,
.package-detail-kpis article.warn {
  background: #fff !important;
}

/* ── Startseite: große Übersichts-Kacheln HEUTE/AUFGABEN/TEAM/ABRECHNUNG ────── */
/* Waren blau/gelb/orange/grün → jetzt alle im selben Blau, weiße Schrift. */
.dashboard-feature.feature-blue,
.dashboard-feature.feature-yellow,
.dashboard-feature.feature-orange,
.dashboard-feature.feature-green {
  background: #0072ad !important;
  color: #fff !important;
}

/* ── Startseite: Teststrecke-Karten 01–07 – farbige Seitenstreifen → dunkelblau ─ */
.guided-test-step[data-step="contract"]:before,
.guided-test-step[data-step="client"]:before,
.guided-test-step[data-step="planning"]:before,
.guided-test-step[data-step="mobile"]:before,
.guided-test-step[data-step="records"]:before,
.guided-test-step[data-step="billing"]:before,
.guided-test-step[data-step="dakota"]:before {
  background: var(--stripe) !important;
}

/* ── Startseite-Cockpit: Bausteine alle blau (Systemstand bleibt schwarz) ───── */
.cockpit-stats,
.cockpit-tasks,
.cockpit-today_route,
.cockpit-traffic,
.cockpit-billing_run,
.cockpit-substitutions,
.cockpit-documents {
  --block-color: #00436a !important;
  background: #eef7fc !important;
}
/* Mini-Statistik-Kacheln (Kunden/Termine/Wiedervorlagen) einheitlich hellblau */
#dashboard-view .cockpit-stats .stat:nth-child(1),
#dashboard-view .cockpit-stats .stat:nth-child(2),
#dashboard-view .cockpit-stats .stat:nth-child(3) { background: #eaf3ff !important; }

/* „Morgenüberblick"-Überschrift war violett → blau */
.morning-title .eyebrow { color: var(--blue) !important; }

/* Geburtstage: gelbe Torten-Kreise → schlichter hellblauer Punkt (ohne Emoji) */
.morning-date-card > strong,
.morning-date-card.today > strong {
  background: #cfe8fb !important;
  box-shadow: none !important;
}
.morning-date-card.today > strong { background: #a9d6f4 !important; }

/* ── Planung / Kalender ────────────────────────────────────────────────────── */
.plan-item.temporary-plan { border-left-color: var(--stripe) !important; }
.calendar-personal-label {
  border-left-color: var(--stripe) !important;
  background: #f4fbff !important;
  border-color: #cfe2ec !important;
}

/* ── Mobil: keine dunkelblauen Akzent-Bögen/-Streifen links ──────────────────
   Auf dem Handy soll links kein Schnickschnack sein und kein Platz verloren
   gehen. Deshalb den dunkelblauen Streifen an den Menü-Kacheln und den linken
   Farbstreifen/-verlauf an der Inhaltsfläche entfernen. Desktop bleibt wie bisher. */
@media (max-width: 800px) {
  /* Menü-Kacheln (Schublade): linker dunkler „Bogen" (inset-Schatten) weg,
     nur dezente Tiefe behalten. */
  nav .nav-tile,
  nav .nav-tile:hover,
  nav .nav-tile.active {
    box-shadow: 0 4px 12px #0a5c8614 !important;
  }

  /* Inhaltsfläche: linker Farbstreifen + linker Farbverlauf weg, flach. */
  .view.active:not(#dashboard-view) {
    background: #fffdfb !important;
    box-shadow: none !important;
  }
}

/* ── Einheitliche Buttongrößen ───────────────────────────────────────────────
   Alle Haupt-Aktionsbuttons (blau = primary, weiß = secondary) sollen gleich
   hoch sein, gleiche Schriftgröße/-stärke haben und NICHT in zwei Zeilen
   umbrechen (das machte z. B. „Kostenträger aktualisieren" doppelt hoch).
   box-sizing sorgt dafür, dass der 1px-Rahmen der weißen Buttons die Höhe nicht
   verändert. Nur explizit als Button gekennzeichnete Elemente – Tabellen-Sortier-
   köpfe, Menü-Textknöpfe usw. bleiben unberührt. */
.primary,
.secondary,
button.primary,
button.secondary,
a.secondary {
  min-height: 42px;
  padding: 9px 18px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
}
/* Button-Reihen: Elemente nicht vertikal dehnen, sonst werden einzelne Buttons
   höher als die anderen (align-items:stretch ist die Flex-Voreinstellung). */
.insurer-onboarding-actions,
.toolbar,
.cockpit-actions,
.actions {
  align-items: center;
}

/* ── Nutzer-Karte unten links: kein Überlaufen nach rechts ───────────────────
   Die drei Knöpfe (Einstellungen · Sicherheit · Abmelden) waren zusammen breiter
   als die schmale Seitenleiste und ragten rechts in den Inhalt. Jetzt dürfen sie
   umbrechen und schrumpfen, sodass alles innerhalb der Karte bleibt. */
.user-card,
.user-card-info,
.user-card-actions {
  min-width: 0;
  max-width: 100%;
}
.user-card-actions {
  flex-wrap: wrap;
}
.user-card-actions button {
  min-width: 0;
  flex: 1 1 auto;
}

/* ── In-App-Navigation: schwebende Live-Leiste ausblenden ────────────────────
   Wenn die Karten-/Routen-Ansicht offen ist (body.map-overlay-open), überdeckte
   die schwebende „Tour/Einsatz/Kacheln"-Leiste oben die Karte. Die Navigation hat
   eine eigene Kopfzeile mit Schließen-Knopf, daher hier die Leiste ausblenden. */
body.map-overlay-open .global-live-status {
  display: none !important;
}

/* v90: iOS Safari zoomt beim Fokus auf Eingabefelder mit unter 16px Schriftgroesse
   hinein und kehrt danach nicht in die normale Groesse zurueck (Bildschirm bleibt
   "zu gross"). Auf mobilen Breiten daher alle Felder auf mind. 16px -> kein
   automatisches Einzoomen mehr, Ansicht bleibt in der richtigen Groesse. */
@media (max-width: 800px) {
  input,
  select,
  textarea {
    font-size: 16px !important;
  }
}