/* Member directory module — avatar initials + detail lists.
   Unlayered, .ac-plugin-scoped. The card grid comes from the shared
   .ac-classifieds-layout .ac-card-list rule in classifieds.css. */

/* Multi-column directory/roster grid of compact avatar cards (mockup look). */
.ac-plugin .ac-directory-list { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.ac-plugin .ac-directory-card { display: flex; flex-direction: column; gap: .15rem; }
/* The `display: flex` above outranks the UA `[hidden] { display: none }`, so the
   search filter's `card.hidden = true` must be honoured with a matching-scope rule. */
.ac-plugin .ac-directory-card[hidden] { display: none; }
.ac-plugin .ac-avatar {
  width: 38px; height: 38px; border-radius: 50%;
  background: var(--ac-accent-soft); color: var(--ac-accent);
  display: inline-flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: .95rem; margin-bottom: .5rem;
}
.ac-plugin .ac-detail-list { list-style: none; margin: .4rem 0 0; padding: 0; display: grid; gap: .3rem; }
.ac-plugin .ac-detail-list li { font-size: .9rem; color: var(--ac-ink); }
.ac-plugin .ac-detail-list strong { color: var(--ac-muted); font-weight: 600; font-size: .82rem; text-transform: uppercase; letter-spacing: .03em; margin-right: .35rem; }