/* V171 · external sign-in card spacing polish
   Keeps the accepted V170 approval workflow intact while stabilising the
   scroll viewport and action geometry for the taller external-email states. */

/* When the external approval surface is open, preserve the same deliberate
   breathing room at both physical edges of the white sign-in card. */
:is(html,#v171#v171#v171) body.imb-institutional-aurora .login-page .login-form-panel:has(#externalApprovalRequest:not([hidden])){
  padding-top:clamp(26px,3.6vh,38px)!important;
  padding-bottom:clamp(26px,3.6vh,38px)!important;
  scroll-padding-top:clamp(26px,3.6vh,38px);
  scroll-padding-bottom:clamp(26px,3.6vh,38px);
}

/* Before a request has been sent there is only one secondary action. It must
   use the same full content width as the primary Request approval button. */
body.imb-institutional-aurora #externalApprovalTryAgain[hidden] + #externalApprovalUseAnother{
  width:100%;
  margin-left:0!important;
  justify-content:center;
}

/* Once Try sign-in again becomes available, return to the balanced two-action
   row used by V170. */
body.imb-institutional-aurora #externalApprovalTryAgain:not([hidden]) + #externalApprovalUseAnother{
  width:auto;
}

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

@media(max-width:560px){
  body.imb-institutional-aurora .external-approval-request-actions{
    width:100%;
  }
  body.imb-institutional-aurora #externalApprovalTryAgain:not([hidden]) + #externalApprovalUseAnother{
    width:100%;
  }
}