/* Compo probable dans la vue Intuitif de /app (compo.js), chargé après b2b.css. */
.iv-cp{gap:12px}
/* Bulle (i) sous la ligne de la note (sans retour à la ligne, elle écrasait la note
   et débordait de l'écran sur téléphone ; Joris, 29/10/2026). */
.iv-cp .pq-hh{align-items:flex-start}
.iv-cp-note{flex:1 1 0;min-width:0;margin:0;color:var(--s400);font-size:13px;line-height:1.4}
/* Une carte par équipe, la sienne d'abord ; côte à côte sur ordinateur. */
.iv-cp-eqs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:10px}
.iv-cp-eq{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--s800);border-radius:12px;background:var(--s950);min-width:0}
.iv-cp-h{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.iv-cp-tag{font:800 11.5px/1.4 var(--f);color:#4ade80;background:rgba(74,222,128,.12);padding:2px 8px;border-radius:99px;white-space:nowrap}
.iv-cp-tag.amb{color:#fbbf24;background:rgba(251,191,36,.1)}
/* Le cinq : poste, photo, nom (remplace…, statut), titularisations. */
.iv-cp-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.iv-cp-j{display:grid;grid-template-columns:72px 34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 8px;border-radius:10px}
.iv-cp-j.moi{background:rgba(74,222,128,.08);box-shadow:inset 0 0 0 1px rgba(74,222,128,.5)}
.iv-cp-s{font-size:12px;font-weight:700;color:var(--s400);line-height:1.2}
.iv-cp-n{display:flex;flex-direction:column;gap:1px;min-width:0}
.iv-cp-nl{display:flex;align-items:baseline;gap:4px;min-width:0}
.iv-cp-nl b{font-size:14.5px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.iv-cp-j.moi .iv-cp-nl b{color:#4ade80}
.iv-cp-nl .iv-coeq-st{flex:none;font-size:12px}
.iv-cp-r{font-size:12px;font-weight:700;color:#fbbf24;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iv-cp-c{font:700 12.5px var(--m);color:var(--s400);white-space:nowrap}
/* Le banc et les absents, en pastilles. */
.iv-cp-p{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.iv-cp-k{font-size:12.5px;font-weight:700;color:var(--s300);margin-right:2px;white-space:nowrap}
.iv-cp-chip{display:inline-flex;align-items:baseline;gap:5px;padding:3px 9px;border-radius:999px;font-size:12.5px;font-weight:600;
  color:var(--s200);border:1px solid var(--s700);background:var(--s900);white-space:nowrap}
.iv-cp-chip small{font:700 11.5px var(--m);color:var(--s400)}
.iv-cp-chip.moi{border-color:rgba(74,222,128,.5);color:#4ade80}
.iv-cp-chip.abs{border-color:rgba(248,113,113,.3);background:rgba(248,113,113,.06)}
@media(max-width:370px){.iv-cp-j{grid-template-columns:62px 30px minmax(0,1fr) auto;gap:6px;padding:5px 6px}
  .iv-cp-nl b{font-size:14px}}