/* Audit A12 · B63-103 — the "/" mention popover and chip (mention.js).
   Class-only selectors (the icon-font rule). */
.mnt-pop{ position:fixed;z-index:1750;max-height:min(360px,60dvh);display:flex;flex-direction:column;overflow:hidden;
  background:var(--bg-1);border:1px solid var(--border);border-radius:13px;box-shadow:0 18px 48px rgba(13,37,48,.24);padding:5px; }
.mnt-hd{ display:flex;align-items:center;gap:6px;padding:7px 9px 5px;font:600 11px/1.2 var(--mk-font-ui);color:var(--fg-3);flex:0 0 auto; }
.mnt-hd > .mi{ font-size:15px; }
.mnt-hd > b{ color:var(--accent-text,var(--accent));font:700 11px/1 var(--mk-font-mono,ui-monospace,monospace); }
.mnt-hd2{ color:var(--fg-1);font-size:12.5px; }
.mnt-hd2 > b{ font:700 12.5px/1.2 var(--mk-font-ui);color:var(--fg-1); }
.mnt-back{ width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--fg-2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center; }
.mnt-back:hover{ background:var(--bg-2); }
.mnt-back .mi{ font-size:17px; }
.mnt-search{ display:flex;align-items:center;gap:6px;margin:2px 4px 6px;padding:0 9px;height:34px;border:1px solid var(--border);border-radius:9px;background:var(--bg-2);flex:0 0 auto; }
.mnt-search > .mi{ font-size:16px;color:var(--fg-3); }
.mnt-search > input{ flex:1;min-width:0;border:0;background:transparent;outline:0;font:500 13px var(--mk-font-ui);color:var(--fg-1); }
.mnt-list{ overflow:auto;min-height:0; }
.mnt-pop > .mnt-it{ flex:0 0 auto; }
.mnt-pop{ overflow-y:auto; }
.mnt-it{ width:100%;display:flex;align-items:center;gap:9px;min-height:38px;padding:6px 9px;border:0;border-radius:9px;background:none;cursor:pointer;text-align:start;color:var(--fg-1); }
.mnt-it > .mi{ font-size:17px;color:var(--accent-text,var(--accent));flex:0 0 auto; }
.mnt-it:hover,.mnt-it.on{ background:var(--accent-soft); }
.mnt-t{ font:600 13px/1.25 var(--mk-font-ui);color:var(--fg-1);min-width:0;flex:1;overflow-wrap:anywhere; }
.mnt-tx{ display:flex;flex-direction:column;gap:1px;min-width:0;flex:1; }
.mnt-s{ font:500 11px/1.25 var(--mk-font-ui);color:var(--fg-3);overflow-wrap:anywhere; }
.mnt-n{ flex:0 0 auto;font:700 11px/1 var(--mk-font-ui);color:var(--fg-3);font-variant-numeric:tabular-nums; }
.mnt-it > .mnt-go{ font-size:16px;color:var(--fg-3); }
.mnt-none{ padding:12px 10px;font:500 12.5px var(--mk-font-ui);color:var(--fg-3); }
/* the chip, in a field and in whatever shows the text afterwards */
.mnt-chip{ display:inline-flex;align-items:center;gap:3px;padding:1px 7px 1px 5px;margin:0 1px;border-radius:6px;vertical-align:baseline;
  background:var(--accent-soft);color:var(--accent-text,var(--accent));font:600 .95em/1.35 var(--mk-font-ui);cursor:pointer;white-space:nowrap; }
.mnt-chip > .mi{ font-size:1.05em; }
[contenteditable="true"] .mnt-chip{ cursor:default; }
.mnt-chip:hover{ background:color-mix(in srgb,var(--accent) 22%,transparent); }
.msg.me .mb .mnt-chip{ background:color-mix(in srgb,#fff 24%,transparent);color:inherit; }