.invite-registration-fields { display: grid; gap: 13px; border: 0; margin: 0; padding: 0; min-width: 0; }
.invite-registration-fields small { margin-top: -7px; color: var(--muted, #66778e); line-height: 1.45; }
.invite-registration-form input { width: 100%; box-sizing: border-box; }
.invite-back, #matrixRegisterOpen { width: 100%; margin-top: 13px; }
.invite-avatar-picker { display: flex; gap: 14px; align-items: center; min-width: 0; }
.invite-avatar-preview { flex: 0 0 76px; width: 76px; height: 76px; padding: 0; border: 0; border-radius: 50%; overflow: hidden; color: var(--accent, #3478d4); background: var(--accent-soft, #e2edff); font: 32px sans-serif; cursor: pointer; }
.invite-avatar-preview img { width: 100%; height: 100%; object-fit: cover; }
.invite-avatar-picker > div { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
.invite-avatar-picker p { flex-basis: 100%; margin: 0; color: var(--muted, #66778e); font-size: 13px; }
.invite-avatar-picker [hidden] { display: none; }
.invite-registration-form .matrix-connect-status { margin: 0; }
.invite-admin-screen { max-width: 850px; margin: 0 auto; }
.invite-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.invite-code-list { display: grid; gap: 12px; }
.invite-code-row { display: flex; gap: 16px; align-items: center; border: 1px solid var(--border, #dae4f0); border-radius: 16px; padding: 18px; background: var(--surface, #fff); }
.invite-code-row > div { flex: 1; min-width: 0; }
.invite-code-row p, .invite-list-help { color: var(--muted, #66778e); font-size: 13px; margin: 6px 0; line-height: 1.5; }
.invite-code-status { padding: 6px 10px; border-radius: 20px; color: #54657a; background: #eef2f7; font-size: 12px; white-space: nowrap; }
.invite-code-status-active { background: #e3f3ec; color: #237454; }
.invite-code-status-pending { background: #fff1d7; color: #856013; }
.invite-code-reveal { margin-top: 18px; padding: 20px; background: #edf5ff; border: 1px solid #c8ddfa; border-radius: 18px; }
.invite-code-reveal p { line-height: 1.55; color: #546980; }
.invite-code-reveal input { width: 100%; box-sizing: border-box; padding: 13px; background: #fff; color: #19334f; border: 1px solid #b6cfea; border-radius: 10px; font: 14px ui-monospace, monospace; }
.invite-admin-status { min-height: 1.6em; line-height: 1.55; }
.invite-admin-status.error, .invite-registration-form .error { color: #b8374a; }
.invite-revoke-dialog { max-width: 440px; width: calc(100% - 40px); box-sizing: border-box; padding: 25px; border: 1px solid var(--border, #dae4f0); border-radius: 22px; color: var(--text, #172f4a); background: var(--surface, #fff); }
.invite-revoke-dialog::backdrop { background: rgb(13 32 58 / 40%); }
.invite-revoke-dialog p { line-height: 1.6; }
@media (max-width: 520px) { .invite-code-row { flex-wrap: wrap; gap: 12px; padding: 14px; } .invite-code-row > div { flex-basis: 100%; } .invite-code-row > button { margin-left: auto; } .invite-code-reveal { padding: 15px; } }
body[data-theme="dark"] .invite-code-reveal { background: #182c46; border-color: #344d6a; }
body[data-theme="dark"] .invite-code-reveal p { color: #a5b6cf; }