/* V799bt — tablet header balance and V799bs full-height safeguards.
   Keep the V799bo/V799bm tablet workspace geometry, but give Admin and
   Exhibitor plan headers two deliberate rows: controls above, legend below. */
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .cardHead,
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .cardHead{
  flex:0 0 112px!important;
  height:112px!important;
  min-height:112px!important;
  max-height:112px!important;
  padding:0!important;
  overflow:hidden!important;
}
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLayout,
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLayout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 42px 116px!important;
  grid-template-rows:48px 34px!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:6px!important;
  width:100%!important;
  height:100%!important;
  padding:11px 22px!important;
  box-sizing:border-box!important;
}
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderMain,
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderMain{
  grid-column:1!important;
  grid-row:1 / 3!important;
  display:grid!important;
  grid-template-rows:48px 34px!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
  height:88px!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderControls,
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderControls{
  grid-row:1!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  height:48px!important;
  margin:0!important;
  overflow:visible!important;
}
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderControls .segSwitch,
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderControls .segSwitch{
  display:flex!important;
  flex:0 1 auto!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  min-width:0!important;
  margin:0!important;
}
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderControls .segBtn,
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard #planResetBtn,
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderControls .segBtn,
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard #fitBtn{
  flex:0 1 auto!important;
  width:auto!important;
  min-width:76px!important;
  max-width:132px!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  padding:5px 14px!important;
  margin:0!important;
  white-space:nowrap!important;
}
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend,
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend{
  grid-row:2!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  min-height:34px!important;
  margin:0!important;
  padding:0 4px!important;
  overflow:hidden!important;
}
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .keyRow,
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .keyRow{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .keyPill,
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .keyPill{
  flex:0 0 auto!important;
  min-height:24px!important;
  margin:0!important;
  padding:3px 4px!important;
  font-size:12px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitMobileHelpBtnV795ge,
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitMobileHelpBtnV795ge{
  grid-column:2!important;
  grid-row:1 / 3!important;
  align-self:center!important;
  justify-self:center!important;
}
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitStripBrand,
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitStripBrand{
  grid-column:3!important;
  grid-row:1 / 3!important;
  align-self:center!important;
  justify-self:end!important;
}
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend > #planKeyBody,
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend > #keyBody{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}

/* V799bs — full-height list ownership and restoration.
   When a phone/tablet tab is expanded, the list card owns the app viewport.
   Fit, Overview/Reset and the permanent split-panel chevron must not float over
   it; the active card's own minimise control is the only control above it. */
html.expoPlanitPhoneV799bm body.responsiveWorkspaceV799f.expoPlanitTabPanelExpandedV799f:not(.touchscreenMode) .expoPlanitPhonePlanNavV799f,
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.expoPlanitTabPanelExpandedV799f:not(.touchscreenMode) .expoPlanitPhonePlanNavV799f,
html.expoPlanitPhoneV799bm body.responsiveWorkspaceV799f.expoPlanitTabPanelExpandedV799f:not(.touchscreenMode) #expoPlanitPanelToggleProxyV799f,
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.expoPlanitTabPanelExpandedV799f:not(.touchscreenMode) #expoPlanitPanelToggleProxyV799f{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html.expoPlanitPhoneV799bm body.responsiveWorkspaceV799f.expoPlanitTabPanelExpandedV799f:not(.touchscreenMode) #adminWorkspaceShell,
html.expoPlanitPhoneV799bm body.responsiveWorkspaceV799f.expoPlanitTabPanelExpandedV799f:not(.touchscreenMode) #viewerWorkspaceShell,
html.expoPlanitPhoneV799bm body.responsiveWorkspaceV799f.expoPlanitTabPanelExpandedV799f.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryShell,
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.expoPlanitTabPanelExpandedV799f:not(.touchscreenMode) #adminWorkspaceShell,
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.expoPlanitTabPanelExpandedV799f:not(.touchscreenMode) #viewerWorkspaceShell,
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.expoPlanitTabPanelExpandedV799f.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryShell{
  z-index:2147483600!important;
  isolation:isolate!important;
}
html.expoPlanitPhoneV799bm body.responsiveWorkspaceV799f.expoPlanitTabPanelExpandedV799f:not(.touchscreenMode) .expoPlanitTabHeightToggleV799f,
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.expoPlanitTabPanelExpandedV799f:not(.touchscreenMode) .expoPlanitTabHeightToggleV799f{
  position:relative!important;
  z-index:2147483640!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

/* A minimised tablet list always returns to the visible split workspace. This
   final rule also defeats any stale inline/display state left by a full-height
   transition before the responsive camera has completed its resize handoff. */
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f:not(.expoPlanitTabPanelExpandedV799f):not(.touchscreenMode) #planCard{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
html.expoPlanitTabletPortraitV799bm body.responsiveWorkspaceV799f:not(.expoPlanitTabPanelExpandedV799f):not(.responsiveWorkspacePanelCollapsed):not(.touchscreenMode) main{
  grid-template-rows:minmax(0,calc(54% - 5px)) minmax(0,calc(46% - 5px))!important;
  gap:10px!important;
}
html.expoPlanitTabletLandscapeV799bm body.responsiveWorkspaceV799f:not(.expoPlanitTabPanelExpandedV799f):not(.responsiveWorkspacePanelCollapsed):not(.touchscreenMode) main{
  grid-template-columns:minmax(0,1.62fr) 72px minmax(330px,1fr)!important;
}


/* V799bt — iPad header optical balance. The control/key block and the
   Help/logo block share the same outer inset; phone and desktop are excluded. */
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLayout,
html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLayout{
  padding-left:22px!important;
  padding-right:22px!important;
}