/**
 * EF2 - Ajustes adicionales para el tema oscuro
 * Mejoras visuales para el modo oscuro en el dashboard
 */

html.dark {
    /* Colores base */
    --primary-light: #2c3e68;
    --success-light: #0d483c;
    --danger-light: #551c1c;
    --warning-light: #553010;
    --info-light: #193857;
    
    /* Ajustes de interfaz */
    color-scheme: dark;
}

/* Ajustes a los elementos del dashboard */
html.dark .card {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

html.dark .modern-card {
    background-color: var(--card-bg);
    border-color: var(--border-color);
}

html.dark .top-navbar {
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
}

html.dark .sidebar {
    box-shadow: 4px 0 8px rgba(0, 0, 0, 0.25);
}

html.dark .btn-white {
    background-color: #334155;
    color: #e2e8f0;
    border-color: #475569;
}

html.dark .btn-white:hover {
    background-color: #475569;
    border-color: #64748b;
}

html.dark .btn-light {
    background-color: #334155;
    color: #f1f5f9;
    border-color: #475569;
}

html.dark .btn-light:hover {
    background-color: #475569;
    color: #f8fafc;
}

html.dark .btn-light.active {
    background-color: #4361ee;
    color: white;
    border-color: #3a56d4;
}

/* Ajustes a las tablas */
html.dark .modern-table tbody tr {
    background-color: #1e293b;
}

html.dark .modern-table tbody tr:hover {
    background-color: #334155;
}

html.dark .status-badge {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Quick cards */
html.dark .quick-card {
    background-color: #1e293b;
    border-color: #334155;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
}

html.dark .quick-card:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.35);
    background-color: #263042;
}

/* Ajustes a avatar e iconos */
html.dark .avatar-sm {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

html.dark .quick-icon {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Dropdowns y notificaciones */
html.dark .dropdown-menu {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.35), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
}

html.dark .notification {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* Inputs y controles */
html.dark .form-control,
html.dark .form-select {
    background-color: #1e293b;
    border-color: #334155;
    color: #e2e8f0;
}

html.dark .form-control:focus,
html.dark .form-select:focus {
    background-color: #263042;
    border-color: #4361ee;
    box-shadow: 0 0 0 0.25rem rgba(67, 97, 238, 0.25);
}

html.dark .search-input {
    background-color: #334155;
    border-color: #475569;
    color: #e2e8f0;
}

html.dark .search-input:focus {
    background-color: #263042;
}

/* Modales */
html.dark .modal-content {
    background-color: #1e293b;
    border-color: #334155;
}

html.dark .modal-header {
    border-color: #334155;
}

html.dark .modal-footer {
    border-color: #334155;
}

/* Gráficos */
html.dark .apexcharts-tooltip {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

html.dark .apexcharts-tooltip-title {
    background-color: #334155 !important;
    border-color: #475569 !important;
}

html.dark .apexcharts-legend-text {
    color: #e2e8f0 !important;
}

html.dark .apexcharts-radialbar-track path {
    stroke: #334155 !important;
}

/* Búsqueda rápida */
html.dark .search-results {
    background-color: #1e293b;
    border: 1px solid #334155;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.35);
}

html.dark .search-category-header {
    background-color: #334155;
    border-bottom: 1px solid #475569;
}

html.dark .search-result-item {
    border-bottom: 1px solid #334155;
}

html.dark .search-result-item:hover,
html.dark .search-result-item.active {
    background-color: #263042;
}

html.dark .search-result-item .result-subtitle {
    color: #94a3b8;
}

/* Spinner y loadings */
html.dark .spinner-border {
    border-right-color: transparent;
}

html.dark .loading-overlay {
    background-color: rgba(0, 0, 0, 0.6);
}

html.dark .spinner-container {
    background-color: #1e293b;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.35);
}