/* Expo Planit V799op — embedded physical-phone landscape follows the native
   document model instead of squeezing the whole page into one iframe viewport.

   Normal event branding remains its authored size and scrolls away with the
   client website. main is exactly one parent visual viewport high, matching the
   useful native landscape workspace after the banner has scrolled out. The
   parent expands the iframe to the full child document height, so there is no
   second vertical scrollbar inside Expo Planit.

   Scoped to embed=1 + parent-confirmed physical-phone landscape only. Portrait,
   standalone Public/Exhibitor, tablet, desktop, Admin, Editor and Touchscreen are
   intentionally outside these selectors. */

html.expoPlanitIframeEmbedV799op.expoPlanitIframeParentLandscapeV799op,
html.expoPlanitIframeEmbedV799op.expoPlanitIframeParentLandscapeV799op body.responsiveWorkspaceV799f:not(.touchscreenMode){
  box-sizing:border-box!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:hidden!important;
}

html.expoPlanitIframeEmbedV799op.expoPlanitIframeParentLandscapeV799op body.responsiveWorkspaceV799f:not(.touchscreenMode) .pageShell{
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}

/* Preserve the normal/native event banner. Do not compact, hide or pin it. */
html.expoPlanitIframeEmbedV799op.expoPlanitIframeParentLandscapeV799op body.responsiveWorkspaceV799f:not(.touchscreenMode) .pageShell > #brandingCard{
  flex:0 0 auto!important;
  position:relative!important;
  top:auto!important;
  touch-action:pan-y!important;
}

/* This is the key V799op rule: the useful plan workspace remains one real
   top-level phone viewport high even though the iframe itself is taller because
   it also contains the banner above it. */
html.expoPlanitIframeEmbedV799op.expoPlanitIframeParentLandscapeV799op body.responsiveWorkspaceV799f:not(.touchscreenMode) main{
  position:relative!important;
  top:auto!important;
  flex:0 0 var(--expo-planit-parent-vh-v799op,100dvh)!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:var(--expo-planit-parent-vh-v799op,100dvh)!important;
  min-height:var(--expo-planit-parent-vh-v799op,100dvh)!important;
  max-height:var(--expo-planit-parent-vh-v799op,100dvh)!important;
  margin:0!important;
  overflow:hidden!important;
}

html.expoPlanitIframeEmbedV799op.expoPlanitIframeParentLandscapeV799op body.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard,
html.expoPlanitIframeEmbedV799op.expoPlanitIframeParentLandscapeV799op body.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard > .adminPlanSurface,
html.expoPlanitIframeEmbedV799op.expoPlanitIframeParentLandscapeV799op body.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard > .cardSurface{
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
}

html.expoPlanitIframeEmbedV799op.expoPlanitIframeParentLandscapeV799op body.responsiveWorkspaceV799f:not(.touchscreenMode) #zoomWrap{
  flex:1 1 0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}