/* =====================================================================
   portal-kommunen.css — helle Kommunen-Optik für Login + Kundenbereich
   (kundenbereich.php). Aktiv NUR mit body.theme-kommunen; die Weiche
   setzt kundenbereich.php beim Einstieg von kommunen.aeriq.de
   (?design=kommunen bzw. kommunen-Referer). Einstieg von der Hauptseite
   bleibt im dunklen Standard — diese Datei wird dann gar nicht geladen.
   Farbwelt = kommunen.aeriq.de (assets/css/style.css): primary #a84d0e,
   ink #1f2937, body #374151, muted #6b7280, line #e5e7eb, bg #f8fafc.
   Stand 27.07.2026 (Livegang-Nacharbeiten, Wunsch Martin).
   ===================================================================== */

body.theme-kommunen {
  background: #f8fafc;
  color: #374151;
}

/* ---------- Haupt-Navigation (inc/header.php) hell ---------- */
body.theme-kommunen .navbar {
  background: rgba(255, 255, 255, .96);
  border-bottom: 1px solid #e5e7eb;
  backdrop-filter: saturate(180%) blur(8px);
  box-shadow: none;
}
body.theme-kommunen .navbar-brand { color: #1f2937; }
body.theme-kommunen .navbar-menu a { color: #374151; }
body.theme-kommunen .navbar-menu a:hover { color: #a84d0e; }
body.theme-kommunen .navbar-menu a.btn-primary,
body.theme-kommunen .navbar-menu a.btn-primary:hover { color: #ffffff; }
body.theme-kommunen .navbar-toggle span { background: #1f2937; }
body.theme-kommunen .breadcrumb,
body.theme-kommunen .breadcrumbs {
  background: #f1f5f9; color: #6b7280; border-bottom: 1px solid #e5e7eb;
}
body.theme-kommunen .breadcrumb a,
body.theme-kommunen .breadcrumbs a { color: #6b7280; }

/* ---------- Flächen, Karten, Typografie ---------- */
body.theme-kommunen .section { background: transparent; }
body.theme-kommunen .card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 8px 24px rgba(16, 24, 40, .06);
  color: #374151;
}
body.theme-kommunen h1, body.theme-kommunen h2, body.theme-kommunen h3,
body.theme-kommunen h4, body.theme-kommunen h5, body.theme-kommunen h6 { color: #1f2937; }
body.theme-kommunen p { color: inherit; }
body.theme-kommunen .text-gray { color: #6b7280; }
body.theme-kommunen .text-primary { color: #a84d0e; }
body.theme-kommunen a { color: #a84d0e; }
body.theme-kommunen a:hover { color: #8f3f0a; }

/* ---------- Buttons ---------- */
body.theme-kommunen .btn-primary { background-color: #a84d0e; color: #ffffff; }
body.theme-kommunen .btn-primary:hover {
  background-color: #8f3f0a; color: #ffffff;
  box-shadow: 0 10px 25px rgba(168, 77, 14, .3);
}
body.theme-kommunen .btn-outline {
  background: #ffffff; color: #a84d0e; border-color: #a84d0e;
}
body.theme-kommunen .btn-outline:hover { background: #fdf3ec; color: #8f3f0a; }

/* ---------- Formulare + Login-Tabs ---------- */
body.theme-kommunen .form-label { color: #374151; }
body.theme-kommunen .form-input,
body.theme-kommunen select.form-input,
body.theme-kommunen textarea.form-input {
  background: #ffffff; border: 1px solid #d1d5db; color: #111827;
}
body.theme-kommunen .form-input:focus { border-color: #a84d0e; box-shadow: 0 0 0 3px rgba(168, 77, 14, .15); }
body.theme-kommunen .form-input::placeholder { color: #9ca3af; }
body.theme-kommunen .tabs { border-bottom-color: #e5e7eb; }
body.theme-kommunen .tab { color: #6b7280; }
body.theme-kommunen .tab.active { color: #a84d0e; border-bottom-color: #a84d0e; }

/* ---------- Footer (inc/footer.php) hell ---------- */
body.theme-kommunen .footer {
  background: #ffffff; color: #374151; border-top: 1px solid #e5e7eb;
}
body.theme-kommunen .footer a { color: #374151; }
body.theme-kommunen .footer a:hover { color: #a84d0e; }
body.theme-kommunen .footer-heading { color: #1f2937; }
body.theme-kommunen .footer-social { color: #6b7280; }
body.theme-kommunen .footer-social:hover,
body.theme-kommunen .footer-social:focus-visible { color: #a84d0e; }
body.theme-kommunen .footer-bottom { color: #6b7280; border-top: 1px solid #e5e7eb; }
body.theme-kommunen .link-button { color: #374151; }
body.theme-kommunen .link-button:hover { color: #a84d0e; }

/* ---------- Cookie-Banner hell ---------- */
body.theme-kommunen .cookie-banner {
  background: #ffffff; color: #374151; border-top: 1px solid #e5e7eb;
}
body.theme-kommunen .cookie-banner-title { color: #1f2937; }

/* =====================================================================
   Inline-Stil-Neutralisierung: kundenbereich.php trägt viele
   style=""-Farben aus der dunklen Welt. Attribute-Selektoren + !important
   sind hier der einzige Hebel (Inline schlägt sonst jedes Stylesheet).
   Beide Schreibweisen abdecken ("color: #x" und "color:#x").
   #000-Hintergründe (Video-Player) bleiben bewusst unangetastet.
   ===================================================================== */

/* helle Grau-Texte der Dunkel-Optik → dunkle Pendants */
body.theme-kommunen [style*="color: #f1f5f9"], body.theme-kommunen [style*="color:#f1f5f9"],
body.theme-kommunen [style*="color: #e2e8f0"], body.theme-kommunen [style*="color:#e2e8f0"] { color: #1f2937 !important; }
body.theme-kommunen [style*="color: #cbd5e1"], body.theme-kommunen [style*="color:#cbd5e1"] { color: #374151 !important; }
body.theme-kommunen [style*="color: #94a3b8"], body.theme-kommunen [style*="color:#94a3b8"],
body.theme-kommunen [style*="color: #aaa"],    body.theme-kommunen [style*="color:#aaa"],
body.theme-kommunen [style*="color: #888"],    body.theme-kommunen [style*="color:#888"] { color: #6b7280 !important; }

/* weiße Inline-Überschriften/-Texte → ink (Buttons/Badges ausgenommen) */
body.theme-kommunen h1[style*="color: #fff"], body.theme-kommunen h1[style*="color:#fff"],
body.theme-kommunen h2[style*="color: #fff"], body.theme-kommunen h2[style*="color:#fff"],
body.theme-kommunen h3[style*="color: #fff"], body.theme-kommunen h3[style*="color:#fff"],
body.theme-kommunen h4[style*="color: #fff"], body.theme-kommunen h4[style*="color:#fff"],
body.theme-kommunen h5[style*="color: #fff"], body.theme-kommunen h5[style*="color:#fff"],
body.theme-kommunen h6[style*="color: #fff"], body.theme-kommunen h6[style*="color:#fff"],
body.theme-kommunen p[style*="color: #fff"],  body.theme-kommunen p[style*="color:#fff"],
body.theme-kommunen span[style*="color: #fff"]:not(.btn):not([class*="badge"]),
body.theme-kommunen span[style*="color:#fff"]:not(.btn):not([class*="badge"]) { color: #1f2937 !important; }

/* Alt-Orange (#ff8800/#ffae5c, auf Weiß zu grell/AA-schwach) → Kommunen-Orange */
body.theme-kommunen [style*="color: #ff8800"], body.theme-kommunen [style*="color:#ff8800"] { color: #a84d0e !important; }
body.theme-kommunen [style*="color: #ffae5c"], body.theme-kommunen [style*="color:#ffae5c"] { color: #c2410c !important; }

/* =====================================================================
   v2 (27.07. nachm.): Kommunen-Kopf-/Fußleiste (kp-*, Markup in
   inc/kommunen-portal-ui.php), helle Portal-Navigation (cbnav) und
   Feinschliff für Portal/Passwort-Reset im Kommunen-Modus.
   ===================================================================== */

/* ---------- Kommunen-Kopfleiste (Login + password-reset) ---------- */
body.theme-kommunen .kp-header {
  position: sticky; top: 0; z-index: 1000;
  background: rgba(255, 255, 255, .96);
  backdrop-filter: saturate(180%) blur(8px);
  border-bottom: 1px solid #e5e7eb;
}
body.theme-kommunen .kp-nav {
  max-width: 1160px; margin: 0 auto; padding: .5rem 1.25rem;
  display: flex; align-items: center; justify-content: space-between;
  gap: 1rem; min-height: 72px; flex-wrap: wrap;
}
body.theme-kommunen .kp-brand { display: flex; align-items: center; gap: .6rem; flex-shrink: 0; }
/* Logo-Standard = Subdomain-Seiten: 80px Desktop, 64px ≤1080 (27.07., Wunsch Martin) */
body.theme-kommunen .kp-brand img { height: 80px; width: 80px; display: block; }
@media (max-width: 1080px) {
  body.theme-kommunen .kp-brand img { height: 64px; width: 64px; }
}
body.theme-kommunen .kp-badge {
  font-size: .85rem; font-weight: 700; color: #a84d0e;
  border: 1px solid #f0d8c6; background: #fdf3ec;
  padding: .18rem .65rem; border-radius: 999px; letter-spacing: .06em;
  white-space: nowrap; text-transform: uppercase;
}
body.theme-kommunen .kp-links { display: flex; align-items: center; gap: 1.4rem; flex-wrap: wrap; }
body.theme-kommunen .kp-links a { color: #374151; font-weight: 500; font-size: .97rem; }
body.theme-kommunen .kp-links a:hover { color: #a84d0e; }
body.theme-kommunen .kp-cta {
  display: inline-flex; align-items: center; justify-content: center;
  background: #a84d0e; color: #fff; font-weight: 600; font-size: 1rem;
  padding: .75rem 1.5rem; border-radius: 8px; white-space: nowrap;
}
body.theme-kommunen .kp-crumbs {
  background: #f1f5f9; border-bottom: 1px solid #e5e7eb;
  font-size: .9rem; color: #6b7280;
}
body.theme-kommunen .kp-crumbs-inner { max-width: 1160px; margin: 0 auto; padding: .55rem 1.25rem; }
body.theme-kommunen .kp-crumbs a { color: #6b7280; }
body.theme-kommunen .kp-crumbs a:hover { color: #a84d0e; }
body.theme-kommunen .kp-crumbs span[aria-current] { color: #a84d0e; font-weight: 600; }

/* Mobil (≤760px): kompakte Kopfleiste — vorher stapelten sich Logo, Badge und
   fünf Links auf 194px Höhe, plus 120px Inline-Puffer der Login-Sektion =
   halber Bildschirm leer (Feedback Martin 27.07., „passt nicht aufs Display") */
@media (max-width: 760px) {
  body.theme-kommunen .kp-nav { min-height: 0; padding: .45rem 1rem; gap: .3rem .8rem; justify-content: center; }
  body.theme-kommunen .kp-brand img { height: 56px; width: 56px; }
  body.theme-kommunen .kp-badge { font-size: .72rem; padding: .14rem .5rem; }
  body.theme-kommunen .kp-links { width: 100%; justify-content: center; gap: .4rem .9rem; }
  body.theme-kommunen .kp-links a { font-size: .88rem; }
  body.theme-kommunen .kp-cta { padding: .45rem .9rem; font-size: .88rem; }
  body.theme-kommunen .kp-crumbs-inner { padding: .45rem 1rem; }
  /* Login-/Reset-Sektion: 120px-Puffer + 100vh-Zentrierung mobil aufheben */
  body.theme-kommunen section[style*="padding-top: 120px"] {
    padding-top: 1.5rem !important; min-height: 0 !important;
  }
}

/* ---------- Kommunen-Fußleiste ---------- */
body.theme-kommunen .kp-footer {
  background: #ffffff; border-top: 1px solid #e5e7eb; margin-top: 3rem;
  color: #374151; font-size: .95rem;
}
body.theme-kommunen .kp-footer-inner {
  max-width: 1160px; margin: 0 auto; padding: 2rem 1.25rem 1rem;
  display: flex; justify-content: space-between; gap: 2rem; flex-wrap: wrap;
}
body.theme-kommunen .kp-footer-name { color: #1f2937; font-size: 1.05rem; margin: 0 0 .5rem; }
body.theme-kommunen .kp-footer p { color: #6b7280; margin: 0; }
body.theme-kommunen .kp-reg { font-size: .6em; vertical-align: super; }
body.theme-kommunen .kp-footer-links { list-style: none; margin: 0; padding: 0; display: flex; gap: 1.4rem; flex-wrap: wrap; align-items: center; }
body.theme-kommunen .kp-footer-links a { color: #374151; }
body.theme-kommunen .kp-footer-links a:hover { color: #a84d0e; }
body.theme-kommunen .kp-footer-bottom {
  max-width: 1160px; margin: 0 auto; padding: .9rem 1.25rem 1.6rem;
  border-top: 1px solid #e5e7eb; color: #6b7280; font-size: .85rem;
}

/* ---------- Portal-Navigation (cbnav) hell ---------- */
body.theme-kommunen .cbnav {
  background: rgba(255, 255, 255, .96) !important;
  border-bottom: 1px solid #e5e7eb !important;
  box-shadow: none !important;
  backdrop-filter: saturate(180%) blur(8px);
}
body.theme-kommunen .cbnav-brand { color: #1f2937 !important; }
body.theme-kommunen .cbnav-tag {
  background: #fdf3ec !important; border: 1px solid #f0d8c6 !important;
  color: #a84d0e !important;
}
body.theme-kommunen .cbnav-links a { color: #374151 !important; }
body.theme-kommunen .cbnav-links a:hover { color: #a84d0e !important; }
body.theme-kommunen .cbnav-help { color: #374151 !important; border-color: #d1d5db !important; background: transparent !important; }
body.theme-kommunen .cbnav-help:hover { color: #a84d0e !important; border-color: #a84d0e !important; }
body.theme-kommunen .cbnav-logout { color: #6b7280 !important; border-color: #d1d5db !important; }
body.theme-kommunen .cbnav-logout:hover { color: #a84d0e !important; border-color: #a84d0e !important; }

/* ---------- Portal-Inhalte ---------- */
/* Begrüßungs-H1 (Gradient-Text creme→orange wäre auf hell unlesbar) */
body.theme-kommunen h1[style*="background-clip"] {
  background: linear-gradient(135deg, #7c2d12 0%, #a84d0e 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
}
body.theme-kommunen .btn-secondary { background: #ffffff; color: #374151; border: 1px solid #d1d5db; }
body.theme-kommunen .btn-secondary:hover { color: #a84d0e; border-color: #a84d0e; }

/* ---------- password-reset.php (<style>-Klassen der Seite) ---------- */
body.theme-kommunen .reset-header h1 { color: #1f2937; }
body.theme-kommunen .reset-header p { color: #6b7280; }
body.theme-kommunen .reset-header i { color: #a84d0e; }
body.theme-kommunen .info-box { background: #f1f5f9; border-left-color: #a84d0e; }
body.theme-kommunen .info-box p { color: #4b5563; }
body.theme-kommunen .info-box strong { color: #1f2937; }
body.theme-kommunen .back-link a { color: #a84d0e; }

/* =====================================================================
   v3 (27.07. abends, Feedback Martin): komplette cb-*-Portal-Welt hell,
   Hilfe-Modal, 2FA-Seite (tfa-*), Alt-Orange-Akzente → Kommunen-Orange.
   ===================================================================== */

/* Portal-Hauptsektion (inline #0f172a) großflächig ohne Kartenrand */
body.theme-kommunen #cb-top,
body.theme-kommunen section[style*="background: #0f172a"] {
  background: #f8fafc !important; border: 0 !important; color: #374151 !important;
}

/* Karten, Toolbar, Gruppen, Chips */
body.theme-kommunen .cb-empty-card,
body.theme-kommunen .cb-proj-card,
body.theme-kommunen .cb-toolbar,
body.theme-kommunen .cb-project-group,
body.theme-kommunen .cb-hello-chip,
body.theme-kommunen .cb-onb {
  background: #ffffff !important; border-color: #e5e7eb !important; color: #374151 !important;
}
body.theme-kommunen .cb-onb { border-style: dashed !important; border-color: #d1d5db !important; }
body.theme-kommunen .cb-onb h3 { color: #1f2937 !important; }
body.theme-kommunen .cb-onb-bar { background: #e5e7eb !important; }
body.theme-kommunen .cb-onb-link { color: #a84d0e !important; }
body.theme-kommunen .cb-onb-link:hover { color: #8f3f0a !important; }
body.theme-kommunen .cb-project-group.is-no-project { background: #f8fafc !important; }
body.theme-kommunen .cb-project-group[open] { border-color: #a84d0e !important; }
body.theme-kommunen .is-no-project .cb-project-icon { background: #f1f5f9 !important; color: #6b7280 !important; }
body.theme-kommunen .cb-project-name { color: #1f2937 !important; }
body.theme-kommunen .cb-doc-card { background: #f8fafc !important; border-color: #e5e7eb !important; }
body.theme-kommunen .cb-doc-thumb { background: #f1f5f9 !important; }
body.theme-kommunen .cb-profile-card,
body.theme-kommunen .cb-contact-card {
  background: #ffffff !important; border: 1px solid #e5e7eb !important; color: #374151 !important;
}
body.theme-kommunen .cb-mydata,
body.theme-kommunen .cb-news-item {
  background: #f8fafc !important; border-color: #e5e7eb !important; color: #374151 !important;
}

/* Suche + Umschalter */
body.theme-kommunen .cb-search input {
  background: #ffffff !important; border-color: #d1d5db !important; color: #111827 !important;
}
body.theme-kommunen .cb-search input::placeholder { color: #9ca3af !important; }
body.theme-kommunen .cb-search input:focus { border-color: #a84d0e !important; background: #ffffff !important; }
body.theme-kommunen .cb-toggle-all { background: #ffffff !important; border-color: #d1d5db !important; color: #374151 !important; }

/* Stepper */
body.theme-kommunen .cb-step::before { background: #e5e7eb !important; }
body.theme-kommunen .cb-step.past::before, body.theme-kommunen .cb-step.now::before { background: #a84d0e !important; }
body.theme-kommunen .cb-step-dot { background: #e5e7eb !important; }

/* Status-Chips: rgba-Flächen bleiben, Textfarben dunkler (AA auf hell) */
body.theme-kommunen .cb-status-gray   { color: #4b5563 !important; }
body.theme-kommunen .cb-status-blue   { color: #1d4ed8 !important; }
body.theme-kommunen .cb-status-orange { color: #b45309 !important; }
body.theme-kommunen .cb-status-green  { color: #15803d !important; }
body.theme-kommunen .cb-status-red    { color: #b91c1c !important; }

/* Hilfe-Modal */
body.theme-kommunen .cb-help-overlay { background: rgba(15, 23, 42, .45) !important; }
body.theme-kommunen .cb-help-card {
  background: #ffffff !important; border-color: #e5e7eb !important;
  box-shadow: 0 24px 70px rgba(16, 24, 40, .25) !important;
}
body.theme-kommunen .cb-help-head h3 { color: #1f2937 !important; }
body.theme-kommunen .cb-help-head h3 i { color: #a84d0e !important; }
body.theme-kommunen .cb-help-close { border-color: #d1d5db !important; color: #6b7280 !important; }
body.theme-kommunen .cb-help-close:hover { color: #a84d0e !important; border-color: #a84d0e !important; }
body.theme-kommunen .cb-help-item i { background: #fdf3ec !important; color: #a84d0e !important; }
body.theme-kommunen .cb-help-item b { color: #1f2937 !important; }
body.theme-kommunen .cb-help-item p { color: #4b5563 !important; }

/* cbnav: Kommunen-Logo (mit dunklem Schriftzug) etwas größer */
body.theme-kommunen .cbnav-brand img { height: 48px !important; width: auto !important; }

/* ---------- 2FA-Seite (kundenbereich-2fa.php, eigene tfa-/k2-Welt) ---------- */
body.theme-kommunen .k2-top {
  background: rgba(255, 255, 255, .96) !important; border-bottom: 1px solid #e5e7eb !important;
}
body.theme-kommunen .k2-top .brand,
body.theme-kommunen .k2-top .brand span { color: #1f2937 !important; }
body.theme-kommunen .k2-back { color: #6b7280 !important; border-color: #d1d5db !important; }
body.theme-kommunen .k2-back:hover { color: #a84d0e !important; border-color: #a84d0e !important; }
body.theme-kommunen .k2-head h1 { color: #1f2937 !important; }
body.theme-kommunen .k2-head h1 i { color: #a84d0e !important; }
body.theme-kommunen .k2-head p { color: #4b5563 !important; }
body.theme-kommunen.tfa-page { background: #f8fafc !important; color: #374151 !important; }
body.theme-kommunen .tfa-card { background: #ffffff !important; border-color: #e5e7eb !important; }
body.theme-kommunen .tfa-off { color: #4b5563 !important; }
body.theme-kommunen .tfa-key {
  color: #a84d0e !important; background: #fdf3ec !important; border-color: #f0d8c6 !important;
}
body.theme-kommunen .tfa-steps { color: #4b5563 !important; }
body.theme-kommunen .tfa-code-input {
  background: #ffffff !important; border-color: #d1d5db !important; color: #111827 !important;
}
body.theme-kommunen .tfa-backup code {
  background: #f8fafc !important; border-color: #e5e7eb !important; color: #1f2937 !important;
}
body.theme-kommunen .tfa-muted { color: #6b7280 !important; }
body.theme-kommunen .btn-secondary { background: #ffffff !important; color: #374151 !important; border: 1px solid #d1d5db !important; }
body.theme-kommunen .btn-secondary:hover { color: #a84d0e !important; border-color: #a84d0e !important; }

/* Alt-Orange (#ff8800) aus Seiten-<style>-Blöcken → Kommunen-Orange */
body.theme-kommunen .btn-primary { background-color: #a84d0e !important; }
body.theme-kommunen .btn-primary:hover { background-color: #8f3f0a !important; }

/* =====================================================================
   v4 (27.07. abends, Feedback Martin #2): Ordner-Ebene hell + Kontrast-
   Nachschärfung — Klassen-Textfarben der Dunkel-Welt waren auf Weiß fast
   unsichtbar (Stat-Zahlen, Namen, Profil-Werte, Tags, Hinweis-Kasten).
   ===================================================================== */

/* Ordner in Projekt-Gruppen (z. B. „Test") */
body.theme-kommunen .cb-folder-group {
  background: #f8fafc !important; border-color: #e5e7eb !important;
}
body.theme-kommunen .cb-folder-group[open] { border-color: #f0d8c6 !important; }
body.theme-kommunen .cb-folder-summary:hover { background: #f1f5f9 !important; }
body.theme-kommunen .cb-folder-name { color: #1f2937 !important; }
body.theme-kommunen .cb-folder-icon,
body.theme-kommunen .cb-folder-group[open] .cb-chevron { color: #a84d0e !important; }

/* Statistik-Leiste („13 Dokumente · 327 MB gesamt") */
body.theme-kommunen .cb-stat { color: #4b5563 !important; }
body.theme-kommunen .cb-stat strong { color: #1f2937 !important; }
body.theme-kommunen .cb-stat i { color: #a84d0e !important; }
body.theme-kommunen .cb-section-count { background: #a84d0e !important; }

/* Ansprechpartner- und Profil-/Meine-Daten-Karten */
body.theme-kommunen .cb-contact-name { color: #1f2937 !important; }
body.theme-kommunen .cb-contact-card small,
body.theme-kommunen .cb-contact-card [class*="label"],
body.theme-kommunen .cb-contact-card [class*="role"] { color: #6b7280 !important; }
body.theme-kommunen .cb-profile-name { color: #1f2937 !important; }
body.theme-kommunen .cb-profile-label { color: #6b7280 !important; }
body.theme-kommunen .cb-profile-value { color: #374151 !important; }
body.theme-kommunen .cb-mydata-titles b { color: #1f2937 !important; }
body.theme-kommunen .cb-mydata-titles small { color: #6b7280 !important; }
body.theme-kommunen .cb-profile-hint {
  background: #fdf3ec !important; border-left-color: #a84d0e !important; color: #7c2d12 !important;
}
body.theme-kommunen .cb-link { color: #a84d0e !important; }
body.theme-kommunen .cb-link:hover { color: #8f3f0a !important; }

/* Tags/Chips (Kundennummer, Privatkunde, „Kunde seit …") — AA auf hell */
body.theme-kommunen .cb-tag-orange { color: #b45309 !important; }
body.theme-kommunen .cb-tag-blue   { color: #1d4ed8 !important; }
body.theme-kommunen .cb-tag-green  { color: #15803d !important; }
body.theme-kommunen .cb-tag-gray   { color: #4b5563 !important; }

/* „Nur Vorschau"-Chip */
body.theme-kommunen .cb-doc-readonly {
  color: #b45309 !important; background: #fdf3ec !important; border-color: #f0d8c6 !important;
}

/* dunkle Inline-Flächen → weiße Karten */
body.theme-kommunen [style*="background: #0f172a"], body.theme-kommunen [style*="background:#0f172a"],
body.theme-kommunen [style*="background: #15151f"], body.theme-kommunen [style*="background:#15151f"],
body.theme-kommunen [style*="background: #1a1a1a"], body.theme-kommunen [style*="background:#1a1a1a"],
body.theme-kommunen [style*="background: #2a2a2a"], body.theme-kommunen [style*="background:#2a2a2a"],
body.theme-kommunen [style*="background-color: #0f172a"], body.theme-kommunen [style*="background-color:#0f172a"],
body.theme-kommunen [style*="background-color: #15151f"], body.theme-kommunen [style*="background-color:#15151f"],
body.theme-kommunen [style*="background-color: #1a1a1a"], body.theme-kommunen [style*="background-color:#1a1a1a"],
body.theme-kommunen [style*="background-color: #2a2a2a"], body.theme-kommunen [style*="background-color:#2a2a2a"] {
  background: #ffffff !important; color: #374151 !important; border: 1px solid #e5e7eb;
}