/* Let user screens use the browser's page scroll instead of a nested app pane. */
html,
body {
  height: auto !important;
  min-height: 100%;
  overflow-y: auto !important;
}

body {
  display: block !important;
  padding: 0 !important;
}

.phone-shell {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 100vh;
  overflow: visible !important;
  border-radius: 0 !important;
  padding-bottom: 5.75rem;
}

.scroll-area {
  overflow: visible !important;
  min-height: auto !important;
  padding-bottom: 6.5rem !important;
}

/* Keep the user navigation available while the document scrolls. */
.bottom-nav {
  position: fixed !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 1000 !important;
  width: 100% !important;
  border-radius: 0 !important;
  transform: none !important;
}

.app-shell {
  padding-bottom: 6.5rem;
}