/*
 * MF Technology — barra lateral em Azul Celeste (#0E1E35), segundo o manual de marca.
 * Aplicado aos dois painéis (gestão e portal) por cima dos estilos do Filament.
 */
:root {
    --mf-navy: #0e1e35;
    --mf-ink: #040f1c;
    --mf-blue: #5097ff;
}

.fi-sidebar {
    background: var(--mf-navy) !important;
    color: #e6ecf5;
}

.dark .fi-sidebar {
    background: var(--mf-ink) !important;
}

.fi-sidebar .fi-sidebar-header {
    background: transparent !important;
    border-color: rgba(255, 255, 255, .08) !important;
    box-shadow: none !important;
}

/* Logótipo para fundo escuro dentro da barra lateral, em qualquer tema. */
.fi-sidebar .fi-logo-light { display: none !important; }
.fi-sidebar .fi-logo-dark { display: block !important; }

.fi-sidebar .fi-sidebar-group-label,
.fi-sidebar .fi-sidebar-group-btn {
    color: rgba(230, 236, 245, .55) !important;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: .7rem;
}

.fi-sidebar .fi-sidebar-item-btn {
    border-radius: .5rem;
}

.fi-sidebar .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item-icon {
    color: rgba(230, 236, 245, .82) !important;
}

.fi-sidebar .fi-sidebar-item-btn:hover,
.fi-sidebar .fi-sidebar-item-btn:focus-visible {
    background: rgba(255, 255, 255, .07) !important;
}

.fi-sidebar .fi-sidebar-item-btn:hover .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item-btn:hover .fi-sidebar-item-icon {
    color: #fff !important;
}

.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background: rgba(80, 151, 255, .18) !important;
    box-shadow: inset 3px 0 0 var(--mf-blue);
}

.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: #fff !important;
    font-weight: 600;
}

.fi-sidebar .fi-sidebar-item-grouped-border-part {
    background: rgba(255, 255, 255, .15) !important;
}

.fi-sidebar .fi-sidebar-footer,
.fi-sidebar .fi-sidebar-open-collapse-sidebar-btn,
.fi-sidebar .fi-sidebar-close-collapse-sidebar-btn,
.fi-sidebar .fi-sidebar-header-controls button {
    color: rgba(230, 236, 245, .7) !important;
}

/* Títulos de página em maiúsculas, como no manual de marca. */
.fi-header-heading {
    letter-spacing: .02em;
}