.form-select-autocomplete {
    .ts-control{
        padding: 1.5rem 0.75rem 0.375rem 0.75rem; !important;
    }
}

/*
 * Een multiple veld zet elke selectie als tag in de control, dus honderden leden rekken het veld
 * tot voorbij het scherm. De browser laat de <dialog> dan scrollen, en die schuifbalk valt in haar
 * doorzichtige rand naast de card in plaats van erin. Buiten een dialog mag het veld wel doorgroeien
 * met de pagina: op de mobiele rapportpagina staan de tags met opzet onder elkaar.
 */
dialog .form-select-autocomplete .ts-control {
    max-height: 40vh;
    overflow-y: auto;
}

select.is-invalid {
    + .ts-wrapper.form-select {
        > .ts-control {
            border: var(--bs-border-width) solid var(--bs-form-invalid-border-color) !important;
        }
    }
}
.large-dropdown .ts-dropdown-content {
    max-height: 400px;
}