/* =========================================
   DARK MODE - TEMA OSCURO GLOBAL
   ========================================= */

html.dark-mode body, 
html.dark-mode .page-content {
    background-color: #0f172a !important; /* Slate 900 */
    color: #cbd5e1 !important;
}

/* Header & Sidebar */
html.dark-mode .site-header,
html.dark-mode .side-menu,
html.dark-mode .side-menu-list ul,
html.dark-mode .side-menu-list li a:hover,
html.dark-mode .side-menu-list li.opened > a,
html.dark-mode .side-menu-list li.active > a,
html.dark-mode .side-menu-list li:hover > a {
    background-color: #1e293b !important; /* Slate 800 */
    color: #f8fafc !important;
    border-color: #334155 !important;
}
html.dark-mode .side-menu-list li a {
    color: #94a3b8 !important;
}
html.dark-mode .site-header .dropdown-user .nav-link,
html.dark-mode .lblcontactonomx {
    color: #f8fafc !important;
}

/* Tarjetas y Contenedores */
html.dark-mode .card,
html.dark-mode .card-header,
html.dark-mode .box-typical,
html.dark-mode .stat-card-premium,
html.dark-mode .filter-container,
html.dark-mode .modal-content,
html.dark-mode .modal-header,
html.dark-mode .modal-footer {
    background-color: #1e293b !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

html.dark-mode .card-header {
    border-bottom: 1px solid #334155 !important;
}

html.dark-mode .stat-card-premium .stat-number {
    color: #f8fafc !important;
}

/* Resumen Ejecutivo */
html.dark-mode .resumen-title { color: #60a5fa !important; }
html.dark-mode .resumen-text { color: #cbd5e1 !important; }

/* Formularios e Inputs */
html.dark-mode .form-control,
html.dark-mode .select2-selection {
    background-color: #0f172a !important;
    color: #e2e8f0 !important;
    border-color: #475569 !important;
}
html.dark-mode .form-control:focus {
    border-color: #3b82f6 !important;
}
html.dark-mode label, 
html.dark-mode .form-label {
    color: #cbd5e1 !important;
}

/* Summernote (Editor WYSIWYG) */
html.dark-mode .note-editor.note-frame {
    border-color: #334155 !important;
}
html.dark-mode .note-toolbar {
    background-color: #1e293b !important;
    border-bottom-color: #334155 !important;
}
html.dark-mode .note-btn {
    background-color: #334155 !important;
    color: #cbd5e1 !important;
    border-color: #475569 !important;
}
html.dark-mode .note-editing-area .note-editable {
    background-color: #0f172a !important;
    color: #e2e8f0 !important;
}

/* Tablas Modernas y Tradicionales */
html.dark-mode .table,
html.dark-mode .table-modern tbody tr,
html.dark-mode .table-modern thead th,
html.dark-mode .dataTables_wrapper {
    background-color: #1e293b !important;
    color: #cbd5e1 !important;
    border-color: #334155 !important;
}

html.dark-mode .table-modern tbody td,
html.dark-mode .table td {
    color: #e2e8f0 !important;
}

html.dark-mode .table-modern tbody tr {
    background-color: #1e293b !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
}

html.dark-mode .table-modern tbody tr:hover,
html.dark-mode .table-hover tbody tr:hover {
    background-color: #334155 !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.4) !important;
}

html.dark-mode .table-striped tbody tr:nth-of-type(odd) {
    background-color: #0f172a !important;
}

html.dark-mode .table-bordered th, 
html.dark-mode .table-bordered td {
    border-color: #334155 !important;
}

/* Textos específicos */
html.dark-mode h1, html.dark-mode h2, html.dark-mode h3, 
html.dark-mode h4, html.dark-mode h5, html.dark-mode h6,
html.dark-mode .lbl {
    color: #f8fafc !important;
}

html.dark-mode .stat-caption {
    color: #94a3b8 !important;
}

/* Alertas y Botones sutiles */
html.dark-mode .alert-info {
    background-color: #1e3a8a !important;
    border-color: #1e40af !important;
    color: #bfdbfe !important;
}

html.dark-mode .trend-neutral {
    background: #334155 !important;
    color: #cbd5e1 !important;
}

/* Pagination de DataTables */
html.dark-mode .pagination > li > a, 
html.dark-mode .pagination > li > span {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}
html.dark-mode .pagination > li.active > a {
    background-color: #3b82f6 !important;
    border-color: #3b82f6 !important;
    color: #fff !important;
}

/* DataTables search input & length select */
html.dark-mode .dataTables_filter input,
html.dark-mode .dataTables_length select {
    background-color: #0f172a !important;
    color: #e2e8f0 !important;
    border-color: #475569 !important;
}

/* SweetAlert */
html.dark-mode .sweet-alert {
    background-color: #1e293b !important;
}
html.dark-mode .sweet-alert h2, 
html.dark-mode .sweet-alert p {
    color: #f8fafc !important;
}

/* Sidebar Submenus */
html.dark-mode .side-menu-list ul li {
    background-color: transparent !important;
}
html.dark-mode .side-menu-list ul li a {
    color: #94a3b8 !important;
}
html.dark-mode .side-menu-list ul li a:hover {
    color: #3b82f6 !important;
    background-color: #334155 !important;
}

/* ================== CORRECCIONES ADICIONALES ================== */

/* 1. Select2 Desplegables (Dropdowns) */
html.dark-mode .select2-dropdown {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}
html.dark-mode .select2-results__option {
    background-color: #1e293b !important;
    color: #cbd5e1 !important;
}
html.dark-mode .select2-results__option--highlighted,
html.dark-mode .select2-results__option:hover {
    background-color: #3b82f6 !important;
    color: #ffffff !important;
}
html.dark-mode .select2-search__field {
    background-color: #0f172a !important;
    color: #e2e8f0 !important;
    border-color: #475569 !important;
}

/* 2. Submen�s del panel lateral */
html.dark-mode .side-menu-list .with-sub ul,
html.dark-mode .side-menu-list .with-sub ul li,
html.dark-mode .side-menu-list ul {
    background-color: #0f172a !important; /* Fondo m�s oscuro para el submen� */
    border: none !important;
}

/* 3. Forzar fondos oscuros en todas las tablas */
html.dark-mode .table,
html.dark-mode .dataTable {
    background-color: #1e293b !important;
}
html.dark-mode .table tbody tr,
html.dark-mode .table thead tr,
html.dark-mode .table tfoot tr {
    background-color: #1e293b !important;
}
html.dark-mode .table-striped tbody tr:nth-of-type(odd),
html.dark-mode .table-striped tbody tr:nth-of-type(even) {
    background-color: #1e293b !important;
}
html.dark-mode .table-striped tbody tr:nth-of-type(odd) {
    background-color: #0f172a !important; /* Alternar color */
}
html.dark-mode .table th,
html.dark-mode .table td {
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}
html.dark-mode .table thead th {
    background-color: #0f172a !important; /* Encabezados m�s oscuros */
    color: #f8fafc !important;
}

/* 4. Solucionar bordes o paneles residuales en blanco */
html.dark-mode .page-content {
    background-color: #0f172a !important;
}
html.dark-mode .box-typical-body {
    background-color: #1e293b !important;
}

/* 5. Detalle de Tickets (Línea de Tiempo / Activity Line) */
html.dark-mode .activity-line-item {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}
html.dark-mode .activity-line-item-header {
    border-bottom: 1px solid #334155 !important;
}
html.dark-mode .activity-line-date {
    background-color: #0f172a !important;
    color: #cbd5e1 !important;
    border: 1px solid #334155 !important;
}
html.dark-mode .activity-line-action-list {
    background-color: #1e293b !important;
}
html.dark-mode .activity-line-action .time {
    color: #94a3b8 !important;
}
html.dark-mode .activity-line-action .cont-in {
    background-color: #0f172a !important;
    border: 1px solid #334155 !important;
    color: #cbd5e1 !important;
}
html.dark-mode .activity-line-action .cont-in p,
html.dark-mode .activity-line-action .cont-in span,
html.dark-mode .activity-line-action .cont-in div {
    color: #e2e8f0 !important;
    background-color: transparent !important;
}

/* ================== REPARACIÓN DE SUBMENÚS ================== */
html.dark-mode .side-menu-list .with-sub > span {
    color: #94a3b8 !important;
}
html.dark-mode .side-menu-list .with-sub:hover > span,
html.dark-mode .side-menu-list .opened > span {
    background-color: #1e293b !important;
    color: #f8fafc !important;
}
html.dark-mode .side-menu-list .opened {
    background-color: #0f172a !important;
}
html.dark-mode .side-menu-list .opened > ul {
    background-color: #0f172a !important;
    border: none !important;
    box-shadow: none !important;
}
html.dark-mode .side-menu-list .opened > ul > li {
    background-color: transparent !important;
    border: none !important;
}
html.dark-mode .side-menu-list .opened > ul > li > a {
    color: #94a3b8 !important;
}
html.dark-mode .side-menu-list .opened > ul > li > a:hover {
    color: #3b82f6 !important;
    background-color: transparent !important;
}

/* ================== REPARACIÓN DE SELECT2 ================== */
html.dark-mode .select2-container--default .select2-selection--single,
html.dark-mode .select2-container--default .select2-selection--multiple,
html.dark-mode .select2-selection__rendered,
html.dark-mode .select2-selection {
    background-color: #0f172a !important;
    color: #e2e8f0 !important;
    border-color: #475569 !important;
}
html.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #e2e8f0 !important;
}

/* ================== REPARACIÓN DE SWEETALERT (ICONOS) ================== */
html.dark-mode .sweet-alert .sa-icon.sa-success::before,
html.dark-mode .sweet-alert .sa-icon.sa-success::after,
html.dark-mode .sweet-alert .sa-icon.sa-success .sa-fix {
    background: #1e293b !important;
}

html.dark-mode .sweet-alert .sa-icon.sa-error {
    border-color: #ef4444 !important;
}
html.dark-mode .sweet-alert .sa-icon.sa-error .sa-line {
    background-color: #ef4444 !important;
}
html.dark-mode .sweet-alert .sa-icon.sa-warning {
    border-color: #f59e0b !important;
}
html.dark-mode .sweet-alert .sa-icon.sa-warning .sa-body {
    background-color: #f59e0b !important;
}
html.dark-mode .sweet-alert .sa-icon.sa-warning .sa-dot {
    background-color: #f59e0b !important;
}
html.dark-mode .sweet-alert .sa-icon.sa-info {
    border-color: #3b82f6 !important;
}
html.dark-mode .sweet-alert .sa-icon.sa-info::before,
html.dark-mode .sweet-alert .sa-icon.sa-info::after {
    background-color: #3b82f6 !important;
}

/* Asegurar que ninguna caja en el timeline quede blanca */
html.dark-mode .activity-line {
    background-color: transparent !important;
}
html.dark-mode .activity-line-item {
    background-color: #1e293b !important;
    border: none !important;
}
html.dark-mode .activity-line-action-list,
html.dark-mode .activity-line-action,
html.dark-mode .activity-line-item-header {
    background-color: transparent !important;
}
html.dark-mode .activity-line-action .cont {
    background-color: transparent !important;
}
html.dark-mode .activity-line-action .cont-in {
    background-color: #0f172a !important;
    border: 1px solid #334155 !important;
}
html.dark-mode .activity-line-action .cont-in * {
    background-color: transparent !important;
    color: #e2e8f0 !important;
}

/* Forzar que las imágenes adjuntas no hereden la transparencia de * */
html.dark-mode .activity-line-action .cont-in img {
    background-color: #fff !important;
}
/* ================== REPARACI�N DE REPORTES EN MODO NOCHE ================== */

/* Reporte de Sistemas Afectados (Pareto) & Reporte Modalidad */
html.dark-mode #mi-filtro-unico,
html.dark-mode #mi-filtro-atencion,
html.dark-mode .filter-container {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

html.dark-mode .filter-container div,
html.dark-mode .filter-group label,
html.dark-mode #mi-filtro-unico label,
html.dark-mode #mi-filtro-atencion label {
    color: #cbd5e1 !important;
}

html.dark-mode #pareto_table thead th,
html.dark-mode #resumen_table thead th,
html.dark-mode .year-header {
    background-color: #0f172a !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}

html.dark-mode #pareto_table tbody tr:last-child,
html.dark-mode #resumen_table tbody tr:last-child,
html.dark-mode #pareto_table tbody tr:last-child td,
html.dark-mode #resumen_table tbody tr:last-child td {
    background-color: #064e3b !important;
    color: #f8fafc !important;
}

html.dark-mode #pareto_table .total-col,
html.dark-mode .total-year-col,
html.dark-mode .total-general-col {
    background-color: #334155 !important;
    color: #f8fafc !important;
}

html.dark-mode .peso-col {
    color: #ef4444 !important;
}

/* Reporte de Satisfacci�n */
html.dark-mode .card-report,
html.dark-mode .stat-card-report {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

html.dark-mode .report-title,
html.dark-mode .stat-card-report .number {
    color: #f8fafc !important;
}

html.dark-mode .report-subtitle,
html.dark-mode .stat-card-report .label {
    color: #94a3b8 !important;
}

html.dark-mode .stat-card-report .icon.bg-primary-light {
    background-color: #1e3a8a !important;
    color: #93c5fd !important;
}
html.dark-mode .stat-card-report .icon.bg-warning-light {
    background-color: #78350f !important;
    color: #fcd34d !important;
}
html.dark-mode .stat-card-report .icon.bg-success-light {
    background-color: #064e3b !important;
    color: #6ee7b7 !important;
}
html.dark-mode #table_mgp_ranking tbody tr:hover {
    background-color: #334155 !important;
}