/* Estilos personalizados para DataTables con Bootstrap Icons */

/* Botones de acción pequeños */
.dataTables_wrapper .btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1;
}

.dataTables_wrapper .btn-sm i {
    font-size: 0.875rem;
}

/* Espaciado entre botones */
.dataTables_wrapper .btn-group .btn {
    margin-right: 2px;
}

/* Tabla responsive */
.dataTables_wrapper table.dataTable {
    width: 100% !important;
}

/* Header de búsqueda y filtros */
.dataTables_wrapper .dataTables_filter input {
    border-radius: 0.25rem;
    padding: 0.375rem 0.75rem;
}

.dataTables_wrapper .dataTables_length select {
    border-radius: 0.25rem;
    padding: 0.375rem 0.75rem;
}

/* Paginación */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.375rem 0.75rem;
    margin-left: 2px;
    border-radius: 0.25rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--bs-primary);
    color: white !important;
    border: 1px solid var(--bs-primary);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--bs-primary);
    color: white !important;
    border: 1px solid var(--bs-primary);
}

/* Badges en celdas */
.dataTables_wrapper .badge {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

/* Iconos en headers */
.dataTables_wrapper th i {
    margin-right: 0.25rem;
}

/* Tema oscuro */
[data-bs-theme="dark"] .dataTables_wrapper {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .dataTables_wrapper table.dataTable {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .dataTables_wrapper .dataTables_filter input,
[data-bs-theme="dark"] .dataTables_wrapper .dataTables_length select {
    background-color: var(--bs-dark);
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .dataTables_wrapper table.dataTable thead th {
    border-bottom-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .dataTables_wrapper table.dataTable tbody td {
    border-top-color: var(--bs-border-color);
}