/* DataTables custom styling - applies to all tables */

/* Filter label */
.dataTables_wrapper .dataTables_filter label {
    color: color-mix(in srgb, currentColor 80%, transparent);
}

/* Filter input */
.dataTables_wrapper .dataTables_filter input {
    background: color-mix(in srgb, var(--ui-card, rgba(51,65,85,0.35)) 70%, transparent);
    border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
    color: inherit;
    border-radius: .5rem; /* rounded-lg */
    padding: .5rem .75rem;
    outline: none;
}

html[data-theme="gray"] .dataTables_wrapper .dataTables_filter input,
html[data-theme="black"] .dataTables_wrapper .dataTables_filter input {
    background: color-mix(in srgb, var(--ui-bg, #0F172A) 55%, #000 45%) !important;
}

    .dataTables_wrapper .dataTables_filter input:focus {
        border-color: var(--ui-brand, #2563eb);
        box-shadow: 0 0 0 2px color-mix(in srgb, var(--ui-brand, #2563eb) 35%, transparent);
    }

/* Info text */
.dataTables_wrapper .dataTables_info {
    color: color-mix(in srgb, currentColor 70%, transparent);
}

/* Pagination buttons */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: color-mix(in srgb, currentColor 82%, transparent) !important;
    border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
    background: color-mix(in srgb, var(--ui-card, rgba(51,65,85,0.35)) 60%, transparent);
    border-radius: .5rem;
    padding: .3rem .65rem;
    margin: 0 .15rem;
    transition: background 0.2s ease, border-color 0.2s ease;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background: color-mix(in srgb, var(--ui-card, rgba(51,65,85,0.45)) 80%, transparent);
        border-color: color-mix(in srgb, currentColor 26%, transparent);
        color: currentColor !important;
    }
    /* Active page button - blue like other UI buttons */
    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        background: var(--ui-brand, #2563eb) !important;
        border-color: var(--ui-brand, #2563eb) !important;
        color: #fff !important;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button:active {
        box-shadow: none !important;
    }

/* Remove default table chrome */
table.dataTable.no-footer {
    border-bottom: 1px solid color-mix(in srgb, currentColor 18%, transparent);
}

table.dataTable thead th,
table.dataTable tfoot th {
    border-bottom: 1px solid color-mix(in srgb, currentColor 18%, transparent);
}

table.dataTable tbody tr {
    background: transparent;
}

/* Hide built-in DataTables Buttons container */
div.dt-buttons {
    display: none;
}