/* CRESSMA — membres/membres.css — Styles cartes membres accordéon */
/* #membersAccordion, .mcard-*, .member-status-badge */

/* ── MEMBRES — Cartes accordéon ─────────────────────────────── */
#membersAccordion{display:flex;flex-direction:column;gap:.5rem;padding:.25rem 0}

.mcard{
  background:#112244;
  border:1.5px solid rgba(34,211,238,.45);
  border-radius:12px;
  overflow:hidden;
  -webkit-tap-highlight-color:transparent;
  margin-bottom:.1rem;
  box-shadow:0 2px 12px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06);
  position:relative;
  z-index:1}
.mcard:hover{border-color:rgba(34,211,238,.75)}

/* Corps déplié */
.mcard-body{border-top:1px solid rgba(255,255,255,.07);padding:.75rem .875rem;
            display:flex;flex-direction:column;gap:.5rem}
.mcard-arrow{color:var(--text-muted);font-size:.8rem;
             transition:transform .2s;
             flex-shrink:0;
             user-select:none}
.mcard-detail-row{
  display:flex;flex-direction:row;align-items:baseline;gap:.6rem;font-size:.83rem}
.mcard-detail-label{color:var(--text-muted);font-size:.72rem;text-transform:uppercase;
                    letter-spacing:.08em;min-width:68px;flex-shrink:0}

/* Badges statut dans la ligne repliée */
.member-status-badge{font-size:.65rem;font-weight:700;padding:2px 7px;
                     border-radius:5px;letter-spacing:.04em;white-space:nowrap}
.member-status-badge.pending  {background:rgba(251,191,36,.15);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}
.member-status-badge.suspended{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3)}