/* CakeFlow – solo estilos de navegación */

/* === SIDEBAR HEADER (marca "CakeFlow") === */
.fi-sidebar-header {
    background-color: #ab2c5d !important;
    ring-color: transparent !important;
    box-shadow: none !important;
}

.fi-sidebar-header * {
    color: #ffffff !important;
}

/* === ICONOS INACTIVOS (gris oscuro) === */
.fi-sidebar-item-button:not(.fi-active) .fi-sidebar-item-icon,
.fi-sidebar-item-button:not(.fi-active) svg {
    color: #4b5563 !important;
}

/* Item activo */
.fi-sidebar-item-button.fi-active,
.fi-sidebar-item-button[aria-current="page"] {
    background-color: #ab2c5d !important;
    color: #ffffff !important;
}

.fi-sidebar-item-button.fi-active .fi-sidebar-item-label,
.fi-sidebar-item-button[aria-current="page"] .fi-sidebar-item-label {
    color: #ffffff !important;
}

.fi-sidebar-item-button.fi-active svg,
.fi-sidebar-item-button[aria-current="page"] svg {
    color: #ffffff !important;
}

/* Hover */
.fi-sidebar-item-button:not(.fi-active):hover {
    background-color: rgba(171, 44, 93, 0.1) !important;
    color: #ab2c5d !important;
}

.fi-sidebar-item-button:not(.fi-active):hover .fi-sidebar-item-label {
    color: #ab2c5d !important;
}

.fi-sidebar-item-button:not(.fi-active):hover svg {
    color: #ab2c5d !important;
}