/* =========================
   Crownfall Panel – minimale Ergänzungen zu Tabler
========================= */

/*
 * Grid-Layout für Sticky Footer.
 * Body = 4-Zeilen-Grid: header | nav-row | content(1fr) | footer
 * 1fr auf page-wrapper garantiert, dass der Footer immer unten bleibt.
 */
body.cf-layout {
    display: grid !important;
    grid-template-rows: auto auto 1fr auto;
    min-height: 100vh;
}

.page-wrapper {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}

/* Crownfall Grün im User-Dropdown */
.bg-crownfall {
    background: linear-gradient(135deg, #2e7d32, #1b5e20);
}

/* Darkmode: Tabler v1.4.0 überschreibt --tblr-bg-surface nicht → würde auf #fff fallen.
   Direktwerte damit keine Variable-Chain-Probleme auftreten können. */
[data-bs-theme=dark] {
    --tblr-bg-surface: #1f2937;
    --tblr-bg-surface-primary: #1f2937;
}

/* Sekundärtext / text-muted: direkt überschreiben da Tabler !important setzt */
.text-muted {
    color: #64748b !important;
}

[data-bs-theme=dark] .text-muted {
    color: #94a3b8 !important;
}

.footer {
    color: #64748b;
}

[data-bs-theme=dark] .footer {
    background-color: #1f2937;
    color: #94a3b8;
    border-top-color: rgba(72, 110, 149, 0.14);
}

/* Badge-Textfarbe: Tabler setzt auf farbigen Badges keine automatische weiße Schrift */
.badge.bg-primary,
.badge.bg-success,
.badge.bg-danger,
.badge.bg-dark,
.badge.bg-secondary,
.badge.bg-info {
    color: #fff;
}

/* Nav-Tabs: inaktive Links wie text-muted (passt zu Dark/Light Mode) */
.nav-tabs .nav-link:not(.active) {
    color: #64748b;
}
[data-bs-theme=dark] .nav-tabs .nav-link:not(.active) {
    color: #94a3b8;
}

/* Aktuelle Session in Tabellen hervorheben */
tr.tr-current-session > td {
    background-color: rgba(32, 107, 196, 0.08) !important;
}
[data-bs-theme=dark] tr.tr-current-session > td {
    background-color: rgba(32, 107, 196, 0.15) !important;
}

/* Sonstiges */
.project-filter-select { min-width: 180px; }

/* Nav-Items dürfen umbrechen, aber erst wenn wirklich nötig.
   Padding etwas enger damit 13 Items + Icons in container-xl (1320px) passen. */
.navbar-expand-xl .navbar-nav {
    flex-wrap: wrap;
}
.navbar-expand-xl .navbar-light .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}