/* Registration/status UX */
.member-status-wrap{max-width:1120px;margin:18px auto 0;padding:0 18px}.member-status-wrap.hidden{display:none!important}.member-status{display:flex;align-items:center;justify-content:space-between;gap:18px;border:3px solid var(--ink);border-radius:22px;padding:16px 18px;box-shadow:var(--shadow)}.member-status.pending{background:var(--orange)}.member-status.approved{background:var(--lime)}.member-status.suspended{background:var(--coral)}.member-status-copy{display:grid;gap:4px}.member-status-copy b{font-size:18px}.member-status-copy span{font-size:12px;font-weight:800}.member-status-actions{display:flex;gap:8px;flex-wrap:wrap}.registration-success{max-width:760px;margin:28px auto;padding:28px;background:var(--lime);border:3px solid var(--ink);border-radius:28px;box-shadow:var(--shadow)}.registration-success h1{margin:8px 0 12px}.registration-success .steps{display:grid;gap:10px;margin:18px 0}.registration-success .steps div{padding:12px;border:2px solid var(--ink);border-radius:14px;background:rgba(255,255,255,.55);font-weight:800}@media(max-width:700px){.member-status{align-items:flex-start;flex-direction:column}.member-status-actions{width:100%}.member-status-actions .btn,.member-status-actions button{flex:1}.member-status-wrap{padding:0 12px}.registration-success{margin:18px 12px;padding:20px}}
