.invite-page { min-height:100vh; display:grid; place-items:center; padding:24px 16px; }
.invite-panel { width:100%; max-width:460px; background:var(--surface); border:1px solid var(--line); border-radius:8px; padding:32px; }
.invite-panel>img { object-fit:contain; margin-bottom:16px; }
.invite-panel h1 { font-size:24px; margin:0 0 16px; }
.invite-panel p { line-height:1.6; overflow-wrap:anywhere; }
.invite-panel form { display:grid; gap:18px; }
.invite-panel form[hidden], .invite-panel a[hidden] { display:none; }
.invite-panel label { display:grid; gap:8px; font-size:14px; font-weight:600; }
.invite-panel input { width:100%; min-width:0; min-height:44px; padding:10px 12px; border:1px solid var(--line); border-radius:6px; background:var(--surface); font:inherit; }
.invite-panel input:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.invite-panel .primary-btn, .invite-panel .secondary-btn { display:flex; justify-content:center; text-decoration:none; }
.invite-password-rule { color:var(--muted); font-size:13px; margin:0; }
#inviteNotice[data-error=true] { color:var(--danger); }
.user-invitation-controls { display:flex; gap:10px; flex-wrap:wrap; padding:14px 16px; align-items:center; }
.user-invitation-meta { padding:0 16px 14px; font-size:13px; color:var(--muted); line-height:1.6; overflow-wrap:anywhere; }
.user-invitation-meta p { margin:4px 0; }
.users-directory-table .user-role-badge { max-width:100%; white-space:normal; overflow-wrap:anywhere; }