/* The two auth pages: sign in and join. Light theme on the shared panel, nothing else. */
.auth-page .login-main{max-width:520px;padding-top:40px}
.auth-panel label{margin-top:16px}
.auth-panel label:first-of-type{margin-top:0}
.auth-panel .ui-field--auth{width:100%}
.auth-panel .ui-button--auth{margin-top:22px;width:100%}
.auth-note{margin-top:22px}
.auth-hint{margin:6px 0 0;line-height:1.5}
.auth-optional{font-weight:400;color:var(--muted)}
.auth-password-row{display:flex;gap:8px;align-items:end}
.auth-password-row .ui-field--auth{flex:1}
.ui-controls.ui-theme-light .auth-show{min-height:44px;margin-top:7px;padding:0 12px;border:1px solid var(--ui-auth-field-edge);border-radius:3px;background:transparent;color:var(--ui-auth-show-ink);font-size:12px;font-weight:600}
.ui-controls.ui-theme-light .auth-show[aria-pressed=true]{background:var(--ui-auth-show-ink);color:var(--ui-auth-show-ink-on)}
.auth-panel .message.error{color:var(--ui-auth-error)}
.auth-panel h1{margin-top:0}
/* Member-shareable invitation on the Account page. */
.account-invite[hidden],.invite-link-row[hidden],.account-invite button[hidden]{display:none!important}
.invite-link-row{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap;margin:8px 0}
.invite-link-row input{flex:1 1 220px;min-width:0}
.invite-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}