.dataTables_wrapper .dataTables_filter {
    float: right;
    flex-wrap: nowrap;
}

.dataTables_paginate {
    float: right !important;
}

.dataTables_processing {
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 100;
}

.dataTables_wrapper .btn-group-sm .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

/* make the actions cell flex and right-aligned */
.actions-cell {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

/* make the actions column never wrap and always align right */
table.dataTable td.actions-cell {
    white-space: nowrap;
    text-align: right;
}

/* by default, don’t scroll */
.table-responsive {
    overflow-x: visible;
    overflow-y: visible;
}

/* on mobile (max-width:575.98px), allow both axes to scroll */
@media (max-width: 575.98px) {
    .table-responsive {
        overflow: auto;
    }
}