/* Tags du Chat comme dans Slack (06/11/2026) : bleu sur fond bleu pâle, jaune quand le tag me vise. */
span.men{background:rgba(29,155,209,.1);color:#1264a3;border-radius:3px;padding:0 2px;font-weight:400}
span.men.moi{background:rgba(242,199,68,.4);color:var(--chat-txt,#1d1c1d)}
html.theme-dark span.men{background:rgba(29,155,209,.18);color:#36b7ea}
html.theme-dark span.men.moi{background:rgba(242,199,68,.28);color:var(--chat-txt,#e8edf0)}
.chat-b.me span.men{background:none;padding:0}

/* Couche du champ de saisie (chat_jetons.js). Le bloc est opaque et ne change aucune largeur : ni
   marge ni graisse, sinon il ne tomberait plus sur le texte du champ. Le débord vertical couvre le
   soulignement du correcteur sans changer la hauteur de ligne. */
.cj-calque{position:absolute;display:none;overflow:hidden;pointer-events:none;user-select:none;z-index:1;--cj-pastille:#e8f5fa}
.cj-interne{box-sizing:border-box;color:transparent}
.cj-jeton{color:#1264a3;background:var(--cj-pastille);border-radius:3px;padding:2px 0 3px;box-shadow:-1px 0 0 var(--cj-pastille),1px 0 0 var(--cj-pastille)}
.cj-jeton.cj-debut{box-shadow:1px 0 0 var(--cj-pastille);clip-path:inset(-3px -2px -4px 1px)}
.cj-jeton.cj-fin{box-shadow:-1px 0 0 var(--cj-pastille);clip-path:inset(-3px 1px -4px -2px)}
.cj-jeton.cj-cache{visibility:hidden}
html.theme-dark .cj-jeton{color:#36b7ea}

/* La liste du @ passe au-dessus de la fenêtre « Modifier le message » (#uiDlg, 10099). */
.mentionpop{z-index:10120}