/*
 * Listes de membres (28/10/2026) : une ligne = avatar, pseudo (lien vers le profil), bouton « S'abonner » / « Abonné »,
 * et le champ de recherche. Partagé par la popup du profil (views/member/partial/presentation.php, css/memberProfile.css)
 * et la page Mes contacts (views/myaccount/friends.php). Appelé avec ?v=<?= _VERSION_ ?> : monter $version en prod.
 */
.vgp-people-list { list-style: none; margin: 0; padding: 0; }
.vgp-people-list li { display: flex; align-items: center; gap: 12px; padding: 8px 0; border-bottom: 1px solid #f1f3f5; }
.vgp-people-list li:last-child { border-bottom: 0; }
.vgp-people-list .who { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; color: #0f1028; text-decoration: none; }
.vgp-people-list .who:hover .ps { color: #c2006a; }
.vgp-people-list img { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; border: 2px solid #fff; box-shadow: 0 0 0 1px #dee2e6; flex: none; }
.vgp-people-list .ps { font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vgp-people-list .sc { margin-left: auto; font-size: 12px; font-weight: 800; color: #c2006a; white-space: nowrap; }
/* « S'abonner » = jaune fluo (appel à l'action, comme le bouton du profil) ; « Abonné » = fuchsia clair (c'est fait), Ben 28/10 */
.vgp-follow { flex: none; font: 700 12px 'Montserrat', sans-serif; border-radius: 99px; padding: 5px 12px; cursor: pointer; border: 0;
    color: #0f1028 !important; background: #F2E70D; text-decoration: none !important; }
.vgp-follow.on { background: #fde6f2; color: #c2006a !important; }
.vgp-follow:focus-visible { outline: 2px solid #e6007e; outline-offset: 2px; }
.vgp-people-more { text-align: center; color: #6c757d; font-size: 12px; padding: 10px 0 4px; }
.vgp-people-none { text-align: center; color: #6c757d; font-size: 13px; padding: 14px 0 6px; margin: 0; }
.vgp-people-list .st { font-size: 12px; color: #6c757d; white-space: nowrap; }
.vgp-people-list .st .fa-check { color: #28a745; }
/* recherche d'un membre */
.vgp-people-search { position: relative; }
.vgp-people-search[hidden] { display: none; }
.vgp-people-search i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #adb5bd; font-size: 13px; pointer-events: none; }
.vgp-people-search input { width: 100%; height: 38px; padding: 0 14px 0 36px; border: 1px solid #dee2e6; border-radius: 99px; font-size: 14px; color: #0f1028; background: #f8f9fa; }
.vgp-people-search input:focus { outline: 0; border-color: #e6007e; background: #fff; box-shadow: 0 0 0 3px rgba(230, 0, 126, .12); }