/* styles/default/components/c-mention.css — #40 zmínka @Jméno v rich textu (pilulka); c-mention--me = zmínka aktuálního uživatele (tón yellow)
   Načítá se i do TinyMCE (content_css). Karta autocompleteru (c-mention-card__*) žije v menu TinyMCE mimo iframe, proto je stylovaná odsud přes .tox.
   Created :: 2026-10-22
   Updated :: 2026-10-28
   2026-10-28 :: M9 – úklid a revize (viz 04 kap. 3) */

.c-mention {
  display: inline;
  padding: .05em .45em;
  border-radius: var(--r-full);
  background: var(--color-primary-soft);
  color: var(--color-link);
  font-weight: var(--fw-medium);
  white-space: nowrap;
  text-decoration: none;
}
.c-mention--me { background: var(--tone-yellow-bg); color: var(--tone-yellow-fg); }

/* Karta v autocompleteru TinyMCE (cardmenuitem): iniciály v tónu uživatele + jméno + e-mail */
.tox .tox-collection__item .c-mention-card__avatar { display: inline-flex; align-items: center; justify-content: center; width: 2.4rem; height: 2.4rem; margin-right: var(--sp-2); border-radius: var(--r-full); background: var(--tone-bg); color: var(--tone-fg); font-size: var(--fs-xs); font-weight: var(--fw-semibold); letter-spacing: .02em; }
.tox .tox-collection__item .c-mention-card__name { font-weight: var(--fw-medium); }
.tox .tox-collection__item .c-mention-card__email { color: var(--color-text-muted); font-size: var(--fs-xs); }
.tox .tox-collection__item--active .c-mention-card__email { color: inherit; opacity: .8; }