/* ===== Sidebar: fondo blanco, quitar transparencia en desktop ===== */
.fi-sidebar {
    background: #ffffff !important;
}

/* ===== Sidebar nav: degradado verde solo en la navegación ===== */
.fi-sidebar-nav {
    background: linear-gradient(180deg, #92B84F 0%, #BADC7E 100%) !important;
}

/* ===== Sidebar header (logo area): fondo blanco ===== */
.fi-sidebar-header {
    background: #ffffff !important;
    border-bottom: 1px solid #e5e7eb;
}

/* ===== Sidebar footer: fondo verde para continuidad ===== */
.fi-sidebar-footer {
    background: #BADC7E !important;
}

/* ===== Todos los items de navegación: texto e iconos en negro ===== */
.fi-sidebar-nav .fi-sidebar-item a,
.fi-sidebar-nav .fi-sidebar-item button {
    color: #000000 !important;
}

.fi-sidebar-nav .fi-sidebar-item .fi-sidebar-item-icon {
    color: #000000 !important;
}

/* ===== Grupos de navegación: texto en negro ===== */
.fi-sidebar-nav .fi-sidebar-group-label,
.fi-sidebar-nav .fi-sidebar-group button span {
    color: #000000 !important;
    font-weight: 600;
}

.fi-sidebar-nav .fi-sidebar-group-button .fi-sidebar-group-icon {
    color: #000000 !important;
}

/* ===== Item activo: fondo blanco, texto e iconos verdes ===== */
.fi-sidebar-nav .fi-sidebar-item.fi-active a,
.fi-sidebar-nav .fi-sidebar-item.fi-active button {
    background-color: #ffffff !important;
    color: #92B84F !important;
    border-radius: 0.5rem;
}

.fi-sidebar-nav .fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: #92B84F !important;
}

/* ===== Hover: fondo blanco semi-transparente ===== */
.fi-sidebar-nav .fi-sidebar-item:not(.fi-active) a:hover,
.fi-sidebar-nav .fi-sidebar-item:not(.fi-active) button:hover {
    background-color: rgba(255, 255, 255, 0.3) !important;
    border-radius: 0.5rem;
}

/* ===== Sidebar collapse button ===== */
.fi-sidebar-close-btn,
.fi-sidebar-nav-collapse-btn {
    color: #000000 !important;
}