/* V172 · sign-in overflow correction
   The taller external-approval state must start from the top of the white
   sign-in card instead of being vertically centred beyond its own viewport. */

:is(html,#v172#v172#v172) body.imb-institutional-aurora .login-page .login-form-panel.external-approval-active,
:is(html,#v172#v172#v172) body.imb-institutional-aurora .login-page .login-form-panel:has(#externalApprovalRequest:not([hidden])){
  justify-content:flex-start!important;
  align-content:flex-start!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  box-sizing:border-box!important;
  padding-top:clamp(30px,4vh,42px)!important;
  padding-bottom:clamp(30px,4vh,42px)!important;
  scroll-padding-top:clamp(30px,4vh,42px);
  scroll-padding-bottom:clamp(30px,4vh,42px);
}

/* Keep the auth bar inside the protected top inset. */
:is(html,#v172#v172#v172) body.imb-institutional-aurora .login-form-panel.external-approval-active > .x150-authbar,
:is(html,#v172#v172#v172) body.imb-institutional-aurora .login-form-panel:has(#externalApprovalRequest:not([hidden])) > .x150-authbar{
  flex:0 0 auto;
  margin-top:0!important;
}

@media(max-width:820px){
  :is(html,#v172#v172#v172) body.imb-institutional-aurora .login-page .login-form-panel.external-approval-active,
:is(html,#v172#v172#v172) body.imb-institutional-aurora .login-page .login-form-panel:has(#externalApprovalRequest:not([hidden])){
    padding-top:22px!important;
    padding-bottom:24px!important;
    scroll-padding-top:22px;
    scroll-padding-bottom:24px;
  }
}

/* Production fix: center the e-mail icon in sign-in-link confirmation */
:is(html,#v172#v172#v172) .x150-state > .x149-ic {
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
  padding:0 !important;
  margin:0 !important;
  box-sizing:border-box !important;

  display:grid !important;
  place-items:center !important;
  align-self:center !important;
  justify-self:center !important;

  line-height:0 !important;
}

:is(html,#v172#v172#v172) .x150-state > .x149-ic > svg {
  display:block !important;
  width:18px !important;
  height:18px !important;
  margin:0 !important;
  padding:0 !important;
  position:static !important;
  transform:none !important;
}
