/* ═══ EnergieKompass Design Theme ═══ */
:root {
  --clr-primary:    #1C3A5E;
  --clr-accent:     #1D9E75;
  --clr-bg:         #F5F4ED;
  --clr-surface:    #ffffff;
  --clr-border:     #E0E8F0;
  --clr-text:       #1C2E4A;
  --clr-muted:      #7A90A8;
  --clr-danger:     #E24B4A;
  --clr-warn:       #F59E0B;
  --radius-sm:      7px;
  --radius-md:      10px;
  --radius-lg:      12px;
  --shadow-sm:      0 1px 3px rgba(28,46,74,.07);
  --shadow-md:      0 2px 8px rgba(28,46,74,.10);
}

/* Body */
body { background: var(--clr-bg) !important; color: var(--clr-text) !important; }

/* Topbar */
#bes-topbar {
  background: var(--clr-primary) !important;
  box-shadow: var(--shadow-md) !important;
}

/* Hero-Banner */
.top-header {
  background: linear-gradient(135deg, var(--clr-primary) 0%, var(--clr-accent) 100%) !important;
}

/* KPI-Kacheln */
.kpi {
  border-radius: var(--radius-md) !important;
  border: 1px solid var(--clr-border) !important;
  box-shadow: var(--shadow-sm) !important;
}

/* Toolbar & Suche */
.toolbar {
  background: var(--clr-surface) !important;
  border-bottom: 1px solid var(--clr-border) !important;
}
.srch input {
  background: #F5F8FC !important;
  border: 1px solid var(--clr-border) !important;
  border-radius: var(--radius-sm) !important;
  color: var(--clr-text) !important;
}
.srch input:focus { border-color: var(--clr-accent) !important; }

/* Filter-Select */
.fsel {
  background: #F5F8FC !important;
  border: 1px solid var(--clr-border) !important;
  border-radius: var(--radius-sm) !important;
  color: var(--clr-text) !important;
}

/* Buttons */
.btn-new, .btn-save, .btn-prim,
button[style*="background:#0F4A38"],
button[style*="background:#1C2E4A"],
button[style*="background:#0D3349"] {
  background: var(--clr-primary) !important;
  border-radius: var(--radius-sm) !important;
  font-weight: 600 !important;
}
.btn-new:hover, .btn-save:hover { background: var(--clr-accent) !important; }

/* Kanban-Karten */
.karte, .kanban-card, .k-card {
  background: var(--clr-surface) !important;
  border: 1px solid var(--clr-border) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-sm) !important;
}

/* Formular-Felder */
input[type="text"], input[type="email"], input[type="tel"],
input[type="number"], input[type="date"], textarea, select {
  border: 1px solid var(--clr-border) !important;
  border-radius: var(--radius-sm) !important;
  background: #F5F8FC !important;
  color: var(--clr-text) !important;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--clr-accent) !important;
  outline: none !important;
  background: #fff !important;
}

/* Status-Chips */
.sc { 
  background: #F5F8FC !important; 
  border: 1px solid var(--clr-border) !important;
  border-radius: var(--radius-sm) !important;
}
.sc:hover { border-color: var(--clr-accent) !important; }
.sc.active-filter { 
  border-color: var(--clr-primary) !important; 
  background: rgba(29,158,117,.08) !important; 
}

/* Aktive Navigation */
.ek-item.on { background: rgba(29,158,117,.14) !important; color: #fff !important; }
.ek-item.on::before { background: var(--clr-accent) !important; }

/* Stats-Wrap */
.stats-wrap { 
  background: var(--clr-surface) !important;
  border-bottom: 1px solid var(--clr-border) !important;
  box-shadow: var(--shadow-sm) !important;
}

/* Tabellen */
table th { background: #F5F8FC !important; color: var(--clr-muted) !important; }
table td { border-bottom: 1px solid #F0F4F8 !important; }
table tr:hover td { background: #F8FAFD !important; }

/* Cards allgemein */
.card, [class*="card"]:not(.karte-notiz) {
  border: 1px solid var(--clr-border) !important;
  border-radius: var(--radius-md) !important;
}

/* Modal */
.modal, .mbody, .mbox {
  border-radius: var(--radius-lg) !important;
}
.mhdr {
  background: var(--clr-surface) !important;
  border-bottom: 1px solid var(--clr-border) !important;
}

/* Scrollbar dezent */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #C8D5E0; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #A0B4C8; }