/* TrendishShop v197 — MOBILE ONLY compact auth modal.
   Keeps v196 keyboard handling, but makes the login/register card visibly smaller.
   Desktop is untouched. */

@media (max-width:600px){
  .auth-modal.auth-modal-modern{
    align-items:center!important;
    justify-content:center!important;
    padding:12px!important;
  }

  .auth-modal-modern .auth-modal-card{
    width:min(92vw,430px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:min(74dvh,640px)!important;
    margin:auto!important;
    padding:14px 14px 16px!important;
    border-radius:20px!important;
    overflow-y:auto!important;
  }

  .auth-modal-brand{
    min-height:50px!important;
    padding-bottom:9px!important;
  }
  .auth-brand-mark{
    flex-basis:42px!important;
    width:42px!important;
    height:40px!important;
  }
  .auth-brand-mark img{
    width:33px!important;
    height:26px!important;
  }
  .auth-modal-brand h2{font-size:17px!important}
  .auth-modal-brand p{font-size:9px!important}

  .auth-modal-modern .auth-modal-tabs{
    margin-bottom:10px!important;
    min-height:42px!important;
  }
  .auth-modal-modern .auth-modal-tabs button{
    min-height:34px!important;
  }

  .auth-social-login{margin-bottom:9px!important}
  .auth-google-button{height:40px!important}
  .auth-social-divider{margin-top:8px!important}

  .auth-modern-field{margin-bottom:8px!important}
  .auth-modern-field input{
    height:46px!important;
    min-height:46px!important;
  }
  .auth-primary-action{
    min-height:44px!important;
    margin-top:2px!important;
  }

  /* Keyboard open: keep the card compact instead of stretching to the whole visible screen. */
  .auth-modal.auth-keyboard-open{
    align-items:flex-start!important;
    justify-content:center!important;
    padding:8px 10px!important;
  }
  .auth-modal.auth-keyboard-open .auth-modal-card{
    width:min(94vw,430px)!important;
    height:auto!important;
    max-height:min(470px,calc(var(--auth-vv-height,100dvh) - 18px))!important;
    margin:0 auto!important;
    padding:8px 12px 12px!important;
    border-radius:16px!important;
    overflow-y:auto!important;
  }
  .auth-modal.auth-keyboard-open .auth-modal-tabs{
    margin-bottom:7px!important;
  }
  .auth-modal.auth-keyboard-open .auth-modern-field input{
    height:43px!important;
    min-height:43px!important;
  }
  .auth-modal.auth-keyboard-open .auth-primary-action{
    min-height:42px!important;
  }
}

@media (max-width:360px){
  .auth-modal-modern .auth-modal-card{
    width:94vw!important;
    max-height:72dvh!important;
    padding-inline:11px!important;
  }
  .auth-modal.auth-keyboard-open .auth-modal-card{
    width:95vw!important;
    max-height:min(440px,calc(var(--auth-vv-height,100dvh) - 16px))!important;
  }
}