/* « Parler a un admin » — bouton du profil et fenetre d envoi (2026-10-07).
   DANS SA PROPRE FEUILLE, chargee pour tout le monde : ces regles vivaient dans
   admin-moderation.css, que seules les pages d admin chargent. Sur le profil d un joueur,
   le bouton arrivait donc sans style et l icone s affichait en taille reelle. */

.sup-open { display: inline-flex; align-items: center; gap: 7px; margin-top: var(--s2);
  padding: 7px 13px; border-radius: 10px; border: 0; cursor: pointer; font-size: 0.78rem;
  background: rgba(110, 168, 255, .12); color: var(--ink-soft);
  box-shadow: inset 0 0 0 1px rgba(110, 168, 255, .2); transition: background .18s ease, color .18s ease; }
.sup-open:hover { background: rgba(110, 168, 255, .2); color: var(--ink); }
.sup-ico { width: 15px; height: 15px; }
.sup-modal { position: relative; width: min(520px, calc(100vw - 32px)); padding: 22px 24px;
  border-radius: 16px; background: var(--bg-card);
  box-shadow: inset 0 0 0 1px rgba(110, 168, 255, .18), 0 20px 50px rgba(0, 0, 0, .5); }
.sup-title { margin: 2px 0 6px; }
.sup-lede { margin: 0 0 14px; color: var(--ink-dim); font-size: 0.84rem; }
.sup-area { width: 100%; resize: vertical; min-height: 120px; }
.sup-actions { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; }
.sup-count { font-size: 0.72rem; color: var(--ink-faint); }