/* =============================================================
   datatables-tabler.css
   Corrige estilos de DataTables 2.x para que coincidan con Tabler
   Incluir DESPUÉS de dataTables.bootstrap5.min.css
   ============================================================= */

/* Encabezados de tabla */
table.dataTable thead th,
table.dataTable thead td {
    background-color: var(--tblr-bg-surface-secondary, #f6f8fb);
    color: var(--tblr-secondary-color, #626976);
    font-size: var(--tblr-font-size-sm, 0.75rem);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    border-bottom: var(--tblr-border-width) solid var(--tblr-border-color);
    padding: 0.5rem 0.75rem;
}

/* Quitar fondo raro al ordenar */
table.dataTable thead .dt-orderable-asc,
table.dataTable thead .dt-orderable-desc,
table.dataTable thead .dt-ordering-asc,
table.dataTable thead .dt-ordering-desc {
    background-color: var(--tblr-bg-surface-secondary, #f6f8fb) !important;
}

/* Iconos de ordenamiento */
table.dataTable thead .dt-column-order {
    opacity: 0.4;
}
table.dataTable thead th.dt-ordering-asc .dt-column-order,
table.dataTable thead th.dt-ordering-desc .dt-column-order {
    opacity: 1;
    color: var(--tblr-primary);
}

/* Filas */
table.dataTable tbody tr {
    border-bottom: var(--tblr-border-width) solid var(--tblr-border-color);
}

/* Paginación */
.dt-paging .dt-paging-button {
    border-radius: var(--tblr-border-radius) !important;
    font-size: var(--tblr-body-font-size, 0.875rem);
}

.dt-paging .dt-paging-button.current,
.dt-paging .dt-paging-button.current:hover {
    background: var(--tblr-primary) !important;
    color: #fff !important;
    border-color: var(--tblr-primary) !important;
}

.dt-paging .dt-paging-button.disabled,
.dt-paging .dt-paging-button.disabled:hover {
    color: var(--tblr-secondary-color, #868e96) !important;
    border-color: var(--tblr-border-color) !important;
    background: transparent !important;
}

/* Buscador y selector de registros */
.dt-search .dt-input,
.dt-length .dt-input {
    border: var(--tblr-border-width) solid var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
    padding: 0.4375rem 0.75rem;
    font-size: var(--tblr-body-font-size, 0.875rem);
    color: var(--tblr-body-color);
    background-color: var(--tblr-bg-forms, #fff);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
}

.dt-search .dt-input:focus,
.dt-length .dt-input:focus {
    border-color: var(--tblr-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
    outline: 0;
}

/* Info de registros */
.dt-info {
    font-size: var(--tblr-body-font-size, 0.875rem);
    color: var(--tblr-secondary-color, #868e96);
}

/* Quitar espacio extra arriba de la tabla */
.dt-container > .row:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.dt-container {
    padding-top: 0 !important;
}