.membership-auth{max-width:480px;margin:2rem auto 3rem;display:grid;gap:1rem;padding:2rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}
.membership-auth h2{font-size:1.5rem}.membership-auth p,.membership-auth small{color:var(--muted)}.membership-auth label{display:grid;gap:.45rem}.membership-auth small{font-size:.82rem;margin-top:-.6rem}.membership-auth .button{justify-content:center}.membership-auth .text-link{justify-content:center;background:transparent;border:0}.membership-auth input{min-height:48px}
.member-workspace{margin-top:1.5rem}.member-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.member-heading h2{font-size:1.6rem}.member-heading p{color:var(--muted);margin-top:.5rem}.member-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.5rem 0}.member-filters button{padding:.65rem .9rem}.member-filters button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.member-filters span{margin-left:.4rem}.member-list{border-top:1px solid var(--line)}.member-row{display:flex;align-items:center;gap:1.5rem;padding:1.4rem 0;border-bottom:1px solid var(--line)}.member-person{display:flex;gap:.9rem;align-items:center;flex:1;min-width:0}.member-person h3{font-size:1rem;overflow-wrap:anywhere}.member-person p{font-size:.88rem;color:var(--muted);overflow-wrap:anywhere}.member-avatar{width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--soft);border:1px solid var(--line);font-size:1.2rem}.member-date{display:grid;gap:.2rem;font-size:.85rem}.member-date small{color:var(--muted)}.member-actions{display:flex;gap:.65rem;flex-wrap:wrap}.member-empty{padding:3rem 1rem;text-align:center}.member-empty p{color:var(--muted);margin-top:.6rem}.member-paging{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.5rem 0}.member-paging span{font-size:.85rem}
@media(max-width:640px){.membership-auth{padding:1.3rem;margin:1rem 0;max-width:none}.member-heading{align-items:flex-start}.member-heading .button{white-space:nowrap}.member-row{flex-wrap:wrap;gap:1rem}.member-person{flex-basis:60%}.member-date{font-size:.8rem}.member-actions{width:100%;justify-content:flex-end}.member-filters{gap:.4rem}.member-filters button{padding:.6rem;font-size:.85rem}}