/* CU.css — Cartouche Utilisateur (scope CU-), neutre et réutilisable */
.CU {
  display:inline-flex; align-items:center; gap:8px;
  text-decoration:none;
  background: var(--card-bg, #fff);
  color: var(--text, #1f2a44);
  border:1px solid var(--bd, rgba(16,24,40,.10));
  border-radius:999px;
  padding:6px 10px;
}
.CU:hover { filter:brightness(0.98); }

.CU.card {
  border-radius: var(--radius,12px);
  padding:10px 12px;
  gap:12px;
  box-shadow: var(--shadow, 0 8px 24px rgba(16,24,40,.12));
}

.CU-info { display:flex; flex-direction:column; min-width:0; }
.CU-name { font-weight:600; line-height:1.2; }
.CU-sub  { font-size:.85rem; opacity:.8; }

.CU-label { font-weight:600; }

.CU-avatar { border-radius:50%; display:block; object-fit:cover; }
.CU-avatar--xs { width:24px; height:24px; }
.CU-avatar--sm { width:36px; height:36px; }
.CU-avatar--md { width:56px; height:56px; }


/* Cartouches dans les groupes : cadre persistant + liseré au hover */
.EV-groupe-inscrits .CU.chip,
.EV-groupe-inscrits .CU.card{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--bd, rgba(16,24,40,.20));
  background: var(--card-bg, #fff);
  border-radius: var(--radius, 12px);
  box-shadow: 0 2px 8px rgba(16,24,40,.06);
  text-decoration: none;
  color: inherit;
  transition: box-shadow .2s ease, border-color .2s ease;
}

/* Liseré plus épais au survol (anneau, pas de décalage layout) */
.EV-groupe-inscrits .CU.chip:hover,
.EV-groupe-inscrits .CU.card:hover{
  border-color: rgba(47,111,237,.35);
  box-shadow:
    0 0 0 2px rgba(47,111,237,.28),   /* anneau = liseré plus épais */
    0 8px 24px rgba(16,24,40,.12);    /* ombre portée */
}
/* Cadre persistant pour les inscrits sans groupe (classe CU-chip) */
.EV-section--inscrits .EV-inscrits-list .CU-chip{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--bd, rgba(16,24,40,.20));
  background: var(--card-bg, #fff);
  border-radius: var(--radius, 12px);
  box-shadow: 0 2px 8px rgba(16,24,40,.06);
  text-decoration: none;
  color: inherit;
  width: 100%;
  max-width: 220px;
  margin: 0 auto;                 /* bien centré dans la cellule */
  justify-content: center;        /* contenu centré */
  transition: box-shadow .2s ease, border-color .2s ease;
}

/* Liseré plus épais au survol */
.EV-section--inscrits .EV-inscrits-list .CU-chip:hover{
  border-color: rgba(47,111,237,.35);
  box-shadow:
    0 0 0 2px rgba(47,111,237,.28),
    0 8px 24px rgba(16,24,40,.12);
}
/* --- Harmonisation du variant chip : plus anguleux + avatar plus lisible --- */
.CU.chip {
  border-radius: var(--radius, 12px);     /* au lieu de 999px */
  padding: 10px 12px;                     /* même respiration que les autres cartouches */
}

.CU.chip .CU-avatar {
  width: 36px;                            /* avatar "sm" visuel */
  height: 36px;
}