/**
 * F7 overrides — MUST load after framework7-bundle.min.css.
 * Scoped under html.f7-shell-pending / body.f7-shell-active + #f7-app-root only.
 */

html.f7-shell-pending,
html.f7-shell-pending body {
  background-color: #06060a;
}

html.f7-shell-pending #f7-app-root.f7-shell-root,
html.f7-shell-pending #f7-app-root.framework7-root,
html.f7-shell-pending #f7-app-root .view,
html.f7-shell-pending #f7-app-root .view-main,
html.f7-shell-pending #f7-app-root .views,
html.f7-shell-pending #f7-app-root .page,
html.f7-shell-pending #f7-app-root .page-content,
body.f7-shell-active #f7-app-root.f7-shell-root .view,
body.f7-shell-active #f7-app-root.f7-shell-root .view-main,
body.f7-shell-active #f7-app-root.f7-shell-root .views,
body.f7-shell-active #f7-app-root.f7-shell-root .page,
body.f7-shell-active #f7-app-root.f7-shell-root .page-content {
  background: transparent !important;
  background-color: transparent !important;
}

html.f7-shell-pending #f7-app-root,
body.f7-shell-active #f7-app-root.f7-shell-root {
  --f7-page-bg-color: transparent;
}

html.f7-shell-pending #f7-app-root.framework7-initializing,
body.f7-shell-active #f7-app-root.framework7-initializing {
  background: transparent !important;
}

/* Stage 3 cleanup: no document scroll; F7 pages stay in viewport */
html.f7-shell-pending,
html.f7-shell-pending body,
body.f7-shell-active {
  overflow: hidden;
  height: 100%;
}

body.f7-shell-active #f7-app-root.f7-shell-root .page-content {
  overflow: hidden !important;
}

/* F7 path skips legacy bar-in-chat scale reset — bottom nav stays at --splash-sc (~1.08) */
body.f7-shell-active {
  --splash-sc: 1;
}

/* iOS safe-area: no white strip at bottom during boot (until F7 settled) */
html.f7-shell-pending::after,
body.f7-shell-active:not(.f7-shell-settled)::after {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: env(safe-area-inset-bottom, 0px);
  min-height: 1px;
  background: #06060a;
  z-index: 10001;
  pointer-events: none;
}