/* Shorter auth forms, with optional help rather than a second content panel. */
body:is([data-auth-page="login"],[data-auth-page="register"]) .auth-wrap {
  max-width: 900px;
  padding: 24px 20px 30px;
}
body:is([data-auth-page="login"],[data-auth-page="register"]) .auth-wrap::before,
body:is([data-auth-page="login"],[data-auth-page="register"]) .auth-wrap::after { display: none; }
body[data-auth-page] .auth-layout { gap: 24px; align-items: center; }
body[data-auth-page] .auth-back { margin-bottom: 18px; }
body[data-auth-page] .auth-panel { padding: 24px; border-radius: 18px; }
body[data-auth-page] .auth-panel h1 { margin-bottom: 12px; font-size: 26px; }
body[data-auth-page] #auth-status:empty { display: none; }
body[data-auth-page] .auth-panel #auth-form { display: block; }
body[data-auth-page] .auth-panel label { margin: 10px 0 5px; font-size: 12px; }
body[data-auth-page] .auth-panel input { box-sizing: border-box; min-height: 44px; height: 44px; padding: 9px 12px; font-size: 15px; border-radius: 9px; }
body[data-auth-page] .auth-label-row { margin-top: 10px; }
body[data-auth-page] .auth-label-row label { margin-bottom: 5px; }
body[data-auth-page] .auth-panel button.auth-forgot { border: 0; box-shadow: none; padding: 3px 0; min-height: 28px; background: transparent; font-size: 11px; }
body[data-auth-page] .password-wrap { gap: 8px; }
body[data-auth-page] .password-wrap button { min-height: 44px; border-radius: 9px; }
body[data-auth-page] .auth-panel .wide,
body[data-auth-page] .google-login { min-height: 44px; padding: 10px 12px; font-size: 13px; border-radius: 9px; }
body[data-auth-page] .auth-panel .wide { margin-top: 14px; }
body[data-auth-page] .auth-divider { margin: 13px 0; }
body[data-auth-page] .auth-divider::before,
body[data-auth-page] .auth-divider::after { height: 1px; background: #c2ccdf; }
body[data-auth-page] .auth-switch { margin: 14px 0 0; font-size: 12px; }
body[data-auth-page] #auth-form > p { margin: 7px 0 0; font-size: 11px; color: var(--muted); }
body[data-auth-page] .auth-brand { padding: 26px; border-radius: 18px; }
body[data-auth-page] .auth-brand img { width: 68px; height: 68px; }
body[data-auth-page] .auth-brand h2 { font-size: clamp(23px,3vw,30px); margin: 20px 0 14px; }
body[data-auth-page] .auth-brand p { font-size: 12px; }
body[data-auth-page] .auth-panel .page-help {
  margin-top: 16px; padding: 10px 0 0; border: 0; border-top: 1px solid #d8deeb;
  border-radius: 0; background: transparent; box-shadow: none;
}
body[data-auth-page] .page-help summary { cursor: pointer; min-height: 28px; padding: 0; font-size: 11px; }
body[data-auth-page] .page-help .page-help-badge { width: 22px; height: 22px; font-size: 13px; box-shadow: none; }
body[data-auth-page] .page-help .page-help-body { margin: 10px 0; padding: 0; border: 0; background: transparent; box-shadow: none; font-size: 12px; }
body[data-auth-page] .page-help .page-help-links { gap: 6px; margin-top: 8px; }
body[data-auth-page] .page-help .page-help-link { font-size: 10px; }
@media(max-width:700px) {
  body[data-auth-page] .auth-wrap { padding: 18px 16px 26px; }
  body[data-auth-page] .auth-layout { grid-template-columns: minmax(0,1fr); gap: 16px; }
  body[data-auth-page] .auth-brand { display: none; }
  body[data-auth-page] .auth-panel { padding: 22px 18px; }
  body[data-auth-page] .auth-panel input { font-size: 16px; height: 48px; }
  body[data-auth-page] .auth-panel .wide,body[data-auth-page] .google-login { min-height: 48px; }
}