/* R24.205 — resilient sign-in and Cloud App navigation.
   Patch stays behind the current auth modal and the existing authorization
   flags. It does not grant Cloud or Google login access. */
#authModal.auth-modal{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100dvw!important;
  overflow-x:clip!important;
}
#authModal .auth-modal-card{
  box-sizing:border-box!important;
  min-width:0!important;
  width:min(100%,100dvw)!important;
  max-width:100dvw!important;
  grid-template-columns:minmax(0,42fr) minmax(0,58fr)!important;
}
#authModal :is(.auth-showcase,.auth-form-shell,#loginPane,#registerPane,.auth-tabs){
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}
#authModal .auth-form-shell{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
}
#authModal :is(input,button,select,a){max-width:100%}
#authModal .pm-google-availability{
  display:block;
  margin:8px 0 3px;
  font-size:clamp(.72rem,1vw,.82rem);
  line-height:1.4;
  overflow-wrap:anywhere;
  color:inherit;
  opacity:.78;
}
#authModal .pm-google-availability[hidden]{display:none!important}
#authModal .pm-auth-cloud-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  max-width:100%;
  min-height:44px;
  padding:10px 14px;
  margin-top:10px;
  color:inherit;
  text-decoration:none;
  font-size:clamp(.78rem,1vw,.93rem);
  font-weight:800;
  border:1px solid currentColor;
  border-radius:12px;
  background:transparent;
}
#authModal .pm-auth-cloud-link:focus-visible,
#headerUserActions #headerCloudAppBtn:focus-visible{
  outline:3px solid #60a5fa;
  outline-offset:3px;
}
#headerUserActions:not(.hidden) #headerCloudAppBtn:not([hidden]){
  position:relative!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
@media(max-width:1024px){
  #authModal .auth-modal-card{
    width:100%!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  #authModal .auth-showcase{display:none!important}
  #authModal .auth-form-shell{
    min-width:0!important;
    height:min(100dvh,100%)!important;
    padding:clamp(18px,5vw,42px)!important;
  }
}
@media(max-width:480px){
  #authModal .auth-modal-card{max-width:100%!important}
  #authModal .auth-form-shell{padding:clamp(14px,5vw,24px)!important}
  #authModal .google-btn{
    min-height:46px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
}
