/* Scoped progressive select search. Native selects still own their form value. */
@media screen {
  select.searchable-select-native-hidden { display: none !important; }
  #appView .searchable-select-control { display: flex; align-items: stretch; position: relative; width: 100%; min-width: 0; gap: 0; border: 1px solid #cbdcd2; border-radius: 9px; background: #fff; }
  #appView .searchable-select-control:focus-within { border-color: #16845a; box-shadow: 0 0 0 3px #16845a16; }
  #appView .searchable-select-control .searchable-select-input { flex: 1 1 auto; width: 0; min-width: 0; min-height: 44px; margin: 0; padding: 10px 12px; border: 0; border-radius: 9px; outline: 0; background: transparent; box-shadow: none; font-size: 14px; line-height: 1.35; }
  #appView .searchable-select-control .searchable-select-input:disabled { color: #78877d; background: #f4f6f5; }
  #appView .searchable-select-control button { display: flex; flex: 0 0 40px; align-items: center; justify-content: center; width: 40px; min-width: 40px; min-height: 44px; margin: 0; padding: 4px; border: 0; border-left: 1px solid #e4ece7; border-radius: 0; color: #426b54; background: transparent; box-shadow: none; font-size: 21px; font-weight: 500; line-height: 1; transform: none; }
  #appView .searchable-select-control button:last-child { border-radius: 0 9px 9px 0; }
  #appView .searchable-select-control button:hover:not(:disabled) { color: #087b50; background: #edf7f1; transform: none; }
  #appView .searchable-select-control button:focus-visible { outline: 2px solid #16845a; outline-offset: -3px; }
  #appView .searchable-select-control button[hidden] { display: none !important; }
  #appView .searchable-select-help { display: block; color: #6a7e70; margin-top: 4px; font-size: 11px; font-weight: 400; line-height: 1.4; }
  .searchable-select-popup { display: flex; flex-direction: column; position: fixed; z-index: 100; min-width: 0; margin: 0; padding: 5px; box-sizing: border-box; border: 1px solid #cfdfd5; border-radius: 11px; color: #294b38; background: #fff; box-shadow: 0 10px 30px #183b2826; overflow: hidden; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; text-align: left; }
  .searchable-select-popup[hidden] { display: none !important; }
  .searchable-select-result-status { flex: 0 0 auto; padding: 6px 8px 9px; color: #687e6e; font-size: 11px; line-height: 1.4; font-weight: 400; }
  .searchable-select-results { flex: 1 1 auto; min-height: 0; overflow: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
  .searchable-select-option { display: flex; flex-direction: column; min-height: 52px; gap: 3px; margin: 0; padding: 9px 11px; box-sizing: border-box; border: 1px solid transparent; border-radius: 7px; color: #355342; background: #fff; font-size: 13px; line-height: 1.4; cursor: pointer; touch-action: pan-y; overflow-wrap: anywhere; }
  .searchable-select-option + .searchable-select-option { border-top-color: #eef3ef; }
  .searchable-select-option strong { font-size: 14px; font-weight: 700; color: #245b3f; }
  .searchable-select-option span { font-size: 13px; font-weight: 400; }
  .searchable-select-option small { font-size: 11px; font-weight: 400; color: #718476; }
  .searchable-select-option[aria-selected="true"] { background: #eaf6ef; border-color: #c8e6d5; }
  .searchable-select-option:hover, .searchable-select-option.is-active { color: #174c31; background: #f0f8f3; border-color: #acd3bc; }
  .searchable-select-option.is-active { box-shadow: inset 3px 0 0 #087b50; }
  .searchable-select-popup.is-tight .searchable-select-result-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); }
}
@media screen and (max-width: 760px) {
  #appView .searchable-select-control .searchable-select-input { font-size: 16px; }
  .searchable-select-option { min-height: 56px; padding: 10px; }
}