/* BOSS – eigene Ergänzungen zu Bootstrap */
.bg-boss { background-color: #1f4e79; }
.navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,.9); }
.navbar-dark .navbar-nav .nav-link:hover { color: #fff; text-decoration: underline; }
h1 { font-size: 1.6rem; }
h2 { font-size: 1.25rem; }
.card-kachel { text-decoration: none; color: inherit; }
.card-kachel:hover { border-color: #1f4e79; }
.zahl-gross { font-size: 2rem; font-weight: 600; color: #1f4e79; }
.tabelle-kompakt td, .tabelle-kompakt th { padding: .35rem .5rem; }
.badge-rolle { font-weight: 500; }
.form-hinweis { background: #f4f7fb; border-left: 3px solid #1f4e79; padding: .6rem .8rem; }
form.inline-form { display: inline; }
@media (max-width: 575.98px) {
  .btn-mobil-block { width: 100%; margin-bottom: .3rem; }
}
/* Farbauswahl Urlaubsplan */
.farbchip { border: 1px solid #adb5bd; border-radius: 1rem; padding: .15rem .6rem .15rem .4rem; font-size: .85rem; cursor: pointer; }
.farbchip input { margin-right: .25rem; }
/* Monatsplan-Matrix */
.monatsmatrix td { min-width: 150px; vertical-align: top; }
.monatsmatrix .zelle-feiertag { background: #fdecea; }
.monatsmatrix .zelle-leer { background: #f7f8f9; }
.zellen-select { width: 4.2rem; }
.speicherleiste { position: sticky; bottom: 0; background: #fff; padding: .6rem .4rem; z-index: 20;
  border-top: 1px solid #dee2e6; box-shadow: 0 -2px 6px rgba(0,0,0,.06); }

/* Dunkles Design – Anpassung der eigenen Farbflächen */
[data-bs-theme="dark"] .bg-boss { background-color: #16334d; }
[data-bs-theme="dark"] .zahl-gross { color: #7fb3e0; }
[data-bs-theme="dark"] .card-kachel:hover { border-color: #7fb3e0; }
[data-bs-theme="dark"] .form-hinweis { background: #1c2b38; border-left-color: #7fb3e0; }
[data-bs-theme="dark"] .speicherleiste { background: var(--bs-body-bg); border-top-color: var(--bs-border-color); box-shadow: 0 -2px 6px rgba(0,0,0,.4); }
[data-bs-theme="dark"] .monatsmatrix .zelle-feiertag { background: #4a2b2b; }
[data-bs-theme="dark"] .monatsmatrix .zelle-leer { background: #23272b; }
[data-bs-theme="dark"] .farbchip { color: #212529; }
/* Logo in der Kopfzeile – helles Feld, damit es sich vom Balken abhebt */
.logo-marke { background: #fff; padding: 2px; border-radius: .35rem; box-sizing: content-box; }
/* Hinweiskarten – folgen dem hellen/dunklen Design */
.karte-hinweis { background: var(--bs-tertiary-bg); }
/* Orientierungszeile (Vormonatswerte) – folgt hellem und dunklem Design */
.hinweiszeile { background: var(--bs-tertiary-bg); color: var(--bs-secondary-color); }
/* Ankreuzliste für Leitungszuordnungen – scrollt bei vielen Konten */
.auswahlliste { max-height: 11rem; overflow-y: auto; }

/* Nachrichten: fester Verlauf, damit das Antwortfeld immer sichtbar bleibt */
.chatverlauf { max-height: 55vh; overflow-y: auto; scroll-behavior: smooth; }
@media (max-width: 576px) { .chatverlauf { max-height: 50vh; } }
.nachricht-text { white-space: pre-wrap; overflow-wrap: anywhere; }
/* Ist-Erfassung: schmale Zahlenfelder, damit der Monat auf den Schirm passt */
.zahlenfeld { width: 3.4rem; padding-left: .2rem; padding-right: .2rem; }