.mention-picker { flex: none; max-height: min(28dvh, var(--mention-list-height)); overflow-y: auto; overscroll-behavior: contain; background: var(--surface-glass); color: var(--ink-primary); border-top: 1px solid var(--line-soft); backdrop-filter: blur(var(--blur-glass)); -webkit-backdrop-filter: blur(var(--blur-glass)); padding: var(--space-2) var(--space-3); }
.mention-heading { padding: var(--space-2); font-size: var(--text-caption); color: var(--ink-secondary); }
.mention-picker button { display: flex; width: 100%; min-height: var(--touch-normal); align-items: center; gap: var(--space-3); padding: var(--space-2); border: 0; border-radius: var(--radius-small); background: transparent; color: inherit; text-align: left; font-size: var(--text-body); }
.mention-picker button:hover, .mention-picker button[aria-selected="true"] { background: var(--surface-accent); color: var(--action-selected); }
.mention-picker .avatar { width: var(--avatar-small); height: var(--avatar-small); border-radius: var(--radius-pill); }
.mention-at { margin-left: auto; color: var(--ink-secondary); }
.mention-empty { padding: var(--space-3); color: var(--ink-secondary); font-size: var(--text-small); }
.chat-mention { color: var(--action-selected); background: transparent; font-weight: 700; }
.mine .chat-mention { color: var(--ink-on-accent); background: transparent; text-decoration: none; }
.chat-mention-me { box-shadow: none; }
.chat-text-link { color: inherit; text-decoration: underline; text-underline-offset: .15em; overflow-wrap: anywhere; }
/* "@All": tags everyone in the chat. */
.mention-all-avatar { display: inline-grid; place-items: center; background: var(--action-primary); color: var(--ink-on-accent, #fff); }
.mention-all-avatar .ui-icon { width: 60%; height: 60%; }
.mention-all-note { display: block; color: var(--ink-secondary); font-size: var(--text-micro, 11px); font-weight: 500; }