/* Fix DataTables buttons visibility in both light and dark modes */
.dt-buttons .btn {
    color: #212529 !important;
    background-color: #f8f9fa !important;
    border-color: #dee2e6 !important;
}

.dt-buttons .btn:hover {
    color: #212529 !important;
    background-color: #e2e6ea !important;
    border-color: #dae0e5 !important;
}

/* Dark mode overrides */
[data-bs-theme="dark"] .dt-buttons .btn {
    color: #fff !important;
    background-color: #495057 !important;
    border-color: #6c757d !important;
}

[data-bs-theme="dark"] .dt-buttons .btn:hover {
    color: #fff !important;
    background-color: #5a6268 !important;
    border-color: #545b62 !important;
}

/* Fix DataTables search input in dark mode */
[data-bs-theme="dark"] .dt-search input {
    background-color: #343a40 !important;
    color: #fff !important;
    border-color: #6c757d !important;
}

/* Fix DataTables length select in dark mode */
[data-bs-theme="dark"] .dt-length select {
    background-color: #343a40 !important;
    color: #fff !important;
    border-color: #6c757d !important;
}

/* Fix DataTables pagination in dark mode */
[data-bs-theme="dark"] .dt-paging .page-link {
    background-color: #343a40 !important;
    color: #fff !important;
    border-color: #6c757d !important;
}

[data-bs-theme="dark"] .dt-paging .active .page-link {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
}

[data-bs-theme="dark"] .dt-paging .disabled .page-link {
    color: #6c757d !important;
}

/* Fix table striping in dark mode */
[data-bs-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: rgba(255, 255, 255, 0.03);
}

/* Fix DataTables info text in dark mode */
[data-bs-theme="dark"] .dt-info {
    color: #adb5bd !important;
}