/* Shared menu for native selects. The select stays in the form as the source of truth. */
select.cxm-select-ready {
  appearance: none !important;
  -webkit-appearance: none !important;
  color-scheme: dark;
  background-image: url('/assets/ui-chevron.svg') !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 14px 14px !important;
  padding-right: 38px !important;
  cursor: pointer !important;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
select.cxm-select-ready:hover { border-color: #76ae87 !important; }
select.cxm-select-ready[aria-expanded="true"] { border-color: #9bd9ad !important; box-shadow: 0 0 0 3px #82c99a26 !important; }
select.cxm-select-ready:disabled { opacity: .55; cursor: not-allowed !important; }
.symbol-picker:after, .field:has(select.cxm-select-ready):after { display: none !important; }
.cxm-select-menu {
  position: fixed;
  z-index: 2147483000;
  box-sizing: border-box;
  padding: 6px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid #41684d;
  border-radius: 13px;
  background: #13241b;
  box-shadow: 0 18px 46px #0009, 0 3px 12px #0005;
  color: #e9f7ec;
  font: 500 14px/1.4 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang TC', sans-serif;
}
.cxm-select-menu[hidden] { display: none !important; }
.cxm-select-option {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 9px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: inherit;
  text-align: left;
  font: inherit;
  cursor: pointer;
}
.cxm-select-option::before { content: ''; width: 15px; flex: 0 0 15px; margin-right: 8px; }
.cxm-select-option[aria-selected="true"] { background: #274a34; color: #d4f9de; font-weight: 700; }
.cxm-select-option[aria-selected="true"]::before { content: '✓'; color: #a8ecc0; }
.cxm-select-option:hover, .cxm-select-option.cxm-active { background: #315b40; color: #fff; }
.cxm-select-option:disabled { opacity: .45; cursor: not-allowed; }
.cxm-select-group { padding: 12px 12px 5px; color: #8eb69a; font-size: 11px; font-weight: 700; letter-spacing: .06em; }
@media (prefers-reduced-motion: reduce) { select.cxm-select-ready { transition: none; } }