html, body { min-height: 100%; }
body { margin: 0; }
.site-nav { height: 48px; }
.site-menu { width: 50px; }
.site-menu--spacer { visibility: hidden; pointer-events: none; }
.site-logo { width: 100%; }
.site-login { width: 150px; }
.site-logo-lock { display: inline-block; }
.content-container { margin-left: auto !important; margin-right: auto !important; }
.centered-actions { text-align: center; }
.confirm-lead { font-weight: 700; padding: 30px 30px 0; }
.full-width-action { padding: 0 30px; }
.full-width-action .btn { width: 100%; font-size: 13px; }
.fal { font-family: "Font Awesome 5 Free"; font-weight: 900; }
.centered-container { margin-left: auto !important; margin-right: auto !important; }
.tracking-title { color: #003157; }

.max-w-560 { max-width: 560px !important; }
.app-footer-safe { height: env(safe-area-inset-bottom, 0); }

body.app-shell {
  background: #f5f6f8;
  min-height: 100dvh;
}
body.app-shell .site-header--app .site-nav {
  justify-content: center;
}
body.app-shell .site-logo {
  width: auto;
  flex: 1;
}
body.app-shell main,
body.app-shell .app-main {
  padding-bottom: 28px;
}

body.lock-exit a[href] {
  pointer-events: none;
}

@media (max-width: 700px) {
  body.app-shell .confirm-lead {
    padding: 18px 16px 0;
    font-size: 16px;
  }
  body.app-shell .full-width-action {
    padding: 0 16px;
  }
  body.app-shell .full-width-action .btn {
    min-height: 48px;
    font-size: 14px;
  }
  body.app-shell .centered-container.w-95,
  body.app-shell .w-95.max-w-1000 {
    max-width: 560px !important;
  }
}