/* =====================================================================
   GLOBALES CI-THEME (app-weit)
   Konservativer Override: Schriften + wenige sichere Flächen/Radien.
   Wird als LETZTES Stylesheet geladen (überschreibt Materio/core).
   Primary-Blau ist bereits global #244c9b – daher hier v. a. Typografie.
   Icons (remixicon/iconify) haben eigene font-family und bleiben unberührt.
   Ein/Aus über config('custom.ciTheme').
   ===================================================================== */

:root{
  --ci-nachtblau:#16305F;
  --ci-basisblau:#244C9B;
  --ci-mittelblau:#4A6DB5;
  --ci-himmelblau:#9FB6E3;
  --ci-eisblau:#E9EEF8;
  --ci-tinte:#1F2733;
}

/* ---- Fließtext: Karla --------------------------------------------- */
body,
.form-control, .form-select, .form-label, .input-group-text,
.btn, .nav, .menu, .menu-link, .dropdown-menu, .card, .card-body,
.table, .badge, .breadcrumb, .pagination, .alert, .modal, .offcanvas,
.list-group, .tab-content, p, span, div, td, th, li, a, label, input, select, textarea{
  font-family:'Karla', 'Segoe UI', Tahoma, Arial, sans-serif;
}

/* ---- Überschriften & Betonungen: Montserrat ----------------------- */
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6,
.card-title,.card-header,.display-1,.display-2,.display-3,.display-4,
.fw-bold,.fw-bolder,.btn,.nav-link,.menu-header-text,.app-brand-text{
  font-family:'Montserrat', 'Segoe UI', Tahoma, Arial, sans-serif;
}
h1,h2,h3,.card-title,.display-1,.display-2,.display-3{letter-spacing:-.2px}

/* ---- Buttons: etwas ruhiger, Styleguide-Radius -------------------- */
.btn{font-weight:700}
.btn, .form-control, .form-select, .input-group-text{border-radius:6px}
.btn-lg{border-radius:8px}

/* ---- Karten: Styleguide-Radius + weicher Schatten ----------------- */
.card{border-radius:10px}

/* ---- Überschriften-Farbe im Hellmodus: Nachtblau ------------------ */
.card-title, h1, h2, h3, h4{color:var(--ci-nachtblau)}

/* Icons NICHT anfassen: remixicon / iconify setzen eigene font-family,
   daher sind .ri-*, .iconify u. Ä. von obigen Regeln nicht betroffen. */


/* =====================================================================
   BACKEND-DETAILS (Materio) – dezente CI-Akzente, konservativ
   ===================================================================== */

/* ---- Marke / Menü-Überschriften ----------------------------------- */
.app-brand-text{font-family:'Montserrat',sans-serif;color:var(--ci-nachtblau);font-weight:800;letter-spacing:-.2px}
.menu-header-text{
  font-family:'Montserrat',sans-serif !important;
  color:var(--ci-nachtblau) !important;
  text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:.72rem;
  opacity:.75;
}

/* ---- Sidebar-Menü: aktiver Eintrag als blaue Pille ---------------- */
.menu-vertical .menu-item .menu-link{border-radius:8px}
.menu-vertical .menu-inner > .menu-item.active > .menu-link{
  background:var(--ci-basisblau) !important;color:#fff !important;
  box-shadow:0 2px 8px rgba(36,76,155,.28);
}
.menu-vertical .menu-item .menu-link:hover{background:var(--ci-eisblau)}
.menu-vertical .menu-item.active .menu-link:hover{background:var(--ci-nachtblau) !important}
/* Untermenü-aktiv dezent */
.menu-sub .menu-item.active > .menu-link{color:var(--ci-basisblau) !important;font-weight:700}

/* ---- Navbar: sauber, weicher Rahmen ------------------------------- */
.layout-navbar .navbar{border-bottom:1px solid var(--ci-eisblau)}
.navbar-brand,.app-brand-link{font-family:'Montserrat',sans-serif}

/* ---- Cards: Styleguide-Radius + weicher Marken-Schatten ----------- */
.card{border-radius:10px;box-shadow:0 2px 14px rgba(22,48,95,.06)}
.card:hover{box-shadow:0 4px 20px rgba(22,48,95,.10)}
.card .card-header{font-family:'Montserrat',sans-serif}
.card .card-title,.card .card-header .card-title{color:var(--ci-nachtblau)}

/* ---- Tabellenköpfe: Montserrat, ruhige Auszeichnung --------------- */
.table thead th,.table > :not(caption) > * > th{
  font-family:'Montserrat',sans-serif;
  text-transform:uppercase;letter-spacing:.04em;font-size:.74rem;
  color:var(--ci-nachtblau);
}

/* ---- Buttons: primär im Basisblau, ruhig ------------------------- */
.btn-primary{background-color:var(--ci-basisblau);border-color:var(--ci-basisblau)}
.btn-primary:hover,.btn-primary:focus{background-color:var(--ci-nachtblau);border-color:var(--ci-nachtblau)}
.btn-outline-primary{color:var(--ci-basisblau);border-color:var(--ci-basisblau)}
.btn-outline-primary:hover{background-color:var(--ci-basisblau);border-color:var(--ci-basisblau)}

/* ---- Badges / Pills: etwas rundere Ecken ------------------------- */
.badge{border-radius:6px;font-family:'Montserrat',sans-serif;font-weight:700;letter-spacing:.02em}

/* ---- Seiten-/Bereichsüberschriften ------------------------------- */
h4.fw-bold,.content-header h4,.page-title{color:var(--ci-nachtblau)}