/* The application select geometry, shared by the two demo surfaces. */
.partner-picker { position:relative; min-width:0; width:100%; }
.partner-picker > select[hidden] { display:none !important; }
.partner-picker-control { display:block; width:100%; min-height:46px; margin:0; padding:11px 38px 11px 14px; border:1px solid var(--border); border-radius:10px; background:var(--surface-soft); color:var(--text); font:inherit; font-size:14px; line-height:1.5; text-align:left; box-shadow:none; }
button.partner-picker-control { cursor:pointer; }
.partner-picker-control::placeholder { color:var(--text-light); opacity:1; }
.partner-picker-control:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.partner-picker-chevron { position:absolute; right:17px; top:19px; width:8px; height:8px; border-right:1.5px solid var(--text-soft); border-bottom:1.5px solid var(--text-soft); transform:rotate(45deg); pointer-events:none; }
.partner-picker.open .partner-picker-chevron { transform:rotate(225deg); top:22px; }
.partner-picker.open { z-index:150; }
.partner-picker-menu { position:absolute; top:calc(100% + 7px); left:0; right:0; z-index:150; max-height:min(260px,36vh); overflow:auto; overscroll-behavior:contain; padding:6px; border:1px solid var(--border); border-radius:12px; background:var(--surface-elevated); box-shadow:0 18px 50px rgba(0,0,0,.22); }
.partner-picker-menu[hidden] { display:none; }
.partner-picker-option { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:40px; margin:0; padding:9px 12px; border-radius:8px; color:var(--text-soft); font:inherit; font-size:13px; line-height:1.5; cursor:pointer; overflow-wrap:anywhere; }
.partner-picker-option + .partner-picker-option { margin-top:4px; }
.partner-picker-option:hover,.partner-picker-option.active { background:var(--surface-soft); color:var(--text); }
.partner-picker-option.selected { background:var(--accent-soft); color:var(--accent); }
.partner-picker-option.selected::after { content:'✓'; flex:0 0 auto; }
.partner-picker-empty { margin:0; padding:12px; color:var(--text-soft); font:inherit; font-size:13px; }
@media(max-width:560px) { .partner-picker-control { font-size:16px; } .partner-picker-option { min-height:44px; font-size:14px; } }