/* Shared controls retain the original select's layout and form semantics. */
:root { --wms-dropdowns-ready: 1; }
.wms-select { position: relative; display: inline-block; min-width: 0; max-width: 100%; vertical-align: middle; }
.wms-select[hidden] { display: none !important; }
.adr-filters .wms-select { width: 100%; }
select.wms-select-native { opacity: 0 !important; pointer-events: none !important; vertical-align: top; }
html body .wms-select-trigger {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: space-between;
  width: 100%; height: 100%; min-height: 0; min-width: 0; margin: 0;
  padding: var(--wms-select-padding-y, 10px) var(--wms-select-padding-x, 12px);
  padding-right: max(30px, var(--wms-select-padding-x, 12px));
  font-family: var(--wms-select-font-family, inherit); font-size: var(--wms-select-font-size, 15px);
  font-weight: var(--wms-select-font-weight, 500); line-height: var(--wms-select-line-height, 1.4);
  color: var(--text-1, #0c1f25); background: var(--surface-solid, #fff);
  border: 1px solid var(--wms-field-border, rgba(24,139,151,.38)); border-radius: var(--wms-select-radius, 10px);
  box-shadow: none; text-align: left; cursor: pointer; letter-spacing: inherit; text-transform: none;
}
.wms-select-value { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wms-select-chevron { position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border-right: 1.8px solid var(--brand, #188b97); border-bottom: 1.8px solid var(--brand, #188b97); transform: translateY(-70%) rotate(45deg); pointer-events: none; }
html body .wms-select-trigger:hover:not(:disabled), html body .wms-select-trigger[aria-expanded="true"] { border-color: var(--brand, #188b97); background: color-mix(in srgb, var(--brand, #188b97) 4%, var(--surface-solid, #fff)); }
html body .wms-select-trigger:focus-visible { outline: 3px solid color-mix(in srgb, var(--brand, #188b97) 25%, transparent); outline-offset: 2px; border-color: var(--brand, #188b97); }
html body .wms-select-trigger:disabled { opacity: .55; cursor: not-allowed; }
html body .wms-select-trigger[aria-invalid="true"] { border-color: var(--red, #e11d48); }
.wms-select-error { display: block; position: absolute; top: calc(100% + 4px); left: 0; z-index: 5; max-width: 100%; width: max-content; padding: 5px 8px; color: var(--red, #be123c); background: var(--surface-solid, #fff); border: 1px solid var(--red, #e11d48); border-radius: 6px; font-family: inherit; font-size: 12px; line-height: 1.4; }
html body .wms-select-panel {
  display: none; flex-direction: column; box-sizing: border-box; position: fixed; inset: auto; margin: 0; padding: 6px;
  z-index: 2147483646; max-width: calc(100vw - 16px); overflow: hidden;
  color: var(--text-1, #0c1f25); background: var(--surface-solid, #fff);
  border: 1px solid color-mix(in srgb, var(--brand, #188b97) 40%, var(--border, #d4e4e6));
  border-radius: 12px; box-shadow: 0 12px 34px rgba(4,39,47,.18);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 14px; line-height: 1.45;
  text-align: left; letter-spacing: normal; white-space: normal;
}
html body .wms-select-panel[data-open="true"] { display: flex; }
.wms-select-panel::backdrop { background: transparent; pointer-events: none; }
html body input.wms-select-search {
  flex: 0 0 auto; box-sizing: border-box; width: 100%; min-width: 0; min-height: 38px; height: 38px; margin: 0 0 5px;
  padding: 8px 10px; color: var(--text-1, #0c1f25); background: var(--bg-1, #eef6f7);
  border: 1px solid var(--border-strong, #c7d9dc); border-radius: 8px; font-family: inherit; font-size: 16px; line-height: 1.4;
}
html body input.wms-select-search:focus { outline: 2px solid color-mix(in srgb, var(--brand, #188b97) 22%, transparent); border-color: var(--brand, #188b97); }
.wms-select-list { flex: 1 1 auto; min-height: 0; max-height: inherit; overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; -webkit-overflow-scrolling: touch; }
.wms-select-panel .wms-select-option { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; width: 100%; min-height: 38px; box-sizing: border-box; padding: 8px 10px; margin: 1px 0; border: 0; border-radius: 7px; background: transparent; color: inherit; box-shadow: none; font: inherit; text-align: left; appearance: none; letter-spacing: normal; text-transform: none; cursor: pointer; overflow-wrap: anywhere; white-space: normal; }
.wms-select-option > span { width: 100%; min-width: 0; }
.wms-select-option small { color: var(--text-2, #4d6068); font-size: 12px; }
.wms-select-panel .wms-select-option:hover:not([aria-disabled="true"]), .wms-select-panel .wms-select-option.is-active { background: color-mix(in srgb, var(--brand, #188b97) 12%, var(--surface-solid, #fff)); }
.wms-select-panel .wms-select-option[aria-selected="true"] { color: var(--brand, #188b97); font-weight: 700; }
.wms-select-panel .wms-select-option[aria-disabled="true"] { color: var(--text-3, #8696a0); opacity: .65; cursor: not-allowed; }
.wms-select-group-label { display: block; padding: 9px 10px 5px; color: var(--text-2, #4d6068); font-size: 11px; font-weight: 800; letter-spacing: .025em; }
.wms-select-empty { padding: 12px 10px; margin: 0; color: var(--text-2, #4d6068); font-size: 13px; }
select.wms-native-listbox { accent-color: var(--brand, #188b97); border-color: var(--wms-field-border, #188b97); }
select.wms-native-listbox option:checked { background: color-mix(in srgb, var(--brand, #188b97) 15%, var(--surface-solid, #fff)); }
html[data-theme="dark"] .wms-select-panel { box-shadow: 0 14px 40px rgba(0,0,0,.45); }
@media (pointer: coarse) { .wms-select-panel .wms-select-option { min-height: 44px; padding-top: 10px; padding-bottom: 10px; } }
@media (prefers-reduced-motion: reduce) { .wms-select-panel, .wms-select-trigger { scroll-behavior: auto; } }