/* Opt-in picker: preserve the host control dimensions; popup never expands its form. */
select.sq-picker-native { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; }
.sq-picker-trigger { display: flex !important; align-items: center; gap: 8px; width: 100%; min-width: 0; text-align: left; font: inherit; cursor: pointer; background: #fff; }
.sq-picker-trigger .sq-picker-label { flex: 1; min-width: 0; overflow-wrap: anywhere; white-space: normal; line-height: 1.35; }
.sq-picker-trigger .sq-picker-arrow { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; color: #4b5563; transition: transform .15s ease; }
.sq-picker-trigger .sq-picker-arrow svg { display: block; width: 14px; height: 9px; }
.sq-picker-trigger[aria-expanded="true"] .sq-picker-arrow { transform: rotate(180deg); }
.sq-picker-trigger.sq-picker-empty { color: #6b7280; }
.sq-picker-trigger:focus-visible { outline: 2px solid #075ff5; outline-offset: 2px; }
.sq-picker-trigger[aria-invalid="true"] { border-color: #dc2626 !important; }
.sq-picker-trigger:disabled { cursor: not-allowed; opacity: .65; }
.sq-picker-popup { position: fixed; z-index: 100000; box-sizing: border-box; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #d1d5db; border-radius: 8px; box-shadow: 0 8px 24px #0002; background: #fff; color: #1f2937; font-family: inherit; font-size: 14px; line-height: 1.4; }
.sq-picker-popup[hidden], .sq-picker-action[hidden] { display: none !important; }
.sq-picker-search { box-sizing: border-box; flex: 0 0 auto; width: calc(100% - 16px); min-width: 0; margin: 8px; padding: 8px 10px; border: 1px solid #d1d5db; border-radius: 5px; background: #fff; color: #1f2937; font: inherit; }
.sq-picker-search:focus { outline: 2px solid #075ff5; outline-offset: 0; }
.sq-picker-list { min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.sq-picker-option { padding: 9px 12px; cursor: pointer; overflow-wrap: anywhere; white-space: normal; }
.sq-picker-option:hover, .sq-picker-option.sq-picker-active { background: #eff6ff; }
.sq-picker-option[aria-selected="true"] { color: #075ff5; font-weight: 600; }
.sq-picker-option[aria-selected="true"]::after { content: ' ✓'; }
.sq-picker-footer { flex: 0 0 auto; padding: 8px 10px; border-top: 1px solid #e5e7eb; color: #6b7280; font-size: 12px; overflow-wrap: anywhere; }
.sq-picker-footer.sq-picker-footer-empty { padding: 20px 16px; text-align: center; font-size: 13px; }
.sq-picker-action { margin-left: 6px; padding: 2px 4px; border: 0; background: transparent; color: #075ff5; font: inherit; text-decoration: underline; cursor: pointer; }
.sq-picker-action:focus-visible { outline: 2px solid #075ff5; outline-offset: 1px; }