/* Compact, accessible authentication screens; shared by Google-only signup and legacy login. */
.auth-main{padding:24px 16px 48px}
.auth-panel{width:min(100%,520px);max-width:520px;margin:22px auto;padding:32px}
.auth-panel.auth-login-panel{max-width:480px}
.auth-title{font-size:clamp(28px,4.5vw,38px);line-height:1.18;letter-spacing:-1.3px;margin:18px 0 8px;overflow-wrap:anywhere}
.auth-panel .google-auth-btn{display:flex;justify-content:center;align-items:center;gap:12px;min-height:48px;white-space:normal;text-align:center}
.auth-panel input,.auth-panel button,.auth-panel a{max-width:100%}
.auth-panel label{min-width:0;overflow-wrap:anywhere}
.auth-panel [data-auth-status]{min-height:18px;overflow-wrap:anywhere}
.auth-page .nav-actions{min-width:0}
.auth-page [data-language]{max-width:180px}
@media(max-width:620px){
 .auth-main{padding:12px 10px 38px}
 .auth-panel,.auth-panel.auth-login-panel{margin:12px auto;padding:22px 16px;border-radius:16px}
 .auth-title{font-size:clamp(27px,8vw,34px)}
 .auth-page .wrap.nav{height:auto;min-height:68px;padding:12px 0;gap:8px;flex-wrap:wrap}
 .auth-page .logo{font-size:21px;white-space:nowrap}
 .auth-page .nav-actions{gap:7px;margin-inline-start:auto}
 .auth-page [data-language]{width:min(110px,29vw);padding:9px 5px}
 .auth-page .nav-actions .btn{padding:10px 9px;white-space:normal;text-align:center}
 .auth-panel .google-auth-btn{padding:12px 10px}
}
@media(max-width:360px){
 .auth-page .wrap.nav{justify-content:center}
 .auth-page .nav-actions{margin-inline-start:0;justify-content:center;width:100%}
 .auth-page [data-language]{width:auto;max-width:140px}
}