/* Session-state visibility fix for GOOTX auth modal */
.auth-card form[hidden],
.auth-card .account-panel[hidden],
.auth-card .sign-out[hidden],
.account-status[hidden]{display:none!important}

.auth-card.session-active form{display:none!important}
.auth-card.session-active .account-panel{display:grid!important}
.auth-card.session-active .sign-out{display:block!important}

@media(max-width:640px){
  dialog{padding:12px!important;align-items:center!important;overflow:auto}
  .auth-card{width:min(92vw,420px)!important;max-height:88vh;overflow:auto;padding:22px 18px!important;border-radius:20px!important}
  .auth-card>img{width:132px!important;margin-bottom:16px!important}
  .auth-card h2{font-size:24px!important;line-height:1.08!important}
  .auth-card>p{font-size:14px;line-height:1.45;margin-bottom:14px}
  .account-panel{margin:14px 0 10px!important;padding:15px!important}
}