/* ===========================
   SIDEBAR BASE
=========================== */

.fi-sidebar {
    background-color: #7e3236;
    border-right: 1px solid rgba(246, 192, 5, 0.15);
}

/* NORMAL */

.fi-sidebar-item-label,
.fi-sidebar-item-icon,
.fi-sidebar-item-icon svg {
    color: #f6c005;
}

/* HOVER (no activo) */

.fi-sidebar-item a:not([aria-current="page"]):hover .fi-sidebar-item-label,
.fi-sidebar-item a:not([aria-current="page"]):hover .fi-sidebar-item-icon,
.fi-sidebar-item a:not([aria-current="page"]):hover svg {
    color: #7e3236;
}

/* ACTIVO (siempre ocre) */

.fi-sidebar-item a[aria-current="page"] .fi-sidebar-item-label,
.fi-sidebar-item a[aria-current="page"] .fi-sidebar-item-icon,
.fi-sidebar-item a[aria-current="page"] svg {
    color: #7e3236;
    font-weight: 600;
}

/* ===========================
   GRUPOS / SEPARADORES DEL SIDEBAR
=========================== */

.fi-sidebar-group-label {
    color: rgba(246, 192, 5, 0.65);
    font-size: 0.75rem;
    letter-spacing: 0.05em;
}

/* ===========================
   SCROLLBAR SIDEBAR
=========================== */

/* FIREFOX */
.fi-sidebar {
    scrollbar-width: thin;
    scrollbar-color: #5f2428 #7e3236; 
    /* thumb | track */
}

/* CHROME / EDGE */
.fi-sidebar::-webkit-scrollbar {
    width: 8px;
}

.fi-sidebar::-webkit-scrollbar-track {
    background: #7e3236; /* mismo fondo */
}

.fi-sidebar::-webkit-scrollbar-thumb {
    background-color: #5f2428; 
    border-radius: 6px;
    border: 2px solid #7e3236; /* efecto integrado */
}

.fi-sidebar::-webkit-scrollbar-thumb:hover {
    background-color: #4a1b1e;
}