/* Make Select2 multiple look clean + put selected tags on a new row below the search */
.select2-container--bootstrap .select2-selection--multiple {
    min-height: 42px;
    padding: 6px 8px;
    border-radius: .4rem;
}

/* Rendered area uses flex and wraps selected tags below the search input */
.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    flex-wrap: wrap-reverse;        /* <- key: search input stays on top, tags push below */
    gap: .25rem .35rem;
}

/* Search input takes full width on first row, so typing stays clean */
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline {
    flex: 1 0 100%;
}

.select2-container--bootstrap .select2-selection--multiple .select2-search__field {
    width: 100% !important;
    min-width: 140px;
    margin: 0;
}

/* Tag chips */
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #111827;
    padding: .25rem .5rem;
    border-radius: .35rem;
    font-size: .85rem;
}

/* Remove “x” icon styling a bit nicer */
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
    color: #64748b;
    margin-right: .35rem;
}

/* Dropdown width & spacing */
.select2-container--bootstrap .select2-dropdown {
    border-radius: .4rem;
}
.select2-results__option {
    padding: .45rem .75rem;
}