.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#f0f6f2;border:1px solid #e2ece5;border-radius:12px;margin:0 0 24px}
.auth-switch a{padding:10px 12px;text-align:center;border-radius:9px;color:#658071;font-size:13px;font-weight:650;transition:background .2s,color .2s,box-shadow .2s}
.auth-switch a[aria-current="page"]{background:#fff;color:#176e41;box-shadow:0 2px 8px #183c2910}
.auth-switch a:focus-visible{outline:2px solid #238955;outline-offset:1px}
.auth-pane[hidden]{display:none!important}
.auth-pane{animation:auth-pane-in .22s ease both}
@keyframes auth-pane-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.auth-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.auth-field-grid label{min-width:0;margin:0!important}
.auth-register-form textarea{width:100%;resize:vertical;min-height:68px;border:1px solid #d1e3da;border-radius:10px;padding:11px 13px;font:inherit;color:#283834;background:#fff}
.auth-register-form textarea:focus{outline:none;border-color:#2aae6a;box-shadow:0 0 0 3px #1d8c531c}
.auth-register-form .auth-consent{display:flex!important;align-items:flex-start;gap:9px;font-size:12px!important;font-weight:400!important;line-height:1.6}
.auth-consent input{width:16px!important;height:16px!important;min-height:0!important;flex:0 0 16px;margin:2px 0 0;padding:0;accent-color:#178f51}
.auth-consent a{color:#176e41;text-decoration:underline;text-underline-offset:2px}
.auth-plan-note{margin:0;text-align:center;font-size:11px;line-height:1.6;color:#738579}
.auth-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.auth-success{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 18px;margin-bottom:20px;background:#f2faf5;border:1px solid #dcefe3;border-radius:14px;text-align:center}
.auth-success>i{font-size:32px;color:#178f51}.auth-success p{margin:0;color:#647c6e;font-size:13px;line-height:1.7}
.login-form-panel[data-mode="register"] .login-title-wrap{margin-bottom:18px!important}
.login-form-panel[data-mode="register"] .login-signup-prompt{margin-top:16px;padding-top:16px}
body:has([data-auth-card][data-mode="register"]){height:auto!important;min-height:100dvh!important;overflow-y:auto!important}
.login-shell:has([data-mode="register"]){height:auto!important;max-height:none!important}
.login-form-panel[data-mode="register"]{height:auto!important;max-height:none!important;overflow:visible!important}
@media(max-width:560px){.auth-field-grid{grid-template-columns:1fr;gap:11px}.auth-switch{margin-bottom:20px}.auth-switch a{padding:9px}}
@media(prefers-reduced-motion:reduce){.auth-pane{animation:none}.auth-switch a{transition:none}}
/* Direct signup stays focused on account creation, including popup windows. */
.auth-body:has([data-auth-card][data-mode="register"]) .login-welcome{display:none!important}
.auth-body:has([data-auth-card][data-mode="register"]) .login-shell{width:min(680px,100%)!important;max-width:680px!important;grid-template-columns:minmax(0,1fr)!important;min-height:0!important;margin:auto!important}
.auth-body:has([data-auth-card][data-mode="register"]) .login-form-panel{width:100%!important;min-width:0!important;padding:32px!important}
@media(max-width:560px){.auth-body:has([data-auth-card][data-mode="register"]) .login-form-panel{padding:22px 18px!important}}