/* Fix for pagination dropdown text being cut off */
select.form-select,
select.form-control {
    padding: 8px 12px !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    box-shadow: none !important;
    border: 1px solid #ced4da !important;
    font-size: 1rem !important;
    height: 40px !important;
    line-height: 1.5 !important;
    min-height: 40px !important;
    display: block !important;
    width: 100% !important;
}

/* Target pagination dropdowns specifically */
.table-responsive select.form-select,
.table-responsive select.form-control,
.livewire-tables select.form-select,
.livewire-tables select.form-control {
    padding: 8px 12px !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    box-shadow: none !important;
    border: 1px solid #ced4da !important;
    font-size: 1rem !important;
    height: 40px !important;
    line-height: 1.5 !important;
    min-height: 40px !important;
    display: block !important;
    width: 100% !important;
}

/* Ensure dropdown options are properly visible */
select.form-select option,
select.form-control option {
    padding: 8px 12px !important;
    line-height: 1.5 !important;
    height: auto !important;
}