/* theme-views.css — Vistas (CRUD, formularios, cuadrículas): DmsCard, toolbars, grid, inputs.
   Modo oscuro con html.theme-dark. Cargar después de theme-dashboard. */

/* ========== Modo oscuro: formularios — labels y captions ========== */
html.theme-dark .content label,
html.theme-dark .main-layout label,
html.theme-dark label.form-label,
html.theme-dark label.col-form-label,
html.theme-dark .form-label,
html.theme-dark .col-form-label,
html.theme-dark .label-form {
    color: #e2e8f0;
    font-weight: 500;
}

html.theme-dark [class*="form-layout"] label,
html.theme-dark [class*="form-layout"] [class*="caption"],
html.theme-dark .dxbl-form-layout-item-caption,
html.theme-dark .dxbl-form-layout .dxbl-caption {
    color: #e2e8f0;
    font-weight: 500;
}

html.theme-dark .content .dxbl-edit-label,
html.theme-dark .main-layout .dxbl-edit-label {
    color: #e2e8f0;
}

/* ========== Checkboxes y radio: estado seleccionado bien visible en modo oscuro ========== */
html.theme-dark .form-check-input,
html.theme-dark .content .form-check-input,
html.theme-dark .main-layout .form-check-input {
    background-color: #374151;
    border: 2px solid #6b7280;
}

html.theme-dark .form-check-input:checked,
html.theme-dark .content .form-check-input:checked,
html.theme-dark .main-layout .form-check-input:checked {
    background-color: #6366f1;
    border-color: #6366f1;
}

html.theme-dark .form-check-input:checked[type=checkbox],
html.theme-dark .content .form-check-input:checked[type=checkbox],
html.theme-dark .main-layout .form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

html.theme-dark .form-check-input:checked[type=radio],
html.theme-dark .content .form-check-input:checked[type=radio],
html.theme-dark .main-layout .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

html.theme-dark .form-check-input:focus,
html.theme-dark .content .form-check-input:focus,
html.theme-dark .main-layout .form-check-input:focus {
    border-color: #818cf8;
    box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.4);
}

/* DevExpress DxCheckBox (clases típicas dxbl-checkbox) */
html.theme-dark .dxbl-checkbox.dxbl-checkbox-checked .dxbl-checkbox-inner,
html.theme-dark .content .dxbl-checkbox.dxbl-checkbox-checked .dxbl-checkbox-inner,
html.theme-dark .main-layout .dxbl-checkbox.dxbl-checkbox-checked .dxbl-checkbox-inner {
    background-color: #6366f1;
    border-color: #6366f1;
}

html.theme-dark .dxbl-checkbox .dxbl-checkbox-inner,
html.theme-dark .content .dxbl-checkbox .dxbl-checkbox-inner,
html.theme-dark .main-layout .dxbl-checkbox .dxbl-checkbox-inner {
    background-color: #374151;
    border: 2px solid #6b7280;
}

/* Tarjetas de vista (DmsCard): fondo y título */
html.theme-dark .content .card,
html.theme-dark .main-layout .card {
    background-color: #1a202c;
    border-color: #2d3748;
    color: #e2e8f0;
}

html.theme-dark .content .card-header,
html.theme-dark .main-layout .card-header {
    background-color: #2d3748;
    border-color: #4a5568;
    color: #f8fafc;
}

html.theme-dark .content .card-header .card-title,
html.theme-dark .content .card-title,
html.theme-dark .main-layout .card-header .card-title,
html.theme-dark .main-layout .card-title {
    color: #f8fafc;
}

html.theme-dark .main-layout .card>div:first-child,
html.theme-dark .content .card>div:first-child {
    background-color: #2d3748;
    border-color: #4a5568;
    color: #f8fafc;
}

html.theme-dark .main-layout .card>div:first-child *,
html.theme-dark .content .card>div:first-child * {
    color: inherit;
}

