/**
 * SGB - Sistema de Gestión de Bodegas
 * critical-sidebar.css - Estilos críticos para el sidebar
 * 
 * Este archivo contiene los estilos críticos para el sidebar que deben
 * aplicarse inmediatamente para evitar parpadeos durante la carga.
 * Se carga antes que cualquier otro CSS.
 */

/* Estilos críticos para el sidebar - SIEMPRE BLANCO POR DEFECTO */
.sidebar {
    background-color: #ffffff !important;
    color: #212529 !important;
    border-right: 1px solid #dee2e6 !important;
}

.sidebar .sidebar-header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.sidebar-brand {
    color: #0d6efd !important;
}

.sidebar .small {
    color: #212529 !important;
}

.sidebar .nav-link {
    color: #212529 !important;
}

.sidebar .nav-link:hover,
.sidebar .nav-link.active {
    background-color: rgba(13, 110, 253, 0.1) !important;
    color: #0d6efd !important;
}

/* Solo cambiar los colores si explícitamente se ha seleccionado un tema */
html[data-theme="dark"] .sidebar {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .sidebar .sidebar-header {
    background-color: #1a1a1a !important;
}

html[data-theme="dark"] .sidebar .small {
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .sidebar .nav-link {
    color: #e0e0e0 !important;
}

html[data-theme="reading"] .sidebar {
    background-color: #e6d9c8 !important;
    color: #5a4a41 !important;
}

html[data-theme="reading"] .sidebar .sidebar-header {
    background-color: #e6d9c8 !important;
}

html[data-theme="reading"] .sidebar .small {
    color: #5a4a41 !important;
}

html[data-theme="reading"] .sidebar .nav-link {
    color: #5a4a41 !important;
}