/* ═══ @mentions picker (assets/js/parts/mentions.js) ═══ */
.mn-pop{position:absolute;z-index:1200;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-3);padding:6px;max-height:min(320px,50vh);overflow-y:auto;overscroll-behavior:contain}
.mn-pop[hidden]{display:none}
.mn-h{font:700 11.5px/1 var(--ui);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:8px 10px 6px}
.mn-it{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border:0;border-radius:10px;background:none;text-align:left;cursor:pointer;font:inherit;color:var(--ink)}
.mn-it .avatar,.mn-it img{width:34px;height:34px;flex:0 0 auto;border-radius:50%}
.mn-it span{display:flex;flex-direction:column;min-width:0}
.mn-it b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mn-it small{color:var(--muted);font-size:12.5px}
.mn-it.on,.mn-it:hover{background:var(--mint)}
.mn-empty{padding:12px;color:var(--muted);font-size:14px}