#mentions-open{position:relative;background:none;border:0;color:var(--accent,#a579df);padding:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
#mentions-open svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.35;transform:scale(.88);stroke-linecap:round;stroke-linejoin:round}
#mentions-open.has-mentions{color:#f2cf50}
#mentions-open .mention-dot{position:absolute;right:-2px;top:-2px;min-width:14px;height:14px;padding:0 3px;box-sizing:border-box;border-radius:8px;background:#f2cf50;color:#201b09;font:600 9px/14px system-ui,sans-serif;text-align:center;pointer-events:none}
#mentions-open .mention-dot[hidden]{display:none}
#mentions-dialog{color:#eee;background:#181820;border:1px solid #47404f;border-radius:18px;width:min(560px,calc(100vw - 28px));max-height:75dvh;padding:18px;box-sizing:border-box}
#mentions-dialog::backdrop{background:#0008}
#mentions-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#mentions-dialog header button{background:none;border:0;color:#bbb;font-size:26px;cursor:pointer;min-width:40px;min-height:40px}
#mentions-dialog .mention-list{overflow-y:auto;max-height:55dvh;display:grid;gap:8px}
#mentions-dialog .mention-item{display:grid;gap:7px;text-align:left;border:1px solid #3b3545;border-radius:10px;background:transparent;color:inherit;padding:12px;cursor:pointer;font:inherit;overflow-wrap:anywhere;white-space:pre-wrap}
#mentions-dialog .mention-item.unread .mention-meta{color:#ccc}
#mentions-dialog .mention-meta{color:#aaa;font-size:.8em}
#mentions-dialog .mention-feedback{color:#f2cf50;font-size:.9em}
@media(max-width:760px){#mentions-open svg{width:24px;height:24px}#mentions-dialog{padding:12px}}

#mentions-dialog header .mentions-clear{font:inherit;font-size:.85em;color:#f2cf50;margin-left:auto;padding:6px 10px;border:1px solid #f2cf5040;border-radius:8px}
.mention-nick{color:#f2cf50;background:none;font-weight:inherit}

#chat .top-actions #bottom-tabs #mentions-open.has-mentions{color:#f2cf50!important}
#chat #bottom-tabs #mentions-open svg{stroke-width:1.35;transform:scale(.88)}