/* Shared dropdown surfaces, using the same tokens as the workbench and admin. */
select:not([multiple]):not([size]), select[size="1"] {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 28px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='m3 4.5 3 3 3-3' stroke='%238f8f99' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-position: right 10px center !important;
  background-repeat: no-repeat !important;
  background-size: 12px 12px !important;
  transition: border-color .14s, background-color .14s;
}
select.jm-select-open { border-color: #45454d !important; }
select.jm-select-open:focus-visible { outline: none !important; box-shadow: 0 0 0 2px #e8e8ec16; }
.pill .msel select { padding-right: 0 !important; }
.jm-select-menu {
  position: fixed; z-index: 10000; width: max-content; max-width: min(340px, calc(100vw - 16px));
  margin: 0; padding: 5px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain;
  background: #202024; color: var(--txt, #e8e8ec); border: 1px solid #38383f; border-radius: 12px;
  box-shadow: 0 12px 36px #0008, 0 2px 8px #0005;
  font: 12px/1.4 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  scrollbar-width: thin; scrollbar-color: #484850 transparent;
  animation: jm-select-appear .12s ease-out;
}
.jm-select-option {
  display: flex; align-items: center; gap: 10px; min-height: 34px; padding: 8px 10px;
  border-radius: 7px; color: #b5b5bf; cursor: pointer; user-select: none;
}
.jm-select-option[hidden] { display: none; }
.jm-select-option[aria-selected="true"] { color: #f2f2f5; background: #2d2d33; }
.jm-select-option.is-highlighted { color: #fff; background: #38383f; }
.jm-select-option[aria-disabled="true"] { opacity: .35; cursor: not-allowed; }
.jm-select-label { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.jm-select-check { width: 14px; margin-left: 12px; flex: none; font-size: 13px; opacity: 0; }
.jm-select-option[aria-selected="true"] .jm-select-check { opacity: 1; }
.jm-select-ratio { display: grid; place-items: center; width: 20px; flex: none; color: #9696a1; }
.jm-select-ratio i { display: block; border: 1px solid currentColor; border-radius: 2px; }
@keyframes jm-select-appear { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .jm-select-menu { animation: none; } }