/* One HTML popup for all single-choice selects, independent of OS popup zoom. */
.select-menu {
  position: fixed; inset: auto; margin: 0; z-index: 10000;
  display: flex; flex-direction: column; padding: 4px;
  box-sizing: border-box; overflow: hidden;
  border: 1px solid #aebfb5; border-radius: 8px;
  background: var(--surface); color: var(--ink); line-height: 1.5;
  box-shadow: 0 8px 28px #142d4429;
}
.select-menu::backdrop { background: transparent; pointer-events: none; }
.select-menu .select-menu-search {
  flex: 0 0 auto; width: calc(100% - 8px); margin: 4px 4px 12px;
  min-height: 36px; padding: 7px 10px; font: inherit;
}
.select-menu-options {
  position: relative; min-height: 0; overflow: auto; overscroll-behavior: contain;
  scrollbar-gutter: stable; flex: 1 1 auto;
}
.select-menu-option {
  position: relative; min-height: 34px; padding: 8px 12px 8px 30px;
  border-radius: 4px; cursor: pointer; overflow-wrap: anywhere;
}
.select-menu-option small { display: block; color: var(--muted); }
.select-menu-option[aria-selected="true"]::before {
  content: '✓'; position: absolute; left: 10px; color: var(--teal); font-weight: 700;
}
.select-menu-option:hover:not([aria-disabled="true"]) { background: #f0f4ef; }
.select-menu-option[data-active="true"] { background: #e4f0ee; outline: 1px solid #6e9e95; outline-offset: -1px; }
.select-menu-option[aria-disabled="true"] { color: #788277; cursor: not-allowed; }
.select-menu-empty { padding: 12px; color: var(--muted); }