/* Shared by the application, Axis Studio and administration. Surface tokens
 * are supplied by each host's theme; the popup never uses an OS palette. */
select:not([multiple]) { cursor: pointer; }
select:disabled { cursor: default; }
.app-select-menu {
  position: fixed;
  inset: auto;
  margin: 0;
  box-sizing: border-box;
  width: max-content;
  padding: 0.3rem;
  border: 1px solid var(--edge-cool-mid, var(--line-strong));
  border-radius: var(--radius-md, var(--radius));
  background: var(--ink-2, var(--panel-hi));
  color: var(--text-1, var(--text));
  box-shadow: 0 0.5rem 1.5rem var(--ink-0, var(--canvas));
  font: inherit;
  font-size: var(--type-meta, 14px);
  line-height: 1.5;
  overflow-y: auto;
  overscroll-behavior: contain;
  color-scheme: dark;
}
.app-select-menu [role="option"] {
  position: relative;
  padding: 0.4rem 1.8rem 0.4rem 0.6rem;
  border-radius: var(--radius-sm, var(--radius));
  cursor: pointer;
  overflow-wrap: anywhere;
}
.app-select-menu [role="option"][aria-selected="true"]::after {
  content: '✓';
  position: absolute;
  right: 0.5rem;
}
.app-select-menu [role="option"]:is(.is-active, :hover):not([aria-disabled="true"]) {
  background: var(--surface-warm, var(--warm-wash));
  color: var(--warm-1, var(--warm));
}
.app-select-menu [aria-disabled="true"], .app-select-group {
  color: var(--text-3, var(--dim));
  cursor: default;
}
.app-select-group { padding: 0.4rem 0.6rem; font-size: 0.85em; }