/* ==========================================
   1. FUNDO DA SIDEBAR (AZUL ESCURO)
========================================== */
aside.fi-sidebar,
.fi-sidebar-header,
.fi-sidebar nav {
    background-color: #002d5a !important;
}

/* ==========================================
   2. ITENS INATIVOS (TEXTOS E ÍCONES BRANCOS)
========================================== */
/* Usamos :not(.fi-active) para garantir que não afete o selecionado */
.fi-sidebar .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-group-label,
.fi-sidebar .fi-sidebar-header-title {
    color: #ffffff !important;
}

/* Garante a cor dos SVGs inativos */
.fi-sidebar .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-icon svg {
    color: #ffffff !important;
    fill: currentColor !important;
}

/* ==========================================
   3. EFEITO HOVER (Passar o mouse em inativos)
========================================== */
.fi-sidebar .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button:hover {
    background-color: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

.fi-sidebar .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button:hover .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button:hover .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button:hover .fi-sidebar-item-icon svg {
    color: #002d5a !important;
    fill: currentColor !important;
}

/* ==========================================
   4. ITEM ATIVO / SELECIONADO (FUNDO BRANCO)
========================================== */
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-button {
    background-color: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

/* ==========================================
   5. ITEM ATIVO / SELECIONADO (TEXTO AZUL)
========================================== */
/* Como o fundo é branco, forçamos o texto e ícone a ficarem azuis para dar contraste */
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-icon svg {
    color: #002d5a !important;
    fill: currentColor !important;
}

/* ==========================================
   6. AJUSTES GERAIS
========================================== */
/* Arredonda os cantos de todos os botões do menu */
.fi-sidebar-item-button {
    border-radius: 8px !important;
}

/* Protege o painel superior (Topbar) para não puxar o azul */
.fi-topbar {
    background-color: white !important;
    border-bottom: 1px solid #e5e7eb !important;
}