/* Scoped Tom Select theme; the library itself is served locally. */
.search-filter { align-content: start; }
.search-filter .ts-wrapper { --ts-pr-min: 32px; width: 100%; min-width: 0; }
.search-filter .ts-control,
.search-filter .ts-wrapper.single.input-active .ts-control {
    min-height: 44px; padding: 9px 32px 9px 12px; border: 1px solid var(--axis);
    border-radius: 6px; background: var(--surface); color: var(--ink);
    box-shadow: none; font: inherit; line-height: 24px; flex-wrap: nowrap; cursor: pointer;
}
.search-filter .ts-control::after {
    content: ''; position: absolute; right: 13px; top: 17px;
    width: 7px; height: 7px; border-right: 1.5px solid var(--muted);
    border-bottom: 1.5px solid var(--muted); transform: rotate(45deg);
}
.search-filter .ts-wrapper.dropdown-active .ts-control::after { top: 20px; transform: rotate(225deg); }
.search-filter .ts-control > .item { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.search-filter .ts-wrapper.focus .ts-control { border-color: var(--link); outline: 2px solid var(--link); outline-offset: 2px; box-shadow: none; }
.search-filter .ts-dropdown {
    z-index: 40; margin-top: 6px; border: 1px solid var(--axis); border-radius: 6px;
    background: var(--surface); color: var(--ink); box-shadow: var(--shadow-popover);
    font: inherit; line-height: 1.5; overflow: hidden;
}
.search-filter .ts-dropdown .dropdown-input-wrap { padding: 8px; background: var(--surface); }
.search-filter .ts-dropdown .dropdown-input {
    width: 100%; min-height: 38px; padding: 7px 10px; border: 1px solid var(--axis);
    border-radius: 4px; background: var(--surface); color: var(--ink); box-shadow: none; font: inherit;
}
.search-filter .ts-dropdown .dropdown-input:focus { border-color: var(--link); outline: 1px solid var(--link); }
.search-filter .ts-dropdown .dropdown-input::placeholder { color: var(--muted); }
.search-filter .ts-dropdown .option,
.search-filter .ts-dropdown .no-results { padding: 9px 12px; overflow-wrap: anywhere; }
.search-filter .ts-dropdown .active { background: var(--info-soft); color: var(--ink); }
.search-filter .ts-dropdown .selected { color: var(--link); font-weight: 600; }
.search-filter .ts-dropdown .highlight { background: var(--brand-soft); border-radius: 2px; }
.search-filter .ts-wrapper.disabled { opacity: .6; }
.search-filter .ts-hidden-accessible { min-height: 0; padding: 0; border: 0; }