/* This file is reserved for overriding and extending the template styles. */

/* ── Sidebar / nav panel — color corporativo Guatemala (navy indigo) ─────── */
.nav-container {
    background-image: none !important;
    background-color: #2b3595 !important;
}

/* Texto del menú: blanco sobre fondo oscuro */
.nav-container .side-menu a,
.nav-container .menu a,
.nav-container .menu .label,
.nav-container .menu span,
.nav-container .menu-container a {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Hover y elemento activo */
.nav-container .side-menu a:hover,
.nav-container .menu a:hover,
.nav-container .menu a.active,
.nav-container .menu-container a:hover,
.nav-container .menu-container a.active {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.12) !important;
}

/* Íconos del menú */
.nav-container .side-menu a i,
.nav-container .menu a i,
.nav-container .menu-container a i {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Íconos de la cabecera del nav (pin, light, etc.) */
.nav-container .menu-icons a,
.nav-container .menu-icons i {
    color: rgba(255, 255, 255, 0.75) !important;
}

/* Separadores / submenú */
.nav-container .menu ul {
    background-color: rgba(0, 0, 0, 0.15) !important;
    border-radius: 6px;
}

/* Flecha de colapso */
.nav-container [data-bs-toggle="collapse"]::after,
.nav-container .menu a[data-bs-toggle]::after {
    filter: brightness(10) !important;
}

/* Nombre de usuario y empresa */
.nav-container .user-name,
.nav-container .user-detail span,
.nav-container small {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Badge de notificaciones */
.nav-container .badge {
    background-color: #fff !important;
    color: #2b3595 !important;
}