/* Contenedor de submenú: Le damos un fondo oscuro tipo "tarjeta" o "caja" */
.nav-sidebar .nav-treeview {
    background-color: rgba(0, 0, 0, 0.2) !important;
    margin-top: 4px;
    margin-bottom: 4px;
    border-radius: 4px;
    border-left: 3px solid #007bff;
    /* Línea guía azul a la izquierda que amarra todo el bloque */
}

/* Estilo para cada opción individual dentro del submenú */
.nav-sidebar .nav-treeview .nav-item .nav-link {
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    color: #c2c7d0;
}

.nav-sidebar .nav-treeview .nav-item .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff;
}

.nav-sidebar .nav-treeview .nav-item .nav-link.active {
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #1f2d3d !important;
    font-weight: bold;
    border-radius: 0 4px 4px 0;
}

.nav-sidebar .nav-treeview .nav-treeview {
    background-color: rgba(0, 0, 0, 0.15) !important;
    border-left: 2px dashed rgba(255, 255, 255, 0.3);
    /* Línea discontinua para el nivel más profundo */
    margin-left: 5px;
    margin-right: 5px;
}