/* ============================================================
   Leonova CMS – Filament-Theme-Overrides
   Wird via renderHook('panels::head.end') in jeden Filament-Request
   geladen. Wirkt nur auf das CMS unter cms.leonova.ch.
   ============================================================ */

:root {
    /* Leonova-Brand-Tokens, parallel zum Frontend */
    --leonova-blau: #586E87;
    --leonova-blau-dark: #3F5266;
    --leonova-gelb: #E5BE05;
    --leonova-gelb-dark: #B89800;
    --leonova-creme: #F3EFE8;
    --leonova-sand: #D6CDBF;
    --leonova-dark: #1B2530;
}

/* Login-Seite: Brand-Logo prominenter, leicht warmer Hintergrund */
.fi-simple-layout {
    background-color: var(--leonova-creme);
}

.fi-simple-main-ctn {
    background-color: #fff;
    border: 1px solid var(--leonova-sand);
    border-radius: 0;
    box-shadow: 0 8px 32px rgba(27, 37, 48, 0.06);
}

/* Sidebar: Hairline-Akzent in Brand-Gelb auf aktiver Navigation */
.fi-sidebar-item-active .fi-sidebar-item-button {
    border-left: 3px solid var(--leonova-gelb) !important;
    background-color: rgba(229, 190, 5, 0.08) !important;
}

/* Sidebar-Group-Labels: dezenter, etwas grosszuegigerer letter-spacing */
.fi-sidebar-group-label {
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 0.7rem !important;
    color: var(--leonova-dark) !important;
    opacity: 0.6;
}

/* Topbar Brand-Bereich */
.fi-topbar {
    border-bottom: 1px solid var(--leonova-sand);
}

/* Sub-Heading-Akzent: gelbe Hairline unter Headlines im Panel */
.fi-header-heading::after {
    content: "";
    display: block;
    width: 32px;
    height: 2px;
    background: var(--leonova-gelb);
    margin-top: 0.5rem;
}

/* Buttons (Primary): unsere Brand-Hover (Blau dunkler) */
.fi-btn-color-primary:hover,
.fi-btn-color-primary:focus-visible {
    background-color: var(--leonova-blau-dark) !important;
}

/* Form-Inputs: subtilere Focus-Farbe */
.fi-input:focus,
.fi-select-input:focus,
.fi-textarea:focus {
    outline-color: var(--leonova-gelb) !important;
}