/*
 * Custom "warm & branche-eigen" theme voor het Afspraakvanger-paneel -- alleen wat de
 * ->colors()-config in de PanelProviders niet kan (kleuren staan daar, native Filament-API):
 * eigen font + gestructureerde sidebar-/kaartaccenten. Geen build-stap nodig, statisch bestand.
 */

@import url('https://fonts.bunny.net/css?family=manrope:400,500,600,700,800');

body,
.fi-body {
    font-family: 'Manrope', ui-sans-serif, system-ui, sans-serif !important;
}

/* Iets steviger kopteksten -- minder "generiek SaaS-dashboard", meer merk-karakter. */
.fi-header-heading,
.fi-section-header-heading,
.fi-modal-heading {
    font-weight: 800 !important;
    letter-spacing: -0.01em;
}

/* Sidebar donkerder dan de standaard paneelachtergrond, voor visuele gelaagdheid i.p.v. alles
   in dezelfde platte grijstint. */
.fi-sidebar {
    background-color: rgb(24, 18, 14) !important;
    border-inline-end-color: rgb(61, 46, 38) !important;
}

.fi-sidebar .fi-sidebar-nav-groups,
.fi-sidebar-group-label,
.fi-sidebar-item-label {
    color: rgb(227, 213, 203) !important;
}

/* De sidebar-header (bovenste witte balk met het paneel-logo, apart element) viel buiten
   bovenstaande selectors. */
.fi-sidebar-header,
.fi-sidebar-header * {
    color: rgb(227, 213, 203) !important;
}

/* De tenant-switcher (bedrijfsnaam-dropdown bovenaan IN de sidebar zelf, .fi-sidebar-nav-
   tenant-menu-ctn) is een apart element van .fi-sidebar-header hierboven -- eerdere fix
   targette per ongeluk de verkeerde wrapper, dus deze tekst bleef Filament's standaard
   text-gray-950 houden: onleesbaar zwart-op-zwart tegen de donkere sidebar-achtergrond. */
.fi-tenant-menu,
.fi-tenant-menu * {
    color: rgb(227, 213, 203) !important;
}

.fi-sidebar-item-button {
    border-radius: 0.625rem;
}

.fi-sidebar-item-active .fi-sidebar-item-button {
    background-color: rgba(249, 115, 22, 0.14) !important;
}

.fi-sidebar-item-active .fi-sidebar-item-label {
    color: rgb(253, 186, 116) !important;
    font-weight: 700;
}

/* Kaarten/secties: iets rustiger schaduw, iets ronder -- gevoel van "vakmanschap" i.p.v. kale
   standaard-boxen. */
.fi-section,
.fi-in-card {
    border-radius: 0.875rem !important;
    box-shadow: 0 1px 2px rgba(24, 18, 14, 0.06), 0 1px 3px rgba(24, 18, 14, 0.08) !important;
}