/* Public documents share Landing's solid viewport edge and scrolling backdrop.
   The application shell and transparent embedded widget do not use this scope. */
:root[data-prostir-public-document] {
  --prostir-viewport-edge-color: var(--company-form-custom-background, var(--browser-theme-color-light));
  min-height: 100%;
  min-height: 100dvh;
  background: var(--prostir-viewport-edge-color);
  color-scheme: light;
  overscroll-behavior-y: none;
}

:root[data-prostir-public-document][data-theme="dark"] {
  --prostir-viewport-edge-color: var(--browser-theme-color-dark);
  color-scheme: dark;
}

:root[data-prostir-public-document] body {
  min-height: 100%;
  min-height: 100dvh;
  background-color: var(--prostir-viewport-edge-color);
  background-attachment: scroll;
  padding-block: env(safe-area-inset-top, 0) env(safe-area-inset-bottom, 0);
  padding-inline: env(safe-area-inset-left, 0) env(safe-area-inset-right, 0);
  overscroll-behavior-y: none;
}

:root[data-prostir-public-document][data-prostir-widget-app] .pw-root {
  height: calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
}

@supports (-webkit-touch-callout: none) {
  :root[data-prostir-public-document],
  :root[data-prostir-public-document] body {
    min-height: 100svh;
  }
}