@import 'datatables.net-bs5/css/dataTables.bootstrap5.css';
@import 'datatables.net-buttons-bs5/css/buttons.bootstrap5.css';

.dt-container .dt-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: .75rem;
}

.dt-container .dt-search input,
.dt-container .dt-length select {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: .45rem .75rem;
}

.dt-container .dt-info,
.dt-container .dt-length,
.dt-container .dt-search {
    color: var(--text-muted);
}

.dt-container .page-link {
    color: var(--accent-color);
}

.dt-container .active > .page-link,
.dt-container .page-link.active {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}