.auth-switch{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 0 18px;font-size:13px;color:var(--secondary)}
.auth-switch button{min-height:32px;padding:3px 7px;border:0;background:transparent;box-shadow:none;color:var(--gold-text);backdrop-filter:none}
#registrationForm input{margin-bottom:14px}
#loginView.is-registering{padding-top:24px;padding-bottom:16px}
.is-registering .login-layout{margin-top:20px;margin-bottom:24px}
.is-registering .login-card{padding:24px 30px 18px}
.is-registering .login-card h2{font-size:28px;margin-top:12px}
.is-registering .login-description{margin-bottom:12px}
.is-registering .registration-help{margin-bottom:12px}
.is-registering #registrationForm label{margin-bottom:5px}
.is-registering #registrationForm input{min-height:42px;padding:9px 12px;margin-bottom:10px}
.is-registering #registrationForm .primary{height:42px;min-height:42px}
.is-registering .auth-switch{margin-top:6px;margin-bottom:10px}
.is-registering .login-note{padding-top:12px}
#registrationError{min-height:22px;font-size:12px;line-height:1.6;color:var(--gold-text);margin:10px 0 0}
.registration-help{margin:0 0 20px;font-size:12px;line-height:1.8;color:var(--secondary)}
#manageInvitations{font-size:12px;min-height:34px;padding:5px 10px;white-space:nowrap}
#invitationDialog{width:min(560px,calc(100% - 28px))}
#invitationDialog h2{margin-top:12px}
#invitationDialog input[readonly]{font-family:Consolas,monospace;font-size:12px;margin:8px 0}
#invitationDialog .invitation-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:16px 0}
#invitationDialog .invitation-controls button{font-size:12px;min-height:36px;padding:6px 12px}
.invitation-help{font-size:12px;color:var(--secondary);line-height:1.8}
#invitationStatus{font-size:12px;color:var(--gold-text);min-height:20px}
#invitationList{list-style:none;padding:0;margin:16px 0 0;max-height:240px;overflow:auto}
#invitationList li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:12px;color:var(--secondary)}
#invitationList li span{overflow-wrap:anywhere}
#invitationList button{min-height:30px;padding:3px 10px;font-size:11px}
@media(max-width:540px){#manageInvitations{font-size:11px;padding:4px 6px}.auth-switch{font-size:12px}#invitationDialog{padding:22px}}