/* Keep native selection, keyboard, validation and change events. Only supported
   browsers opt into the bounded picker; others retain their platform picker. */
@supports (appearance: base-select) and selector(select::picker(select)) {
  body.mobile-ui-active :is(.qd-mobile,#quoteEditorModal,.mobile-quote-compact) select:not([multiple]):not([size]),
  body.mobile-ui-active :is(.qd-mobile,#quoteEditorModal,.mobile-quote-compact) select:not([multiple]):not([size])::picker(select) {
    appearance:base-select;
  }
  body.mobile-ui-active :is(.qd-mobile,#quoteEditorModal,.mobile-quote-compact) select:not([multiple]):not([size]) {
    align-items:center; gap:6px; font-family:inherit; font-weight:400;
    padding-inline-end:8px; cursor:pointer;
  }
  body.mobile-ui-active :is(.qd-mobile,#quoteEditorModal,.mobile-quote-compact) select:not([multiple]):not([size])::picker-icon {
    font-size:10px; color:#78899b; margin-left:auto; flex:none;
  }
  body.mobile-ui-active :is(.qd-mobile,#quoteEditorModal,.mobile-quote-compact) select:not([multiple]):not([size])::picker(select) {
    box-sizing:border-box; min-inline-size:anchor-size(self-inline);
    max-inline-size:calc(100vw - 24px); max-block-size:min(232px,calc(50dvh - 28px));
    overflow:auto; overscroll-behavior:contain; scrollbar-width:thin;
    margin:4px 0; padding:4px; border:1px solid #d5dfea; border-radius:7px;
    background:#fff; color:#30465e; box-shadow:0 6px 20px #1a355e26;
    font-family:inherit; font-size:12px; font-weight:400; line-height:18px;
  }
  body.mobile-ui-active :is(.qd-mobile,#quoteEditorModal,.mobile-quote-compact) select:not([multiple]):not([size]) option {
    box-sizing:border-box; display:flex; align-items:center; gap:6px;
    min-block-size:32px; padding:6px 8px; border:0; border-radius:4px;
    font-family:inherit; font-size:12px; line-height:18px; font-weight:400;
    white-space:normal; overflow-wrap:anywhere; background:#fff; color:#30465e;
  }
  body.mobile-ui-active :is(.qd-mobile,#quoteEditorModal,.mobile-quote-compact) select:not([multiple]):not([size]) option:checked {background:#edf5ff;color:#155fc0;}
  body.mobile-ui-active :is(.qd-mobile,#quoteEditorModal,.mobile-quote-compact) select:not([multiple]):not([size]) option:is(:hover,:focus-visible) {background:#e5effc;outline:0;}
  body.mobile-ui-active :is(.qd-mobile,#quoteEditorModal,.mobile-quote-compact) select:not([multiple]):not([size]) option:disabled {color:#94a1b0;background:#f7f8fa;}
  body.mobile-ui-active :is(.qd-mobile,#quoteEditorModal,.mobile-quote-compact) select:not([multiple]):not([size]) option::checkmark {font-size:10px;}
  body.mobile-ui-active :is(.qd-mobile,#quoteEditorModal,.mobile-quote-compact) select:not([multiple]):not([size]) optgroup {font-size:11px;font-weight:600;color:#718196;}
}