/**
 * SGB - Sistema de Gestión de Bodegas
 * style.css - Estilos globales compatibles con Bootstrap 5.3.0
 * 
 * Este archivo asegura la compatibilidad con páginas que aún referencian style.css
 * mientras se completa la migración a la nueva estructura de CSS.
 */

/* Asegurar que el sidebar sea 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 .sidebar-brand {
    color: #0d6efd !important;
}

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

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

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

/* Estilos para el tema oscuro */
html[data-theme="dark"] .sidebar {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-right-color: #3d3d3d !important;
}

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

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

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

html[data-theme="dark"] .sidebar .nav-link:hover,
html[data-theme="dark"] .sidebar .nav-link.active {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

/* Estilos para el tema de lectura */
html[data-theme="reading"] .sidebar {
    background-color: #e6d9c8 !important;
    color: #5a4a41 !important;
    border-right-color: #d8c9b9 !important;
}

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

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

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

html[data-theme="reading"] .sidebar .nav-link:hover,
html[data-theme="reading"] .sidebar .nav-link.active {
    background-color: rgba(90, 74, 65, 0.1) !important;
    color: #7d5a41 !important;
}

/* Redirigir a los nuevos archivos CSS */
@import url('base.css');
@import url('themes.css');
@import url('layout.css');
@import url('components.css');
@import url('pages.css');