/* ═══════════════════════════════════════════════════════════════
   Personnes — styles extraits des motifs répétés de persons.js
   (cellules de table, lignes d'infraction, modale d'appartenance).
   Les bannières / emblèmes à couleur dynamique (safeColor) et les
   blocs de détail ponctuels restent inline.
═══════════════════════════════════════════════════════════════ */

/* ─── Cellules de la liste ─── */
.ppl-col-fav{width:34px;padding-right:0}
.ppl-col-name{font-weight:600;color:var(--text)}
.ppl-col-phone{font-family:monospace;color:var(--text2)}
.ppl-col-cc{color:var(--red)}
.ppl-col-vc{color:var(--blue3)}
.ppl-muted{color:var(--text3)}

/* ─── Lignes d'infraction (casier inline) ─── */
.ppl-cas-detail{display:none;padding:4px 0}
.ppl-cas-line{font-size:11px;color:var(--text2);padding:2px 0;display:flex;gap:6px;align-items:center}

/* ─── Modale d'appartenance ─── */
.ppl-modal-label{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.ppl-modal-footer{display:flex;gap:10px;justify-content:flex-end}