@media (max-width: 1024px) {
    
    #header-mobile,
    #header-mobile.sticky-nav-area,
    .header-mobile,
    .sticky-nav-area {
        background-color: #ffffff !important;
    }

    #header-mobile i,
    #header-mobile a {
        color: #222222 !important;
    }
}
/* ============================= */
/* ZIZI DASHBOARD - DARK THEME */
/* ============================= */

/* Fondo general sidebar */
.dashboard-sidebar,
.dashboard-sidebar .sidebar-logo,
.dashboard-sidebar .sidebar-nav {
    background-color: #425464 !important;
}

/* Logo area */
.dashboard-sidebar .sidebar-logo {
    background-color: #425464 !important;
    border-bottom: 1px solid #425464 !important;
}

/* Texto e iconos (default) */
.dashboard-sidebar,
.dashboard-sidebar a,
.dashboard-sidebar i,
.dashboard-sidebar svg {
    color: #ffffff !important;
}

/* Títulos de sección */
.dashboard-sidebar .dashboard-title,
.dashboard-sidebar .sidebar-nav .title,
.dashboard-sidebar .sidebar-title,
.dashboard-sidebar h6 {
    color: #d5d9dd !important;
    font-weight: 600;
    opacity: 1 !important;
}

/* ============================= */
/* HOVER */
/* ============================= */

.dashboard-sidebar .sidebar-nav li a:hover {
    background-color: #ffffff !important;
    color: #425464 !important;
}

.dashboard-sidebar .sidebar-nav li a:hover i {
    color: #425464 !important;
}

/* ============================= */
/* ITEM ACTIVO - FIX COMPLETO */
/* ============================= */

.dashboard-sidebar .sidebar-nav li.active > a,
.dashboard-sidebar .sidebar-nav li.current-menu-item > a,
.dashboard-sidebar .sidebar-nav li.current_page_item > a,
.dashboard-sidebar .sidebar-nav a.active {
    background-color: #ffffff !important;
    color: #425464 !important;
    border-left: 3px solid #ffffff !important;
    box-shadow: none !important;
}

/* Elimina líneas extra (rojo/azul del theme) */
.dashboard-sidebar .sidebar-nav li.active > a::before,
.dashboard-sidebar .sidebar-nav li.active > a::after,
.dashboard-sidebar .sidebar-nav a.active::before,
.dashboard-sidebar .sidebar-nav a.active::after {
    display: none !important;
}

/* Icono activo */
.dashboard-sidebar .sidebar-nav li.active > a i,
.dashboard-sidebar .sidebar-nav li.current-menu-item > a i,
.dashboard-sidebar .sidebar-nav li.current_page_item > a i,
.dashboard-sidebar .sidebar-nav a.active i {
    color: #425464 !important;
}

/* Bordes y detalles */
.dashboard-sidebar .sidebar-nav li {
    border-color: rgba(255,255,255,0.1) !important;
}

/* Transiciones suaves */
.dashboard-sidebar .sidebar-nav a {
    transition: all 0.2s ease;
}