/* Reserved for client-side responsive overrides.
   Auth pages are mobile-first; main breakpoints (640 / 768 / 1024) are
   already handled inline in style.css. Add project-specific overrides here. */


/* CHA v32 auth page alignment with public site header/footer */
@media (max-width:767px){
  .top-strip{display:none!important;}
  .site-nav{position:sticky!important;top:0!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(14px)!important;}
  .site-nav__row{height:64px!important;gap:10px!important;}
  .site-nav__logo img{height:34px!important;max-width:176px!important;object-fit:contain!important;}
  .site-nav__actions{gap:8px!important;margin-left:auto!important;}
  .lang-pill{width:42px!important;height:42px!important;padding:0!important;justify-content:center!important;}
  .lang-pill svg:first-child{width:18px!important;height:18px!important;}
  .lang-pill svg:last-child{width:13px!important;height:13px!important;}
  .btn-primary-nav,.nav-signin{display:none!important;}
  .nav-mobile-toggle{width:42px!important;height:42px!important;display:inline-flex!important;}
  .auth-stage{padding:28px 14px 44px!important;justify-content:flex-start!important;}
  .auth-card{border-radius:18px!important;padding:24px 18px!important;box-shadow:0 10px 30px -18px rgba(14,124,123,.28)!important;}
  .brand-header{gap:10px!important;align-items:flex-start!important;}
  .brand-header__logo img{height:28px!important;max-width:170px!important;}
  .brand-pill{height:auto!important;min-height:28px!important;white-space:normal!important;text-align:left!important;line-height:1.25!important;}
  .auth-header__title{font-size:25px!important;}
  .social-row,.divider{display:none!important;}
  .site-footer{padding:36px 0 22px!important;}
  .site-footer__top{grid-template-columns:1fr!important;gap:16px!important;align-items:flex-start!important;}
  .site-footer__newsletter{width:100%!important;display:grid!important;grid-template-columns:1fr!important;}
  .site-footer__cta{width:100%!important;}
  .site-footer__cols{grid-template-columns:1fr 1fr!important;gap:22px 18px!important;}
  .site-footer__bottom{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;}
}
@media (max-width:380px){
  .site-nav__logo img{height:31px!important;max-width:152px!important;}
  .lang-pill,.nav-mobile-toggle{width:40px!important;height:40px!important;}
  .auth-card{padding:22px 16px!important;}
}