.auth-split .auth-email-suggestions { position: relative; min-width: 0; }
.auth-split .auth-email-suggestions > input { width: 100%; }
.auth-split .auth-email-suggestion-panel { position: absolute; z-index: 12; top: calc(100% + 5px); left: 0; right: 0; padding: 5px; border: 1px solid var(--auth-border); border-radius: 8px; background: var(--auth-surface, #fff); box-shadow: 0 10px 30px #071a181a; }
.auth-split .auth-email-suggestion-panel > p { margin: 5px 8px 7px; color: var(--auth-muted); font-size: 12px; }
.auth-split .auth-email-suggestion-panel ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; max-height: 188px; overflow-y: auto; margin: 0; padding: 0; list-style: none; }
.auth-split .auth-email-suggestion-panel button { display: flex; width: 100%; min-width: 0; min-height: 35px; align-items: center; justify-content: flex-start; gap: 0; border: 0; border-radius: 4px; padding: 6px 9px; background: transparent; color: var(--auth-text); text-align: left; font-size: 12px; line-height: 1.4; cursor: pointer; }
.auth-split .auth-email-suggestion-panel button > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--auth-muted); }
.auth-split .auth-email-suggestion-panel button > strong { flex-shrink: 0; font-weight: 600; }
.auth-split .auth-email-suggestion-panel button:hover, .auth-split .auth-email-suggestion-panel button.is-active { background: color-mix(in srgb, var(--auth-text) 7%, transparent); }
.auth-split .auth-email-suggestion-panel button:focus-visible { outline: 2px solid #397da8; outline-offset: -2px; }
@media (max-width: 380px) { .auth-split .auth-email-suggestion-panel ul { grid-template-columns: minmax(0, 1fr); } }
