/* Bridge between the public landing page and the authenticated portal.
   Both experiences live in one index.html while keeping their original styles isolated by view. */
#marketing-screen[hidden],
#portal-shell[hidden] {
  display: none !important;
}

html.marketing-mode,
body.marketing-mode {
  height: auto !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body.marketing-mode {
  background: #f8fafc;
  color: #1e293b;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

html.portal-mode,
body.portal-mode {
  height: 100% !important;
  overflow: hidden !important;
}

body.portal-mode {
  background: var(--bg);
  color: var(--text);
  font-family: "Google Sans Text", Roboto, -apple-system, "Segoe UI", Arial, sans-serif;
  font-size: 14px;
}

#portal-shell {
  height: 100vh;
  min-height: 100vh;
}

@supports (height: 100dvh) {
  #portal-shell {
    height: 100dvh;
    min-height: 100dvh;
  }
}