.searchable-select { display: inline-block; position: relative; width: 100%; max-width: 100%; vertical-align: middle; }
.searchable-select-native { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: 0 !important; opacity: 0; clip-path: inset(50%); overflow: hidden; }
.searchable-select-trigger { box-sizing: border-box; width: 100%; min-height: 42px; padding: 10px 34px 10px 12px; border: 1px solid var(--border-color, #d8dfda); border-radius: 8px; background: var(--body-bg, #fff); color: var(--body-fg, #172a30); font: inherit; text-align: start; line-height: 1.5; cursor: pointer; overflow-wrap: anywhere; }
.searchable-select-trigger::after { content: ""; position: absolute; right: 14px; top: 50%; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-70%) rotate(45deg); pointer-events: none; }
.searchable-select-trigger:disabled { opacity: .55; cursor: not-allowed; }
.searchable-select-trigger[aria-invalid="true"] { border-color: #b85045; }
.searchable-select-trigger:focus-visible, .searchable-select-search:focus { outline: 2px solid #618847; outline-offset: 2px; }
.searchable-select-panel { box-sizing: border-box; position: fixed; z-index: 10000; display: flex; flex-direction: column; padding: 8px; border: 1px solid var(--border-color, #d8dfda); border-radius: 10px; background: var(--body-bg, #fff); color: var(--body-fg, #172a30); box-shadow: 0 12px 32px #102d3226; font: inherit; }
.searchable-select-panel[hidden], .searchable-select-empty[hidden] { display: none; }
.searchable-select-panel .searchable-select-search { box-sizing: border-box; flex-shrink: 0; width: 100%; min-height: 40px; margin: 0 0 8px; padding: 8px 10px; border: 1px solid var(--border-color, #d8dfda); border-radius: 6px; background: var(--body-bg, #fff); color: inherit; font: inherit; }
.searchable-select-options { overflow-y: auto; overscroll-behavior: contain; min-height: 0; }
.searchable-select-option { padding: 9px 10px; border-radius: 5px; font: inherit; cursor: pointer; overflow-wrap: anywhere; }
.searchable-select-option:hover, .searchable-select-option.is-active { background: var(--selected-bg, #edf2ed); }
.searchable-select-option[aria-selected="true"] { background: #c4e8aa; color: #173125; font-weight: 600; }
.searchable-select-empty { margin: 12px; font-size: 13px; text-align: center; }
body.app-inspectra .related-widget-wrapper .searchable-select, body .related-widget-wrapper .searchable-select { width: min(420px, 100%); }
#changelist-form .actions .searchable-select { width: min(280px, 100%); }
@media (max-width: 767px) { .related-widget-wrapper .searchable-select { width: 100%; } }