/* 🔥 Eliminar bordes por defecto de Bootstrap SOLO en el sidebar */
#menu-sidebar .list-group-item {
    border-top: none;
    border-right: none;
    border-bottom: none;
}

/* Sidebar base */
#menu-sidebar .sidebar-item {
    border-left: 3px solid transparent;
    transition: all 0.2s ease-in-out;
}

#menu-sidebar .sidebar-item.active {
    background-color: #ecf4e4;
    border-left: 3px solid #709a48;
    color: black;
    font-weight: bold;
}

#menu-sidebar .sidebar-item:hover {
    background-color: #709a48;
    color: #ecf4e4;
    border-left: 3px solid #709a48;
}

/* Estado normal → icono verde */
#menu-sidebar .sidebar-item i {
    color: #709a48;
    transition: color 0.2s ease-in-out;
    text-shadow: 0 0 1.5px currentColor;
}

/* Active → icono verde */
#menu-sidebar .sidebar-item.active i {
    color: #709a48;
}

/* Hover → icono blanco */
#menu-sidebar .sidebar-item:hover i {
    color: #ecf4e4;
}

/* 🔥 Hover + Active → icono blanco (prioridad máxima) */
#menu-sidebar .sidebar-item.active:hover i {
    color: #ecf4e4;
}