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

/* Filter label */
.dataTables_wrapper .dataTables_filter label {
    color: light-dark(#1e293b, #e5e7eb);
}

/* Filter input */
.dataTables_wrapper .dataTables_filter input {
    background: light-dark(#ffffff, rgba(30,41,59,.35));
    border: 1px solid light-dark(#d1d5db, rgba(148,163,184,.4));
    color: light-dark(#111827, #f1f5f9);
    border-radius: .5rem; /* rounded-lg */
    padding: .5rem .75rem;
    outline: none;
}

    .dataTables_wrapper .dataTables_filter input:focus {
        border-color: #2563eb; /* Tailwind brand-600 */
        box-shadow: 0 0 0 2px rgba(37,99,235,.35);
    }

/* Info text */
.dataTables_wrapper .dataTables_info {
    color: light-dark(#4b5563, #cbd5e1);
}

/* Pagination buttons */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: light-dark(#1e293b, #e5e7eb) !important;
    border: 1px solid rgba(148,163,184,.35);
    background: rgba(51,65,85,.35);
    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: rgba(71,85,105,.55);
        border-color: rgba(148,163,184,.55);
        color: #fff !important;
    }
    /* Active page button - blue like other UI buttons */
    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        background: #2563eb !important; /* Tailwind brand-600 */
        border-color: #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 rgba(148,163,184,.35);
}

table.dataTable thead th,
table.dataTable tfoot th {
    border-bottom: 1px solid rgba(148,163,184,.35);
}

table.dataTable tbody tr {
    background: transparent;
}

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