/* Keep native controls in forms and constraint validation without duplicate UI. */
select.search-select-native{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:-1px!important;border:0!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
.search-select{display:inline-block;position:relative;min-width:0;width:100%;font:inherit;vertical-align:middle}
.search-select[hidden]{display:none!important}
html body button.search-select-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:42px;padding:10px 12px;border:1px solid #cbdced;border-radius:10px;background:#fff;color:#062657;font:inherit;line-height:1.4;text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer;box-shadow:none}
.search-select-toggle::after{content:"⌄";flex-shrink:0}
/* A font-independent chevron; the fixed page-size control retains its existing styling. */
.search-select-toggle:not(.record-size-label *)::after{content:"";display:block;flex:0 0 18px;width:18px;height:18px;margin-inline-start:4px;background:currentColor;color:#58769b;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px 18px no-repeat;transform:rotate(0deg);transition:transform .18s ease,color .18s ease;pointer-events:none}
.search-select-toggle:not(.record-size-label *):is(:hover,:focus-visible,[aria-expanded=true]):not(:disabled)::after{color:#1462be}
.search-select-toggle:not(.record-size-label *)[aria-expanded=true]::after{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){.search-select-toggle:not(.record-size-label *)::after{transition:none}}
html body button.search-select-toggle:disabled{opacity:.55;cursor:not-allowed}
.search-select-toggle:focus-visible{outline:3px solid #1462be;outline-offset:2px}
html body .search-select-panel{position:fixed;inset:auto;z-index:10000;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;margin:0;padding:10px;border:1px solid #a9c7ee;border-radius:12px;background:#fff;color:#062657;font:400 15px/1.45 Inter,Arial,sans-serif;overflow:auto;box-shadow:none;text-align:left}
html body .search-select-panel[hidden]{display:none!important}
html body input.search-select-input{box-sizing:border-box;flex-shrink:0;width:100%;min-width:0;min-height:42px;padding:10px 12px;border:1px solid #cbdced;border-radius:8px;background:#fff;color:#062657;font:inherit;box-shadow:none}
html body input.search-select-input:focus{outline:none;border-color:#cbdced;box-shadow:none}
.search-select-options{position:relative;max-height:260px;overflow-y:auto;min-height:0;overscroll-behavior:contain}
.search-select-option{padding:10px 12px;border-radius:6px;cursor:pointer;overflow-wrap:anywhere}
.search-select-option:hover,.search-select-option.is-active{background:#eaf2ff;color:#1256a5}
.search-select-option[aria-selected=true]{font-weight:700}
.search-select-option[aria-disabled=true]{opacity:.5;cursor:not-allowed;background:transparent}
.search-select-option.is-multiple::before{content:"□";display:inline-block;width:22px;color:#1256a5}
.search-select-option.is-multiple[aria-selected=true]::before{content:"☑"}
.search-select-group{padding:8px 12px;font-weight:700;color:#536b8a}
.search-select-note{margin:6px 10px;color:#536b8a}
html body button.search-select-done{flex-shrink:0;padding:8px 12px;border:1px solid #cbdced;border-radius:8px;color:#1256a5;background:#f5f8fd;font:inherit;cursor:pointer;box-shadow:none}
.search-select-note[hidden],.search-select-done[hidden]{display:none!important}
.record-size-label .search-select{width:90px}
/* Legal form and company name share one field, including enhanced selects. */
.company-name-group>.search-select{height:100%;min-height:0}
html body .company-name-group>.search-select>button.search-select-toggle{height:100%;min-height:0;padding:0 16px;border:0;border-right:1px solid var(--field-border);border-radius:0;background:transparent;box-shadow:none;line-height:1.2}
.company-name-group>.search-select>.search-select-toggle:focus-visible{outline-offset:-3px}
@media(max-width:900px){html body .company-name-group>.search-select>button.search-select-toggle{padding-inline:12px}}