html.theme-dark .main-layout .card>div:first-child .card-title,
html.theme-dark .content .card>div:first-child .card-title,
html.theme-dark .main-layout .card>div:first-child h1,
html.theme-dark .main-layout .card>div:first-child h2,
html.theme-dark .main-layout .card>div:first-child h3,
html.theme-dark .content .card>div:first-child h1,
html.theme-dark .content .card>div:first-child h2,
html.theme-dark .content .card>div:first-child h3 {
    color: #f8fafc;
}

/* Barra de acciones (toolbar): texto siempre legible. !important para ganar a DevExpress/Dominus. */
html.theme-dark .content .dxbl-toolbar,
html.theme-dark .main-layout .dxbl-toolbar {
    background-color: #252d38;
    border-color: #4a5568;
}

/* Botones: color de texto forzado para que se vea en normal, hover y focus */
html.theme-dark .content .dxbl-toolbar .dxbl-btn,
html.theme-dark .main-layout .dxbl-toolbar .dxbl-btn,
html.theme-dark .content .card .dxbl-toolbar .dxbl-btn,
html.theme-dark .main-layout .card .dxbl-toolbar .dxbl-btn {
    background-color: #374151 !important;
    border-color: #4a5568 !important;
    color: #e2e8f0 !important;
}

html.theme-dark .content .dxbl-toolbar .dxbl-btn:hover,
html.theme-dark .content .dxbl-toolbar .dxbl-btn:focus,
html.theme-dark .content .dxbl-toolbar .dxbl-btn:focus-visible,
html.theme-dark .content .dxbl-toolbar .dxbl-btn.dxbl-active,
html.theme-dark .main-layout .dxbl-toolbar .dxbl-btn:hover,
html.theme-dark .main-layout .dxbl-toolbar .dxbl-btn:focus,
html.theme-dark .main-layout .dxbl-toolbar .dxbl-btn:focus-visible,
html.theme-dark .main-layout .dxbl-toolbar .dxbl-btn.dxbl-active,
html.theme-dark .content .card .dxbl-toolbar .dxbl-btn:hover,
html.theme-dark .content .card .dxbl-toolbar .dxbl-btn:focus,
html.theme-dark .main-layout .card .dxbl-toolbar .dxbl-btn:hover,
html.theme-dark .main-layout .card .dxbl-toolbar .dxbl-btn:focus {
    background-color: #4b5563 !important;
    border-color: #6b7280 !important;
    color: #f8fafc !important;
}

/* Contenido del botón (texto, iconos): forzar color visible */
html.theme-dark .content .dxbl-toolbar .dxbl-btn .dxbl-btn-content,
html.theme-dark .content .dxbl-toolbar .dxbl-btn .bi,
html.theme-dark .content .dxbl-toolbar .dxbl-btn span,
html.theme-dark .content .dxbl-toolbar .dxbl-btn i,
html.theme-dark .main-layout .dxbl-toolbar .dxbl-btn .dxbl-btn-content,
html.theme-dark .main-layout .dxbl-toolbar .dxbl-btn .bi,
html.theme-dark .main-layout .dxbl-toolbar .dxbl-btn span,
html.theme-dark .main-layout .dxbl-toolbar .dxbl-btn i,
html.theme-dark .content .card .dxbl-toolbar .dxbl-btn .dxbl-btn-content,
html.theme-dark .content .card .dxbl-toolbar .dxbl-btn .bi,
html.theme-dark .content .card .dxbl-toolbar .dxbl-btn span,
html.theme-dark .main-layout .card .dxbl-toolbar .dxbl-btn .dxbl-btn-content,
html.theme-dark .main-layout .card .dxbl-toolbar .dxbl-btn .bi,
html.theme-dark .main-layout .card .dxbl-toolbar .dxbl-btn span {
    color: inherit !important;
}

