.user-picker { position:relative; width:100%; }
.user-picker > summary { border:1px solid var(--color-border, #cbd5e1); border-radius:var(--radius-md, .375rem); padding:.75rem; cursor:pointer; background:var(--color-surface, #fff); }
.user-picker__selected { overflow-wrap:anywhere; font-size:1rem; }
.user-picker__panel { border:1px solid var(--color-border, #cbd5e1); border-radius:var(--radius-md, .375rem); padding:.75rem; background:var(--color-surface, #fff); }
.user-picker__options { max-height:18rem; overflow:auto; margin-top:.5rem; }
.user-picker__option { display:flex; gap:.75rem; align-items:center; padding:.5rem; cursor:pointer; }
.user-picker__filtered { display:none !important; }
.user-picker__native { position:absolute !important; width:1px !important; height:1px !important; overflow:hidden; clip-path:inset(50%); }
.user-picker summary:focus-visible, .user-picker input:focus-visible { outline:2px solid var(--color-primary, #2563eb); outline-offset:2px; }