.ca-members {
  --mb-purple: #8254e9;
  --mb-purple-soft: #f4f0ff;
  --mb-line: #ece8f5;
  --mb-muted: #667085;
  --mb-text: #1f1630;
  font-family: system-ui, -apple-system, sans-serif;
}
body.dark-mode .ca-members {
  --mb-purple-soft: #2b2238;
  --mb-line: #3b2f44;
  --mb-muted: #b8b1cc;
  --mb-text: #efeff5;
}
.ca-members .card {
  border: 1px solid var(--mb-line);
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(130, 84, 233, 0.06);
  margin-bottom: 1.25rem;
}
.ca-members .card-header {
  background: linear-gradient(135deg, rgba(130, 84, 233, 0.1), rgba(148, 91, 182, 0.04));
  border-bottom: 1px solid var(--mb-line);
  font-weight: 700;
  color: var(--mb-text);
}
.ca-members-hero {
  background: linear-gradient(135deg, rgba(130, 84, 233, 0.92), #1f1630);
  color: #fff;
  border-radius: 14px;
  padding: 2.5rem 1.5rem;
  text-align: center;
  margin-bottom: 1.5rem;
}
.ca-members-hero h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 900;
  margin: 0 0 0.5rem;
}
.ca-members-hero p {
  margin: 0 auto;
  max-width: 36rem;
  opacity: 0.92;
  font-size: 1.05rem;
}
.ca-members-table-wrap {
  border: 1px solid var(--mb-line);
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
}
body.dark-mode .ca-members-table-wrap { background: #1e1828; }
.ca-members .table { margin: 0; }
.ca-members .table thead th {
  background: linear-gradient(180deg, rgba(130, 84, 233, 0.1), rgba(130, 84, 233, 0.02));
  color: var(--mb-text);
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-bottom: 1px solid var(--mb-line);
  padding: 12px;
  white-space: nowrap;
}
.ca-members .table tbody td {
  vertical-align: middle;
  padding: 12px;
  border-bottom: 1px solid var(--mb-line);
  color: var(--mb-text);
  font-size: 0.88rem;
}
.ca-members .table tbody tr:hover { background: rgba(130, 84, 233, 0.04); }
.ca-member-user { display: flex; align-items: center; gap: 12px; min-width: 0; }
.ca-member-avatar {
  width: 44px; height: 44px; border-radius: 50%; object-fit: cover;
  border: 2px solid rgba(130, 84, 233, 0.2); flex-shrink: 0;
}
.ca-member-name { font-weight: 700; color: var(--mb-text); text-decoration: none; }
.ca-member-name:hover { color: var(--mb-purple); }
.ca-member-socials { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 4px; }
.ca-member-socials a {
  font-size: 0.72rem; padding: 2px 8px; border-radius: 999px;
  border: 1px solid rgba(130, 84, 233, 0.25); color: var(--mb-purple);
  text-decoration: none;
}
.ca-member-socials a:hover { background: rgba(130, 84, 233, 0.08); }
.ca-chain-chip {
  display: inline-flex; align-items: center; gap: 6px;
  border-radius: 999px; padding: 0.25rem 0.65rem;
  font-size: 0.75rem; font-weight: 700;
  background: rgba(130, 84, 233, 0.12); color: var(--mb-purple);
  border: 1px solid rgba(130, 84, 233, 0.25);
}
/* achievement badge chips under the username (first vote/share/report/audit) */
.ca-member-badges { display: flex; flex-wrap: wrap; gap: 4px; margin: 5px 0 2px; }
.ca-badge-chip {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 0.68rem; font-weight: 700; line-height: 1;
  padding: 0.2rem 0.5rem; border-radius: 999px;
  background: linear-gradient(135deg, rgba(245,158,11,.16), rgba(130,84,233,.12));
  color: #b45309; border: 1px solid rgba(245,158,11,.32);
}
.ca-badge-chip i { font-size: 0.72rem; color: #d97706; }
.ca-badge-sym { opacity: .7; font-weight: 600; }
.ca-badge-more { background: transparent; border-style: dashed; color: var(--mb-muted, #64748b); }
body.dark-mode .ca-badge-chip { color: #fcd9a8; }

.ca-stat-val { font-weight: 700; color: var(--mb-text); }
.ca-filter-chip {
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(130, 84, 233, 0.12); color: var(--mb-purple);
  border: 1px solid rgba(130, 84, 233, 0.25);
  padding: 0.35rem 0.75rem; border-radius: 999px; font-size: 0.82rem; font-weight: 600;
}
.ca-members .form-select:focus,
.ca-members .form-control:focus {
  border-color: rgba(130, 84, 233, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(130, 84, 233, 0.15);
}
@media (max-width: 992px) {
  .ca-members-table-wrap { overflow-x: auto; }
  .ca-members .table { min-width: 720px; }
}