html.theme-dark .content .dxbl-toolbar .dxbl-btn:hover .dxbl-btn-content,
html.theme-dark .content .dxbl-toolbar .dxbl-btn:hover .bi,
html.theme-dark .content .dxbl-toolbar .dxbl-btn:hover span,
html.theme-dark .content .dxbl-toolbar .dxbl-btn:hover i,
html.theme-dark .content .dxbl-toolbar .dxbl-btn:focus .dxbl-btn-content,
html.theme-dark .content .dxbl-toolbar .dxbl-btn:focus .bi,
html.theme-dark .content .dxbl-toolbar .dxbl-btn:focus span,
html.theme-dark .content .dxbl-toolbar .dxbl-btn:focus i,
html.theme-dark .main-layout .dxbl-toolbar .dxbl-btn:hover .dxbl-btn-content,
html.theme-dark .main-layout .dxbl-toolbar .dxbl-btn:hover .bi,
html.theme-dark .main-layout .dxbl-toolbar .dxbl-btn:hover span,
html.theme-dark .main-layout .dxbl-toolbar .dxbl-btn:hover i,
html.theme-dark .main-layout .dxbl-toolbar .dxbl-btn:focus .dxbl-btn-content,
html.theme-dark .main-layout .dxbl-toolbar .dxbl-btn:focus .bi,
html.theme-dark .main-layout .dxbl-toolbar .dxbl-btn:focus span,
html.theme-dark .main-layout .dxbl-toolbar .dxbl-btn:focus i,
html.theme-dark .content .card .dxbl-toolbar .dxbl-btn:hover *,
html.theme-dark .content .card .dxbl-toolbar .dxbl-btn:focus *,
html.theme-dark .main-layout .card .dxbl-toolbar .dxbl-btn:hover *,
html.theme-dark .main-layout .card .dxbl-toolbar .dxbl-btn:focus * {
    color: #f8fafc !important;
}

/* Variante primaria (Guardar, etc.) */
html.theme-dark .content .dxbl-toolbar .dxbl-btn.dxbl-btn-primary,
html.theme-dark .main-layout .dxbl-toolbar .dxbl-btn.dxbl-btn-primary,
html.theme-dark .content .card .dxbl-toolbar .dxbl-btn.dxbl-btn-primary,
html.theme-dark .main-layout .card .dxbl-toolbar .dxbl-btn.dxbl-btn-primary {
    background-color: #4b5563 !important;
    border-color: #6b7280 !important;
    color: #f8fafc !important;
}

html.theme-dark .content .dxbl-toolbar .dxbl-btn.dxbl-btn-primary:hover,
html.theme-dark .content .dxbl-toolbar .dxbl-btn.dxbl-btn-primary:focus,
html.theme-dark .main-layout .dxbl-toolbar .dxbl-btn.dxbl-btn-primary:hover,
html.theme-dark .main-layout .dxbl-toolbar .dxbl-btn.dxbl-btn-primary:focus,
html.theme-dark .content .card .dxbl-toolbar .dxbl-btn.dxbl-btn-primary:hover,
html.theme-dark .main-layout .card .dxbl-toolbar .dxbl-btn.dxbl-btn-primary:hover {
    background-color: #6b7280 !important;
    color: #ffffff !important;
}

html.theme-dark .content .dxbl-toolbar .dxbl-btn.dxbl-btn-primary *,
html.theme-dark .main-layout .dxbl-toolbar .dxbl-btn.dxbl-btn-primary *,
html.theme-dark .content .card .dxbl-toolbar .dxbl-btn.dxbl-btn-primary *,
html.theme-dark .main-layout .card .dxbl-toolbar .dxbl-btn.dxbl-btn-primary * {
    color: inherit !important;
}

/* Bootstrap .btn dentro de .card (por si Dominus usa btn-toolbar .btn) */
html.theme-dark .content .card .btn,
html.theme-dark .main-layout .card .btn,
html.theme-dark .content .btn-toolbar .btn,
html.theme-dark .main-layout .btn-toolbar .btn {
    background-color: #374151 !important;
    border-color: #4a5568 !important;
    color: #e2e8f0 !important;
}

html.theme-dark .content .card .btn:hover,
html.theme-dark .content .card .btn:focus,
html.theme-dark .main-layout .card .btn:hover,
html.theme-dark .main-layout .card .btn:focus,
html.theme-dark .content .btn-toolbar .btn:hover,
html.theme-dark .content .btn-toolbar .btn:focus,
html.theme-dark .main-layout .btn-toolbar .btn:hover,
html.theme-dark .main-layout .btn-toolbar .btn:focus {
    background-color: #4b5563 !important;
    border-color: #6b7280 !important;
    color: #f8fafc !important;
}

