/* BOSpilot login legal/footer layout.
 * Kept external because authentication pages prohibit inline CSS.
 */
.login-page .login-panel{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.login-page .login-card{
  width:min(450px,100%);
}

.login-page .login-legal{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:center;
  margin:22px 0 0;
}

.login-page .login-legal a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:8px 18px;
  pointer-events:auto;
  touch-action:manipulation;
}

.login-page .login-panel>.resqnec-footer{
  position:static;
  left:auto;
  right:auto;
  bottom:auto;
  width:100%;
  min-height:auto;
  margin:18px 0 0;
  padding:14px 0 0;
  border:0;
  pointer-events:auto;
}

@media(max-width:820px){
  .login-page .login-panel{
    min-height:100dvh;
    padding:32px 22px calc(26px + env(safe-area-inset-bottom));
  }

  .login-page .login-panel>.resqnec-footer{
    margin-top:14px;
    padding-top:10px;
  }
}