/*
 * Brusselslife admin colours, carried over from the former Nova theme
 * (adlux/nova-minimal-theme): navy header, white sidebar with the brand
 * blue for the active item, light grey page. Loaded after Filament's own
 * stylesheet by AdminPanelProvider; Filament's rules sit in CSS layers,
 * so these unlayered rules win without !important.
 */
:root {
    --bxl-navy: #17303f;
    --bxl-blue: #4cc6e0;
    --bxl-page: #f5f5f5;
    --bxl-text: #252d37;
}

.fi-body {
    background-color: var(--bxl-page);
}

/* navy header: the topbar and the sidebar's logo area form one strip */
.fi-topbar,
.fi-sidebar-header {
    background-color: var(--bxl-navy);
    color: #fff;
    border-color: transparent;
    box-shadow: none;
    --tw-ring-color: transparent;
}

.fi-topbar .fi-icon-btn,
.fi-topbar .fi-topbar-item-label,
.fi-topbar .fi-topbar-item-icon,
.fi-topbar .fi-user-menu,
.fi-sidebar-header .fi-icon-btn {
    color: #fff;
}

.fi-topbar .fi-global-search-field .fi-input-wrp {
    background-color: #fff;
    border-radius: 9999px;
    box-shadow: none;
}

/* white sidebar, black uppercase group titles, brand blue for the current page */
.fi-sidebar,
.fi-main-sidebar {
    background-color: #fff;
}

.fi-sidebar-group-label {
    color: #000;
    font-weight: 700;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.fi-sidebar-item-label,
.fi-sidebar-item-icon {
    color: var(--bxl-text);
}

.fi-sidebar-item.fi-active .fi-sidebar-item-btn {
    background-color: transparent;
}

.fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: var(--bxl-blue);
    font-weight: 800;
}

/* login and password reset: the white logo needs the navy behind it */
.fi-simple-layout {
    background-color: var(--bxl-page);
}

.fi-simple-header .fi-logo {
    background-color: var(--bxl-navy);
    border-radius: 0.5rem;
    box-sizing: content-box;
    padding: 0.75rem 1.25rem;
}