html.theme-dark .content .card .btn *,
html.theme-dark .main-layout .card .btn *,
html.theme-dark .content .card .btn:hover *,
html.theme-dark .main-layout .card .btn:hover *,
html.theme-dark .content .card .btn:focus *,
html.theme-dark .main-layout .card .btn:focus * {
    color: inherit !important;
}

/* Toolbar adaptativa (barra sobre la cuadrícula) */
html.theme-dark .dxbl-toolbar.dxbl-toolbar-adaptive,
html.theme-dark .main-layout .dxbl-toolbar.dxbl-toolbar-adaptive {
    background-color: #252d38;
    border-color: #4a5568;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

html.theme-dark .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-btn,
html.theme-dark .main-layout .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-btn {
    background-color: #374151;
    border-color: #4a5568;
    color: #e2e8f0;
}

html.theme-dark .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-btn:hover,
html.theme-dark .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-btn:focus,
html.theme-dark .main-layout .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-btn:hover,
html.theme-dark .main-layout .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-btn:focus {
    background-color: #4b5563;
    border-color: #6b7280;
    color: #f8fafc;
}

html.theme-dark .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-btn .dxbl-btn-content,
html.theme-dark .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-btn .bi,
html.theme-dark .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-btn span,
html.theme-dark .main-layout .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-btn .dxbl-btn-content,
html.theme-dark .main-layout .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-btn .bi,
html.theme-dark .main-layout .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-btn span {
    color: inherit;
}

html.theme-dark .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-btn:hover .dxbl-btn-content,
html.theme-dark .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-btn:hover .bi,
html.theme-dark .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-btn:focus .dxbl-btn-content,
html.theme-dark .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-btn:focus .bi,
html.theme-dark .main-layout .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-btn:hover .dxbl-btn-content,
html.theme-dark .main-layout .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-btn:hover .bi,
html.theme-dark .main-layout .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-btn:focus .dxbl-btn-content,
html.theme-dark .main-layout .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-btn:focus .bi {
    color: #f8fafc;
}

html.theme-dark .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-text-edit,
html.theme-dark .dxbl-toolbar.dxbl-toolbar-adaptive input,
html.theme-dark .main-layout .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-text-edit,
html.theme-dark .main-layout .dxbl-toolbar.dxbl-toolbar-adaptive input {
    background-color: #2d3748;
    border-color: #4a5568;
    color: #e2e8f0;
}

html.theme-dark .dxbl-toolbar.dxbl-toolbar-adaptive input::placeholder,
html.theme-dark .main-layout .dxbl-toolbar.dxbl-toolbar-adaptive input::placeholder {
    color: #94a3b8;
}

/* ========== Cuadrícula (Grid) ========== */
html.theme-dark .main-layout .dxbl-grid,
html.theme-dark .content .dxbl-grid {
    background-color: #1a202c;
    border-color: #4a5568;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

html.theme-dark .main-layout .dxbl-grid .dxbl-scroll-viewer,
html.theme-dark .content .dxbl-grid .dxbl-scroll-viewer {
    background-color: #1a202c;
}

html.theme-dark .main-layout .dxbl-grid .dxbl-grid-table,
html.theme-dark .content .dxbl-grid .dxbl-grid-table {
    background-color: #1a202c;
    border-color: #4a5568;
    color: #e2e8f0;
}

html.theme-dark .main-layout .dxbl-grid .dxbl-grid-table>thead,
html.theme-dark .content .dxbl-grid .dxbl-grid-table>thead {
    background-color: #2d3748;
}

html.theme-dark .main-layout .dxbl-grid .dxbl-grid-table>thead th,
html.theme-dark .main-layout .dxbl-grid .dxbl-grid-table>thead td,
html.theme-dark .content .dxbl-grid .dxbl-grid-table>thead th,
html.theme-dark .content .dxbl-grid .dxbl-grid-table>thead td {
    background-color: #2d3748;
    border-color: #4a5568;
    color: #e2e8f0;
}

html.theme-dark .main-layout .dxbl-grid .dxbl-grid-filter-row,
html.theme-dark .content .dxbl-grid .dxbl-grid-filter-row {
    background-color: #252d38;
}

html.theme-dark .main-layout .dxbl-grid .dxbl-grid-filter-row td,
html.theme-dark .content .dxbl-grid .dxbl-grid-filter-row td {
    background-color: #252d38;
    border-color: #4a5568;
}

html.theme-dark .main-layout .dxbl-grid .dxbl-grid-filter-row input,
html.theme-dark .content .dxbl-grid .dxbl-grid-filter-row input,
html.theme-dark .main-layout .dxbl-grid .dxbl-grid-filter-row .dxbl-edit,
html.theme-dark .content .dxbl-grid .dxbl-grid-filter-row .dxbl-edit {
    background-color: #2d3748;
    border-color: #4a5568;
    color: #e2e8f0;
}

html.theme-dark .main-layout .dxbl-grid .dxbl-grid-table>tbody>tr>td,
html.theme-dark .content .dxbl-grid .dxbl-grid-table>tbody>tr>td {
    background-color: #1a202c;
    border-color: #4a5568;
    color: #e2e8f0;
}

html.theme-dark .main-layout .dxbl-grid .dxbl-grid-table>tbody>tr:hover>td,
html.theme-dark .content .dxbl-grid .dxbl-grid-table>tbody>tr:hover>td {
    background-color: #252d38;
}

html.theme-dark .main-layout .dxbl-grid .dxbl-grid-empty-data-area,
html.theme-dark .main-layout .dxbl-grid .dxbl-grid-empty-cell,
html.theme-dark .main-layout .dxbl-grid td.dxbl-grid-empty-cell,
html.theme-dark .content .dxbl-grid .dxbl-grid-empty-data-area,
html.theme-dark .content .dxbl-grid .dxbl-grid-empty-cell,
html.theme-dark .content .dxbl-grid td.dxbl-grid-empty-cell {
    background-color: #1a202c;
    border-color: #4a5568;
    color: #94a3b8;
}

html.theme-dark .main-layout .dxbl-grid .dxbl-text-edit,
html.theme-dark .main-layout .dxbl-grid .dxbl-edit,
html.theme-dark .main-layout .dxbl-grid input,
html.theme-dark .content .dxbl-grid .dxbl-text-edit,
html.theme-dark .content .dxbl-grid .dxbl-edit,
html.theme-dark .content .dxbl-grid input {
    background-color: #2d3748;
    border-color: #4a5568;
    color: #e2e8f0;
}

/* Inputs y controles en vistas (excluir checkbox/radio para no tapar su estado marcado) */
html.theme-dark .content input:not([type=checkbox]):not([type=radio]),
html.theme-dark .content textarea,
html.theme-dark .content select,
html.theme-dark .main-layout input:not([type=checkbox]):not([type=radio]),
html.theme-dark .main-layout textarea,
html.theme-dark .main-layout select {
    background-color: #2d3748;
    border-color: #4a5568;
    color: #e2e8f0;
}

html.theme-dark .content input::placeholder,
html.theme-dark .content textarea::placeholder,
html.theme-dark .main-layout input::placeholder,
html.theme-dark .main-layout textarea::placeholder {
    color: #94a3b8;
}

html.theme-dark .content .dxbl-edit,
html.theme-dark .content .dxbl-form-control,
html.theme-dark .content input.dxbl-form-control,
html.theme-dark .main-layout .dxbl-edit,
html.theme-dark .main-layout .dxbl-form-control,
html.theme-dark .main-layout input.dxbl-form-control {
    background-color: #2d3748;
    border-color: #4a5568;
    color: #e2e8f0;
}

html.theme-dark .content .form-control,
html.theme-dark .main-layout .form-control {
    background-color: #2d3748;
    border-color: #4a5568;
    color: #e2e8f0;
}

html.theme-dark .content label,
html.theme-dark .main-layout label,
html.theme-dark .content [class*="caption"],
html.theme-dark .main-layout [class*="caption"] {
    color: #cbd5e1;
    font-weight: 500;
}

/* ========== Modo oscuro: formulario de Login ========== */
html.theme-dark .auth-form .card,
html.theme-dark .auth-form .auth-form-card {
    background-color: #1e293b;
    border-color: #334155;
    color: #f1f5f9;
}

html.theme-dark .auth-form .card-body,
html.theme-dark .auth-form .auth-form-body {
    color: #f1f5f9;
}

html.theme-dark .auth-form .card-title,
html.theme-dark .auth-form h1.text-primary {
    color: #c7d2fe !important;
}

html.theme-dark .auth-form .card-subtitle,
html.theme-dark .auth-form h4.text-secondary {
    color: #cbd5e1 !important;
}

html.theme-dark .auth-form .form-label,
html.theme-dark .auth-form label {
    color: #e2e8f0 !important;
    font-weight: 600;
}

html.theme-dark .auth-form a.text-primary {
    color: #93c5fd !important;
}

html.theme-dark .auth-form a.text-primary:hover {
    color: #bfdbfe !important;
}

html.theme-dark .auth-form .text-secondary,
html.theme-dark .auth-form span.text-secondary {
    color: #94a3b8 !important;
}

html.theme-dark .auth-form input.dxbl-form-control,
html.theme-dark .auth-form .dxbl-edit input,
html.theme-dark .auth-form input[type="text"],
html.theme-dark .auth-form input[type="password"],
html.theme-dark .auth-form .form-control {
    background-color: #334155;
    border-color: #475569;
    color: #f1f5f9;
}

html.theme-dark .auth-form input::placeholder {
    color: #94a3b8;
}

html.theme-dark .auth-form .btn-primary {
    background-color: #4338ca;
    border-color: #4338ca;
    color: #fff;
}

html.theme-dark .auth-form .btn-primary:hover {
    background-color: #4f46e5;
    border-color: #4f46e5;
    color: #fff;
}

/* ========== Tablas de reportes: columnas fijas (sticky) ========== */
.report-table .sticky-col {
    position: sticky !important;
    z-index: 1;
    background-color: #fff !important;
    box-shadow: 2px 0 4px rgba(0, 0, 0, 0.1);
}

.report-table .sticky-col-code {
    left: 0 !important;
    min-width: 100px;
}

.report-table .sticky-col-name {
    left: 100px !important;
    min-width: 200px;
    white-space: nowrap;
}

.report-table thead .sticky-col {
    z-index: 4;
    background-color: #212529 !important;
    color: #fff;
}

.report-table tr.table-warning .sticky-col {
    background-color: #fff3cd !important;
}

.report-table.table-striped > tbody > tr:nth-of-type(odd):not(.table-warning) > .sticky-col {
    background-color: #f8f9fa !important;
}

.report-table.table-striped > tbody > tr:nth-of-type(even):not(.table-warning) > .sticky-col {
    background-color: #fff !important;
}

/* Modo oscuro: columnas fijas en reportes */
html.theme-dark .report-table .sticky-col {
    background-color: #1a202c !important;
}

html.theme-dark .report-table thead .sticky-col {
    background-color: #212529 !important;
}

html.theme-dark .report-table tr.table-warning .sticky-col {
    background-color: #4a3f1b !important;
}

html.theme-dark .report-table.table-striped > tbody > tr:nth-of-type(odd):not(.table-warning) > .sticky-col {
    background-color: #252d38 !important;
}

html.theme-dark .report-table.table-striped > tbody > tr:nth-of-type(even):not(.table-warning) > .sticky-col {
    background-color: #1a202c !important;
}

/* ========== Contenedor de tablas de reportes ========== */
/* El max-height se calcula dinámicamente desde JS (reportTable.initAutoHeight)
   para que la barra de desplazamiento horizontal quede siempre al fondo del viewport.
   La propiedad overflow activa ambas barras; max-height la ajusta JS en tiempo real. */
.report-scroll-container {
    overflow: auto;
}