/* V799bk — Android clearance plus coherent coarse-pointer tablet workspace.
   Tablets use the proven mobile interaction family: stacked portrait and side-by-side
   landscape. Desktop, compact-phone assets, Touchscreen, gesture targeting and data paths
   are not changed. No observer, timer or animation loop is introduced here. */

/* Android browser portrait: 14 px below the 34 px permanent control row. */
@media (max-width:720px) and (orientation:portrait){
  html body.v795gqPortraitManaged.responsiveWorkspaceV799f:not(.touchscreenMode):not(.expoPlanitStandaloneV799f) main{
    padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
  }
}

/* One contained viewport below the event branding for coarse tablets. */
@media (min-width:721px) and (max-width:1180px) and (pointer:coarse){
  html:has(body.responsiveWorkspaceV799f:not(.touchscreenMode)),
  html:has(body.responsiveWorkspaceV799f:not(.touchscreenMode)) body{
    width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }

  body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode){
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }
  body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) > #eventBrandBar{
    flex:0 0 auto!important;
  }
  body.responsiveWorkspaceV799f:not(.touchscreenMode) .pageShell{
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }
  body.responsiveWorkspaceV799f:not(.touchscreenMode) .pageShell > #brandingCard{
    flex:0 0 auto!important;
  }
  body.responsiveWorkspaceV799f:not(.touchscreenMode) main{
    position:relative!important;
    top:auto!important;
    flex:1 1 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:8px!important;
    overflow:hidden!important;
  }
  body.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard,
  body.responsiveWorkspaceV799f:not(.touchscreenMode) #adminWorkspaceShell,
  body.responsiveWorkspaceV799f:not(.touchscreenMode) #viewerWorkspaceShell,
  body.responsiveWorkspaceV799f.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryShell{
    box-sizing:border-box!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:20px!important;
  }
  body.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard > .adminPlanSurface,
  body.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard > .cardSurface{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
  body.responsiveWorkspaceV799f:not(.touchscreenMode) #zoomWrap{
    flex:1 1 0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
  }

  /* Remove the desktop-only title/tip from the touch workspace. */
  body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderText,
  body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderText,
  body.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .expoPlanitHeaderDesktopText,
  body.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .expoPlanitHeaderMobileText{
    display:none!important;
    visibility:hidden!important;
  }

  /* One compact header family for Admin and Exhibitor tablets. */
  body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .cardHead,
  body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .cardHead{
    flex:0 0 84px!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:84px!important;
    min-height:84px!important;
    max-height:84px!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLayout,
  body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLayout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 38px 106px!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    gap:8px!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:100%!important;
    padding:7px 10px!important;
  }
  body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderMain,
  body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderMain{
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
  body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderControls,
  body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderControls{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    min-height:34px!important;
  }
  body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderControls .segBtn,
  body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderControls #planResetBtn,
  body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderControls .segBtn,
  body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderControls #fitBtn{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:74px!important;
    max-width:128px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    margin:0!important;
    padding:4px 13px!important;
  }
  body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend,
  body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:5px 12px!important;
    min-height:18px!important;
    margin:0!important;
    padding:0!important;
  }

  /* Public tablet header uses the same actions / Help / brand rhythm. */
  body.responsiveWorkspaceV799f.publicHeaderControlsMode:not(.touchscreenMode) #planCard .cardHead{
    flex:0 0 84px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 38px 106px!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    gap:8px!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:84px!important;
    min-height:84px!important;
    max-height:84px!important;
    padding:7px 10px!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  body.responsiveWorkspaceV799f.publicHeaderControlsMode:not(.touchscreenMode) #planCard .publicPlanTitleBlock{
    display:none!important;
  }
  body.responsiveWorkspaceV799f.publicHeaderControlsMode:not(.touchscreenMode) #planCard .publicPlanActions{
    position:static!important;
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    transform:none!important;
  }

  /* The Help control and logo are explicit grid children, never zero-height. */
  body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitMobileHelpBtnV795ge,
  body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitMobileHelpBtnV795ge,
  body.responsiveWorkspaceV799f.publicHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitMobileHelpBtnV795ge{
    grid-column:2!important;
    grid-row:1!important;
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    justify-self:center!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0!important;
    padding:0!important;
    border-radius:50%!important;
    font:900 17px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  }
  body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand,
  body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand,
  body.responsiveWorkspaceV799f.publicHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitPublicHeaderBrand{
    grid-column:3!important;
    grid-row:1!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:flex-end!important;
    align-self:center!important;
    justify-self:end!important;
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitStripBrand::before,
  body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitStripBrand::before,
  body.responsiveWorkspaceV799f.publicHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitPublicHeaderBrand::before{
    display:none!important;
    content:none!important;
  }
  body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitLogoMark,
  body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitLogoMark,
  body.responsiveWorkspaceV799f.publicHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitLogoMark{
    display:block!important;
    visibility:visible!important;
    opacity:.94!important;
    width:102px!important;
    min-width:102px!important;
    max-width:102px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    flex:0 0 102px!important;
    background-size:contain!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    -webkit-mask-size:contain!important;
    mask-size:contain!important;
    -webkit-mask-position:center!important;
    mask-position:center!important;
  }

  /* Touch rows remain table rows; selected feedback is a quiet accent edge rather
     than a full card/button block. The event handlers are not changed. */
  body.responsiveWorkspaceV799f:not(.touchscreenMode) tr.rowSel,
  body.responsiveWorkspaceV799f:not(.touchscreenMode) tr.rowSel td{
    background:color-mix(in srgb,var(--accentText,var(--accent,#6b2a7b)) 5%,white)!important;
  }
  body.responsiveWorkspaceV799f:not(.touchscreenMode) tr.rowSel td{
    border-top:1px solid color-mix(in srgb,var(--accentText,var(--accent,#6b2a7b)) 12%,white)!important;
    border-bottom:1px solid color-mix(in srgb,var(--accentText,var(--accent,#6b2a7b)) 12%,white)!important;
  }
  body.responsiveWorkspaceV799f:not(.touchscreenMode) tr.rowSel td:first-child{
    border-left:0!important;
    box-shadow:inset 4px 0 0 var(--accentText,var(--accent,#6b2a7b))!important;
  }
  body.responsiveWorkspaceV799f:not(.touchscreenMode) tr.rowSel td:last-child{
    border-right:0!important;
  }
}

/* Tablet portrait: the large-phone stacked workspace. */
@media (min-width:721px) and (max-width:1180px) and (orientation:portrait) and (pointer:coarse){
  body.v795gqPortraitManaged.responsiveWorkspaceV799f:not(.touchscreenMode) main{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,calc(54% - 5px)) minmax(0,calc(46% - 5px))!important;
    gap:10px!important;
    height:var(--v795gq-main-h)!important;
    min-height:var(--v795gq-main-h)!important;
    max-height:var(--v795gq-main-h)!important;
    padding:8px!important;
    padding-bottom:0!important;
  }
  body.v795gqPortraitManaged.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard{
    grid-column:1!important;
    grid-row:1!important;
  }
  body.v795gqPortraitManaged.responsiveWorkspaceV799f:not(.touchscreenMode) #adminWorkspaceShell,
  body.v795gqPortraitManaged.responsiveWorkspaceV799f:not(.touchscreenMode) #viewerWorkspaceShell,
  body.v795gqPortraitManaged.responsiveWorkspaceV799f.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryShell{
    grid-column:1!important;
    grid-row:2!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  body.v795gqPortraitManaged.responsiveWorkspaceV799f.responsiveWorkspacePanelCollapsed:not(.touchscreenMode) main{
    grid-template-rows:minmax(0,1fr) 0!important;
    gap:0!important;
  }
  body.v795gqPortraitManaged.responsiveWorkspaceV799f.responsiveWorkspacePanelCollapsed:not(.touchscreenMode) #adminWorkspaceShell,
  body.v795gqPortraitManaged.responsiveWorkspaceV799f.responsiveWorkspacePanelCollapsed:not(.touchscreenMode) #viewerWorkspaceShell,
  body.v795gqPortraitManaged.responsiveWorkspaceV799f.responsiveWorkspacePanelCollapsed.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryShell{
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    height:0!important;
    min-height:0!important;
    transform:translateY(110%)!important;
  }
  body.v795gqPortraitManaged.responsiveWorkspaceV799f.expoPlanitTabPanelExpandedV799f:not(.touchscreenMode) main{
    grid-template-rows:minmax(0,1fr)!important;
    gap:0!important;
    padding-top:0!important;
  }
  body.v795gqPortraitManaged.responsiveWorkspaceV799f.expoPlanitTabPanelExpandedV799f:not(.touchscreenMode) #planCard{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.v795gqPortraitManaged.responsiveWorkspaceV799f.expoPlanitTabPanelExpandedV799f:not(.touchscreenMode) #adminWorkspaceShell,
  body.v795gqPortraitManaged.responsiveWorkspaceV799f.expoPlanitTabPanelExpandedV799f:not(.touchscreenMode) #viewerWorkspaceShell,
  body.v795gqPortraitManaged.responsiveWorkspaceV799f.expoPlanitTabPanelExpandedV799f.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryShell{
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    height:100%!important;
    min-height:0!important;
    transform:none!important;
  }

  /* Portrait uses the balanced bottom row, not the landscape rail. */
  #expoPlanitPanelToggleProxyV799f{
    width:68px!important;
    min-width:68px!important;
    max-width:68px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    border-radius:999px!important;
    font-size:0!important;
    color:var(--accentText,var(--accent,#6b2a7b))!important;
  }
  html body.responsiveWorkspaceV799f:not(.touchscreenMode) #expoPlanitPanelToggleProxyV799f::before{
    content:""!important;
    position:relative!important;
    left:auto!important;
    top:auto!important;
    display:block!important;
    box-sizing:border-box!important;
    width:14px!important;
    height:14px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-top:4px solid currentColor!important;
    border-right:4px solid currentColor!important;
    background:transparent!important;
    -webkit-clip-path:none!important;
    clip-path:none!important;
    transform-origin:50% 50%!important;
  }
  #expoPlanitPanelToggleProxyV799f[data-arrow-direction="up"]::before{transform:rotate(-45deg) translate(-1px,1px)!important;}
  #expoPlanitPanelToggleProxyV799f[data-arrow-direction="down"]::before{transform:rotate(135deg) translate(-1px,1px)!important;}
  .expoPlanitPhonePlanNavV799f{
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    border-radius:999px!important;
    font-size:13px!important;
  }
}

/* Tablet landscape: the proven side-by-side mobile workspace at tablet scale. */
@media (min-width:721px) and (max-width:1180px) and (orientation:landscape) and (pointer:coarse){
  body.responsiveWorkspaceV799f:not(.touchscreenMode) main{
    display:grid!important;
    grid-template-columns:minmax(0,1.72fr) minmax(320px,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    gap:10px!important;
    min-height:0!important;
  }
  body.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard{
    grid-column:1!important;
    grid-row:1!important;
  }
  body.responsiveWorkspaceV799f:not(.touchscreenMode) #adminWorkspaceShell,
  body.responsiveWorkspaceV799f:not(.touchscreenMode) #viewerWorkspaceShell,
  body.responsiveWorkspaceV799f.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryShell{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  body.responsiveWorkspaceV799f.responsiveWorkspacePanelCollapsed:not(.touchscreenMode) main{
    grid-template-columns:minmax(0,1fr) 0!important;
    gap:0!important;
  }
  body.responsiveWorkspaceV799f.responsiveWorkspacePanelCollapsed:not(.touchscreenMode) #adminWorkspaceShell,
  body.responsiveWorkspaceV799f.responsiveWorkspacePanelCollapsed:not(.touchscreenMode) #viewerWorkspaceShell,
  body.responsiveWorkspaceV799f.responsiveWorkspacePanelCollapsed.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryShell{
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    width:0!important;
    min-width:0!important;
    transform:translateX(110%)!important;
  }

  /* Reliable CSS chevron on the side rail. */
  #expoPlanitPanelToggleProxyV799f{
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    border-radius:999px!important;
    font-size:0!important;
    color:var(--accentText,var(--accent,#6b2a7b))!important;
  }
  html body.responsiveWorkspaceV799f:not(.touchscreenMode) #expoPlanitPanelToggleProxyV799f::before{
    content:""!important;
    position:relative!important;
    left:auto!important;
    top:auto!important;
    display:block!important;
    box-sizing:border-box!important;
    width:13px!important;
    height:13px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-top:4px solid currentColor!important;
    border-right:4px solid currentColor!important;
    background:transparent!important;
    -webkit-clip-path:none!important;
    clip-path:none!important;
    transform-origin:50% 50%!important;
  }
  #expoPlanitPanelToggleProxyV799f[data-arrow-direction="left"]::before{transform:rotate(-135deg)!important;}
  #expoPlanitPanelToggleProxyV799f[data-arrow-direction="right"]::before{transform:rotate(45deg)!important;}
  .expoPlanitPhonePlanNavV799f{
    border-radius:999px!important;
  }
}