/* Authentication domain owner: login, registration and password recovery. */
.auth-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--canvas)}
.auth-card{width:min(440px,100%);border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--paper);padding:24px;box-shadow:var(--shadow-card)}
.auth-back{display:inline-flex;margin-bottom:24px;color:var(--muted);text-decoration:none}
.auth-brand{display:flex;align-items:center;gap:12px}
.auth-brand p,.auth-brand h1{margin:0}
.auth-brand p{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.auth-brand h1{margin-top:2px;font-size:24px;letter-spacing:-.025em}

.auth-secondary-actions{margin-top:20px;flex-wrap:wrap}
.auth-secondary-actions .button{flex:1 1 170px}
.phone-verification{margin-top:24px;text-align:center}
.phone-verification-copy{margin:0;line-height:1.55}
.phone-verification-call{margin:16px 0 0}
.phone-verification-call-button{min-width:220px;font-size:18px;font-variant-numeric:tabular-nums}
.phone-verification-hint{max-width:360px;margin:14px auto 0;color:var(--muted);line-height:1.55}
.phone-verification-status{margin:20px 0 0;text-align:center;color:var(--muted);font-size:14px}
.phone-verification-status[data-state="success"]{color:var(--state-success-fg)}
.phone-verification-status[data-state="warning"]{color:var(--state-warning-fg)}
.phone-verification-status[data-state="error"]{color:var(--state-danger-fg)}
.phone-verification-edit-form{margin-top:18px;text-align:center}
.auth-text-link{appearance:none;border:0;background:none;padding:0;color:var(--muted);font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.auth-text-link:hover{color:var(--ink)}