/* Stats Pro native single-select: one control, one picker, shared product tokens.
   Progressive enhancement: unsupported engines retain the accessible OS picker. */
html body select:not([multiple]):not([size]) {
  appearance:auto; width:100%; min-width:0; max-width:100%; min-height:48px;
  border:1px solid var(--line); border-radius:12px; padding:12px 14px;
  background:var(--panel); color:var(--text); font:inherit; font-size:14px;
  line-height:1.4; box-shadow:none; cursor:pointer; touch-action:manipulation;
}
html body select:not([multiple]):not([size]):focus-visible {outline:2px solid var(--accent);outline-offset:3px}
html body select:not([multiple]):not([size]):disabled {cursor:not-allowed;color:var(--muted);background:var(--inset)}
@supports (appearance:base-select) {
  html body select:not([multiple]):not([size]),html body select:not([multiple]):not([size])::picker(select) {appearance:base-select}
  html body select:not([multiple]):not([size]) {display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:start;white-space:normal}
  html body select:not([multiple]):not([size])::picker-icon {content:'⌄';font-size:16px;color:var(--muted);flex:none;line-height:1}
  html body select:not([multiple]):not([size]):open {border-color:var(--accent);background:var(--soft)}
  html body select:not([multiple]):not([size])::picker(select) {
    margin-block:6px; padding:6px; border:1px solid var(--line); border-radius:14px;
    background:var(--panel); color:var(--text); box-shadow:var(--shadow);
    font:inherit; font-size:14px; min-inline-size:anchor-size(self-inline);
    max-inline-size:min(480px,calc(100vw - 24px)); max-block-size:min(360px,60dvh);
    overflow:auto; overscroll-behavior:contain; scrollbar-width:thin;
  }
  html body select:not([multiple]):not([size]) option {
    display:flex;align-items:center;gap:10px;min-height:44px;padding:11px 12px;
    border:0;border-radius:8px;background:var(--panel);color:var(--text);
    font:inherit;white-space:normal;overflow-wrap:anywhere;cursor:pointer;
  }
  html body select:not([multiple]):not([size]) option:checked {background:var(--soft);color:var(--accent);font-weight:650}
  html body select:not([multiple]):not([size]) option:focus {outline:2px solid var(--accent);outline-offset:-2px;background:var(--inset)}
  html body select:not([multiple]):not([size]) option::checkmark {color:var(--accent);margin-inline-start:auto;order:1;flex:none}
  html body select:not([multiple]):not([size]) option:disabled {color:var(--muted);cursor:not-allowed}
  @media(hover:hover){html body select:not([multiple]):not([size]) option:hover{background:var(--inset)}}
  @media(max-width:640px){html body select:not([multiple]):not([size])::picker(select){max-block-size:55dvh}html body select:not([multiple]):not([size]) option{min-height:48px;font-size:15px}}
}