/* book74: paint through the Home Indicator. Keep chrome slim; pad content only. */
html.pcs-admin-open,
html.pcs-admin-open body,
html.pcs-admin-open #root,
html.pcs-standalone,
html.pcs-standalone body,
html.pcs-standalone #root {
  margin: 0 !important;
  padding: 0 !important;
  background: #e6e4e2 !important;
  height: 100% !important;
  min-height: 100% !important;
  min-height: 100dvh !important;
  min-height: -webkit-fill-available !important;
}

.pcs-app {
  height: 100% !important;
  min-height: 100dvh !important;
  min-height: -webkit-fill-available !important;
  background: #e6e4e2 !important;
  overflow: hidden !important;
}

.pcs-app.pcs-auth,
.pcs-cover-loader--full,
#pcs-boot-fallback {
  background: #122241 !important;
}

@media (max-width: 767px) {
  .pcs-shell,
  .pcs-stage,
  .pcs-app .pcs-canvas,
  .pcs-shell--detail-dock .pcs-stage,
  .pcs-shell--detail-dock .pcs-canvas,
  .pcs-shell--detail-dock .pcs-detail,
  .pcs-shell--detail-dock .pcs-detail.has-dock,
  .pcs-shell--detail-dock .pcs-detail.has-dock .pcs-detail__scroll,
  .pcs-shell--detail-dock .pcs-detail.has-dock .pcs-detail__body {
    background: #e6e4e2 !important;
  }

  .pcs-shell {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
  }

  .pcs-stage {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
  }

  .pcs-app .pcs-canvas {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
  }

  .pcs-shell--detail-dock .pcs-detail.has-dock .pcs-detail__scroll {
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
  }

  html body .pcs-app .pcs-rail,
  html body aside.pcs-rail,
  html.pcs-standalone body .pcs-app .pcs-rail,
  html.pcs-admin-open body .pcs-app .pcs-rail,
  html.pcs-standalone .pcs-rail,
  .pcs-app .pcs-rail,
  .pcs-rail,
  .pcs-rail--mobile-fab-source,
  .pcs-shell--detail-dock .pcs-rail {
    position: fixed !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -1 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: none !important;
  }

  .pcs-rail__spacer,
  .pcs-rail__logo,
  .pcs-rail__nav {
    display: none !important;
  }

  .pcs-flyout-backdrop,
  .pcs-flyout-wrap--sheet,
  .pcs-flyout--sheet {
    display: none !important;
  }
}
