/* Native controls remain usable when JavaScript is unavailable. */
select.search-select-native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.search-select { width: 100%; min-width: 0; }
input.search-select-input {
  width: 100%; min-width: 0; padding-right: 2.25rem !important;
  text-overflow: ellipsis; cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2378716c' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
  background-position: right .75rem center; background-repeat: no-repeat;
}
input.search-select-input:disabled { opacity: .55; cursor: not-allowed; background-color: #f5f5f4; }
.search-select-panel {
  position: fixed; z-index: 1000; overflow-y: auto; overscroll-behavior: contain;
  border: 1px solid #d6d3d1; border-radius: .5rem; background: white;
  box-shadow: 0 8px 24px rgb(28 25 23 / .12); padding: .25rem;
  font-size: .875rem; color: #292524;
}
.search-select-panel[hidden] { display: none; }
.search-select-option { padding: .625rem .75rem; border-radius: .25rem; cursor: pointer; overflow-wrap: anywhere; }
.search-select-option:hover, .search-select-option.is-active { background: #ecfdf5; color: #065f46; }
.search-select-option[aria-selected=true] { font-weight: 600; }
.search-select-option[aria-disabled=true] { opacity: .45; cursor: not-allowed; }
.search-select-status { padding: .625rem .75rem; font-size: .75rem; color: #78716c; border-top: 1px solid #f5f5f4; }
@media (prefers-reduced-motion: reduce) { .search-select-panel { scroll-behavior: auto; } }