/* ============================================================
 *  DIBAL UIX v1.0 – SIDEBAR
 * ============================================================ */
.dibal-theme .dibal-sidebar {
    background: linear-gradient(180deg, var(--dibal-primary-dark), #071f2f);
    color: #ffffff;
}

/* Links nivel 1 */
.dibal-theme .dibal-sidebar-link {
    color: #e5e7eb !important;
    border-radius: .45rem;
    margin: 0 .35rem;
    padding: .55rem .85rem !important;
    display: flex;
    align-items: center;
    gap: .55rem;
}

.dibal-theme .dibal-sidebar-link i {
    width: 1.25rem;
    text-align: center;
}

/* Hover */
.dibal-theme .dibal-sidebar-link:hover {
    background: rgba(255,255,255,.08);
    color: #ffffff !important;
}

/* Activo / abierto (nivel 1) */
.dibal-theme .nav-sidebar > .nav-item > .dibal-sidebar-link.active,
.dibal-theme .nav-sidebar > .nav-item.menu-open > .dibal-sidebar-link {
    background: linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,.06)) !important;
    color: #ffffff !important;
    box-shadow: inset 3px 0 0 var(--dibal-primary);
}

/* SUBMENÚS (nivel 2+) sobre fondo blanco del panel */
.dibal-theme .nav-sidebar .nav-treeview .dibal-sidebar-link {
    margin-left: 1.6rem;
    background: transparent;
    color: var(--dibal-gray-700);
    border-radius: .35rem;
    padding: .4rem .85rem !important;
}

.dibal-theme .nav-sidebar .nav-treeview .dibal-sidebar-link:hover {
    background-color: rgba(0,0,0,.05);
    color: var(--dibal-gray-900);
}

.dibal-theme .nav-sidebar .nav-treeview .nav-item > .dibal-sidebar-link.active,
.dibal-theme .nav-sidebar .nav-treeview .nav-item.menu-open > .dibal-sidebar-link {
    background-color: rgba(0,0,0,.08);
    color: var(--dibal-gray-900);
    font-weight: 600;
    box-shadow: inset 2px 0 0 var(--dibal-primary);
}

/* Badge dentro del sidebar */
.dibal-theme .nav-sidebar .nav-link .badge {
    border-radius: var(--dibal-radius-pill);
    padding: .2rem .45rem;
    font-size: .7rem;
}

/* ============================================================
 *  SIDEBAR – FIX COLAPSADO
 * ============================================================ */
.dibal-theme.sidebar-mini.sidebar-collapse
.nav-sidebar > .nav-item > .dibal-sidebar-link,
.dibal-theme.sidebar-mini.sidebar-collapse
.nav-sidebar .nav-treeview .dibal-sidebar-link {
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding-left: .75rem !important;
    padding-right: .75rem !important;
}

.dibal-theme.sidebar-mini.sidebar-collapse
.nav-sidebar > .nav-item.menu-open > .dibal-sidebar-link {
    background: rgba(255,255,255,.12) !important;
}

/* Forzar texto e ícono de submenú en oscuro sobre contenido blanco */
.dibal-theme .nav-sidebar .nav-treeview .nav-link,
.dibal-theme .nav-sidebar .nav-treeview .nav-link i {
    color: var(--dibal-gray-900) !important;
    opacity: 1 !important;
}

.dibal-theme .nav-sidebar .nav-treeview .nav-link.active,
.dibal-theme .nav-sidebar .nav-treeview .nav-link.active i {
    color: var(--dibal-gray-900) !important;
    font-weight: 600 !important;
}