/* V795ge — clean phone/tablet responsive corrections from approved desktop baseline.
   Scope: responsive layout only. Does not alter desktop header or touch gesture handlers. */

@media (max-width:980px), (max-width:1180px) and (pointer:coarse){
  body.responsiveWorkspaceV795fa:not(.touchscreenMode) {
    overscroll-behavior-y: none!important;
  }

  /* Mobile/tablet help button inserted by the V795ge helper. */
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitMobileHelpBtnV795ge,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitMobileHelpBtnV795ge {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid color-mix(in srgb,var(--accentText) 22%,var(--border))!important;
    border-radius:50%!important;
    background:#fff!important;
    color:var(--accentText)!important;
    box-shadow:0 3px 9px rgba(0,0,0,.07)!important;
    font:900 16px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    text-align:center!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  .expoPlanitMobileHelpPopoverV795ge {
    position:fixed!important;
    z-index:420!important;
    box-sizing:border-box!important;
    width:min(272px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    padding:12px 14px!important;
    border:1px solid color-mix(in srgb,var(--accentText) 18%,var(--border))!important;
    border-radius:14px!important;
    background:#fff!important;
    color:var(--text)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
    font:700 12px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  }
  .expoPlanitMobileHelpPopoverV795ge[hidden]{display:none!important;}
  .expoPlanitMobileHelpPopoverV795ge strong{
    display:block!important;
    margin-bottom:5px!important;
    color:var(--accentText)!important;
    font-size:13px!important;
    font-weight:950!important;
  }
  .expoPlanitMobileHelpPopoverV795ge ul{margin:0!important;padding-left:17px!important;}
  .expoPlanitMobileHelpPopoverV795ge li + li{margin-top:3px!important;}

  /* All phone/tablet stand/exhibitor lists can scroll horizontally without widening the page. */
  body.responsiveWorkspaceV795ge .tableScroll,
  body.responsiveWorkspaceV795ge #visitorListItems{
    overflow-x:auto!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    touch-action:pan-x pan-y!important;
    max-width:100%!important;
  }
  body.responsiveWorkspaceV795ge .tableScroll table,
  body.responsiveWorkspaceV795ge .tableScroll > table{
    width:max-content!important;
    min-width:max(100%,560px)!important;
    table-layout:auto!important;
  }
  body.responsiveWorkspaceV795ge .tableScroll th,
  body.responsiveWorkspaceV795ge .tableScroll td{
    white-space:nowrap!important;
  }
}

/* Portrait phone: dedicated compact header. */
@media (max-width:720px) and (orientation:portrait){
  body.responsiveWorkspaceV795ge:not(.touchscreenMode) main{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,calc(100% - 255px - 8px)) minmax(210px,255px)!important;
    gap:8px!important;
    padding-top:8px!important;
  }
  body.responsiveWorkspaceV795ge.responsiveWorkspacePanelCollapsed:not(.touchscreenMode) main{
    grid-template-rows:minmax(0,calc(100% - 56px)) 0!important;
    align-content:start!important;
    gap:0!important;
  }
  body.responsiveWorkspaceV795ge:not(.touchscreenMode) #planCard{
    grid-column:1!important;
    grid-row:1!important;
    overflow:hidden!important;
  }
  body.responsiveWorkspaceV795ge:not(.responsiveWorkspacePanelCollapsed):not(.touchscreenMode) #adminWorkspaceShell,
  body.responsiveWorkspaceV795ge:not(.responsiveWorkspacePanelCollapsed):not(.touchscreenMode) #viewerWorkspaceShell,
  body.responsiveWorkspaceV795ge:not(.responsiveWorkspacePanelCollapsed).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;
    min-height:210px!important;
    height:100%!important;
    max-height:255px!important;
    overflow:hidden!important;
  }

  body.responsiveWorkspaceV795ge.responsiveWorkspacePanelCollapsed:not(.touchscreenMode) #adminWorkspaceShell,
  body.responsiveWorkspaceV795ge.responsiveWorkspacePanelCollapsed:not(.touchscreenMode) #viewerWorkspaceShell,
  body.responsiveWorkspaceV795ge.responsiveWorkspacePanelCollapsed.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryShell{
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(110%)!important;
  }

  body.responsiveWorkspaceV795ge:not(.touchscreenMode) #planCard .cardHead{
    --v795fa-plan-head-h:72px;
    flex-basis:72px!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    overflow:hidden!important;
  }

  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout{
    display:grid!important;
    grid-template-columns:max-content minmax(0,1fr) 32px 86px!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    height:100%!important;
    box-sizing:border-box!important;
    padding:5px 8px!important;
    overflow:hidden!important;
  }

  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderText,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderText{
    display:none!important;
  }

  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderMain,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderMain{
    grid-column:1!important;
    display:grid!important;
    grid-template-columns:max-content!important;
    grid-template-rows:29px 22px!important;
    align-content:center!important;
    justify-content:start!important;
    justify-items:start!important;
    gap:5px!important;
    width:max-content!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    padding:0!important;
    border:0!important;
  }

  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderControls,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderControls{
    display:grid!important;
    grid-template-columns:68px 68px 68px!important;
    grid-auto-columns:68px!important;
    align-items:center!important;
    justify-content:start!important;
    justify-items:stretch!important;
    gap:5px!important;
    width:max-content!important;
    max-width:214px!important;
    height:29px!important;
    min-height:29px!important;
    overflow:visible!important;
  }

  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderControls .segSwitch,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderControls .segSwitch{
    display:contents!important;
  }

  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard #planViewPlanBtn,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard #planViewPlanBtn{grid-column:1!important;}
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard #planViewStatusBtn,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard #planViewStatusBtn{grid-column:2!important;}
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard #planResetBtn,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard #fitBtn{grid-column:3!important;}

  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard #planViewCategoriesBtn,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard #planViewCategoriesBtn{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderControls .segBtn,
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderControls #planResetBtn,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderControls .segBtn,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderControls #fitBtn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:68px!important;
    min-width:68px!important;
    max-width:68px!important;
    height:29px!important;
    min-height:29px!important;
    max-height:29px!important;
    margin:0!important;
    padding:3px 4px!important;
    border-radius:999px!important;
    font-size:10.4px!important;
    line-height:1!important;
    font-weight:950!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }

  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLegend,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLegend{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:max-content!important;
    max-width:214px!important;
    height:22px!important;
    min-height:22px!important;
    max-height:22px!important;
    overflow:visible!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLegend > *,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLegend > *{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    width:max-content!important;
    max-width:214px!important;
    height:22px!important;
    min-height:22px!important;
    max-height:22px!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLegend .keyFilterHint,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLegend .keyFilterHint{
    display:none!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLegend .keyPill,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLegend .keyPill{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    width:auto!important;
    min-width:0!important;
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
    padding:0!important;
    border-color:transparent!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--muted)!important;
    font-size:9.4px!important;
    line-height:1!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLegend .keyDot,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLegend .keyDot{
    width:9px!important;
    height:9px!important;
    flex:0 0 9px!important;
  }

  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitMobileHelpBtnV795ge,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitMobileHelpBtnV795ge{
    grid-column:3!important;
    justify-self:center!important;
    align-self:center!important;
  }

  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand{
    grid-column:4!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:86px!important;
    min-width:86px!important;
    max-width:86px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand::before,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand::before{
    display:none!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand .expoPlanitLogoMark,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand .expoPlanitLogoMark{
    display:block!important;
    width:84px!important;
    max-width:84px!important;
    height:auto!important;
    min-height:0!important;
    max-height:36px!important;
    flex:0 0 auto!important;
    opacity:.94!important;
  }

  body.responsiveWorkspaceV795ge.responsiveWorkspacePanelCollapsed:not(.touchscreenMode) .responsiveWorkspaceToggle{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:calc(100% - 48px)!important;
    bottom:auto!important;
    width:58px!important;
    height:34px!important;
    min-width:58px!important;
    min-height:34px!important;
    transform:translateX(-50%)!important;
    border-radius:17px!important;
    font-size:23px!important;
    z-index:90!important;
  }
  body.responsiveWorkspaceV795ge:not(.responsiveWorkspacePanelCollapsed):not(.touchscreenMode) .responsiveWorkspaceToggle{
    position:absolute!important;
    left:50%!important;
    top:calc(100% - 255px - 25px)!important;
    width:58px!important;
    height:34px!important;
    min-width:58px!important;
    min-height:34px!important;
    transform:translateX(-50%)!important;
    border-radius:17px!important;
    font-size:23px!important;
  }
}

/* Very narrow portrait phones: keep three buttons and logo contained. */
@media (max-width:370px) and (orientation:portrait){
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout{
    grid-template-columns:max-content minmax(0,1fr) 30px 72px!important;
    gap:4px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderControls,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderControls{
    grid-template-columns:64px 64px 64px!important;
    max-width:202px!important;
    gap:5px!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderControls .segBtn,
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderControls #planResetBtn,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderControls .segBtn,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderControls #fitBtn{
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    font-size:9.6px!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLegend,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLegend,
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLegend > *,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLegend > *{
    max-width:202px!important;
    gap:5px!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLegend .keyPill,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLegend .keyPill{
    font-size:8.5px!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitMobileHelpBtnV795ge,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitMobileHelpBtnV795ge{
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand{
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand .expoPlanitLogoMark,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand .expoPlanitLogoMark{
    width:70px!important;
    max-width:70px!important;
  }
}

/* Landscape/tablet: leave the proven split layout intact, only contain the i/logo group. */
@media (min-width:721px) and (max-width:980px),
       (max-width:980px) and (orientation:landscape),
       (min-width:981px) and (max-width:1180px) and (pointer:coarse){
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 34px 104px!important;
    gap:8px!important;
    align-items:center!important;
    padding:6px 8px!important;
    overflow:hidden!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitMobileHelpBtnV795ge,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitMobileHelpBtnV795ge{
    grid-column:2!important;
    justify-self:center!important;
    align-self:center!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand{
    grid-column:3!important;
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
    height:46px!important;
    padding:0!important;
    overflow:visible!important;
    justify-content:flex-end!important;
    border:0!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand::before,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand::before{
    display:none!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand .expoPlanitLogoMark,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand .expoPlanitLogoMark{
    width:102px!important;
    max-width:102px!important;
    height:auto!important;
    max-height:38px!important;
    opacity:.94!important;
  }
}


/* V795ge — final portrait-only arrow/logo containment.
   Keeps the previous stable phone pass gesture behaviour intact. */
@media (max-width:720px) and (orientation:portrait){
  /* Give the portrait logo enough vertical room and prevent the bottom of the SVG mark clipping. */
  body.responsiveWorkspaceV795ge:not(.touchscreenMode) #planCard .cardHead{
    --v795fa-plan-head-h:76px!important;
    flex-basis:76px!important;
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    overflow:visible!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout{
    overflow:visible!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand{
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    align-items:center!important;
    overflow:visible!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand .expoPlanitLogoMark,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand .expoPlanitLogoMark{
    width:82px!important;
    max-width:82px!important;
    height:42px!important;
    max-height:42px!important;
    min-height:42px!important;
    background-size:contain!important;
    background-position:center!important;
    overflow:visible!important;
  }

  /* When the tabs are collapsed, the arrow belongs above Safari's bottom toolbar, not on/under the plan. */
  body.responsiveWorkspaceV795ge.responsiveWorkspacePanelCollapsed:not(.touchscreenMode) .responsiveWorkspaceToggle{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + var(--v795ge-collapsed-arrow-clearance,132px))!important;
    transform:translateX(-50%)!important;
    width:58px!important;
    height:34px!important;
    min-width:58px!important;
    min-height:34px!important;
    border-radius:17px!important;
    z-index:999!important;
    pointer-events:auto!important;
  }
}

/* V795ge — final portrait-only button sizing and collapsed-arrow placement.
   Keep the stable previous gesture and panel behaviour intact. */
@media (max-width:720px) and (orientation:portrait){
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout{
    grid-template-columns:max-content minmax(0,1fr) 32px 86px!important;
    gap:6px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderMain,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderMain{
    grid-template-rows:26px 20px!important;
    gap:4px!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderControls,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderControls{
    grid-template-columns:60px 60px 60px!important;
    grid-auto-columns:60px!important;
    gap:5px!important;
    max-width:190px!important;
    height:26px!important;
    min-height:26px!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderControls .segBtn,
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderControls #planResetBtn,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderControls .segBtn,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderControls #fitBtn{
    width:60px!important;
    min-width:60px!important;
    max-width:60px!important;
    height:26px!important;
    min-height:26px!important;
    max-height:26px!important;
    padding:2px 4px!important;
    font-size:9.4px!important;
    line-height:1!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLegend,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLegend,
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLegend > *,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLegend > *{
    max-width:190px!important;
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
    gap:6px!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLegend .keyPill,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLegend .keyPill{
    height:18px!important;
    min-height:18px!important;
    max-height:18px!important;
    font-size:8.4px!important;
    gap:3px!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLegend .keyDot,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLegend .keyDot{
    width:8px!important;
    height:8px!important;
    flex-basis:8px!important;
  }
  body.responsiveWorkspaceV795ge.responsiveWorkspacePanelCollapsed:not(.touchscreenMode) .responsiveWorkspaceToggle{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 132px)!important;
    transform:translateX(-50%)!important;
    z-index:999!important;
    pointer-events:auto!important;
  }
}

@media (max-width:370px) and (orientation:portrait){
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderControls,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderControls{
    grid-template-columns:56px 56px 56px!important;
    grid-auto-columns:56px!important;
    max-width:178px!important;
    gap:5px!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderControls .segBtn,
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderControls #planResetBtn,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderControls .segBtn,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderControls #fitBtn{
    width:56px!important;
    min-width:56px!important;
    max-width:56px!important;
    font-size:8.9px!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLegend,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLegend,
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLegend > *,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLegend > *{
    max-width:178px!important;
    gap:5px!important;
  }
}

/* V795ge — final portrait arrow + professional logo/info stack.
   Narrow CSS-only visual polish; preserves stable pan/zoom and panel behaviour. */
@media (max-width:720px) and (orientation:portrait){
  /* Make the right-side brand area a calmer stacked logo/info group. */
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout{
    grid-template-columns:max-content minmax(0,1fr) 88px!important;
    grid-template-rows:40px 22px!important;
    column-gap:8px!important;
    row-gap:0!important;
    align-items:center!important;
    padding:6px 10px!important;
    overflow:visible!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderMain,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderMain{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand{
    grid-column:3!important;
    grid-row:1!important;
    align-self:end!important;
    justify-self:end!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    border:0!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand .expoPlanitLogoMark,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand .expoPlanitLogoMark{
    display:block!important;
    width:86px!important;
    max-width:86px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    background-size:contain!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    overflow:visible!important;
    opacity:.94!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitMobileHelpBtnV795ge,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitMobileHelpBtnV795ge{
    grid-column:3!important;
    grid-row:2!important;
    justify-self:end!important;
    align-self:start!important;
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:18px!important;
    min-height:18px!important;
    max-height:18px!important;
    margin:0 2px 0 0!important;
    padding:0 8px!important;
    border-radius:999px!important;
    border:1px solid color-mix(in srgb,var(--accentText) 18%,var(--border))!important;
    box-shadow:0 2px 6px rgba(0,0,0,.05)!important;
    font:900 9.5px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    letter-spacing:.01em!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitMobileHelpBtnV795ge{
    font-size:0!important;
  }
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitMobileHelpBtnV795ge{
    font-size:0!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitMobileHelpBtnV795ge::after,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitMobileHelpBtnV795ge::after{
    content:"Info"!important;
    font:900 9.5px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  }

  /* Keep three compact buttons and the key clear of the brand/info stack. */
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderControls,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderControls{
    grid-template-columns:58px 58px 58px!important;
    grid-auto-columns:58px!important;
    gap:5px!important;
    max-width:184px!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderControls .segBtn,
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderControls #planResetBtn,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderControls .segBtn,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderControls #fitBtn{
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    font-size:9.1px!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLegend,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLegend,
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLegend > *,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLegend > *{
    max-width:184px!important;
  }

  /* Collapsed tab arrow must sit in the lower visible safe area, above Safari's URL bar, not in the plan. */
  body.responsiveWorkspaceV795ge.responsiveWorkspacePanelCollapsed:not(.touchscreenMode) .responsiveWorkspaceToggle{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + var(--v795ge-collapsed-arrow-clearance,88px))!important;
    transform:translateX(-50%)!important;
    width:58px!important;
    height:34px!important;
    min-width:58px!important;
    min-height:34px!important;
    max-width:58px!important;
    max-height:34px!important;
    border-radius:17px!important;
    z-index:2147483000!important;
    pointer-events:auto!important;
  }
}

@media (max-width:370px) and (orientation:portrait){
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout{
    grid-template-columns:max-content minmax(0,1fr) 78px!important;
    column-gap:6px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand{
    width:78px!important;
    min-width:78px!important;
    max-width:78px!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand .expoPlanitLogoMark,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand .expoPlanitLogoMark{
    width:76px!important;
    max-width:76px!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitMobileHelpBtnV795ge,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitMobileHelpBtnV795ge{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderControls,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderControls{
    grid-template-columns:54px 54px 54px!important;
    grid-auto-columns:54px!important;
    max-width:172px!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderControls .segBtn,
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitHeaderControls #planResetBtn,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderControls .segBtn,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitHeaderControls #fitBtn{
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    font-size:8.6px!important;
  }
}


/* V795ge — locked final portrait arrow and small logo-aligned help mark.
   This override is intentionally narrow: no gesture, Fit, pan, pinch or table logic. */
@media (max-width:720px) and (orientation:portrait){
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitMobileHelpBtnV795ge,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitMobileHelpBtnV795ge{
    grid-column:3!important;
    grid-row:2!important;
    justify-self:end!important;
    align-self:center!important;
    width:19px!important;
    min-width:19px!important;
    max-width:19px!important;
    height:19px!important;
    min-height:19px!important;
    max-height:19px!important;
    margin:0 18px 1px 0!important;
    padding:0!important;
    border-radius:50%!important;
    border:1px solid color-mix(in srgb,var(--accentText) 18%,var(--border))!important;
    background:#fff!important;
    color:var(--accentText)!important;
    box-shadow:0 2px 5px rgba(0,0,0,.045)!important;
    font:900 10.5px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    letter-spacing:0!important;
    text-align:center!important;
  }
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitMobileHelpBtnV795ge::after,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitMobileHelpBtnV795ge::after{
    content:""!important;
    display:none!important;
  }

  body.responsiveWorkspaceV795ge.responsiveWorkspacePanelCollapsed:not(.touchscreenMode) .responsiveWorkspaceToggle{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + var(--v795ge-collapsed-arrow-clearance,60px))!important;
    transform:translateX(-50%)!important;
    width:58px!important;
    height:34px!important;
    min-width:58px!important;
    min-height:34px!important;
    max-width:58px!important;
    max-height:34px!important;
    border-radius:17px!important;
    z-index:2147483000!important;
    pointer-events:auto!important;
  }
  body.responsiveWorkspaceV795ge:not(.responsiveWorkspacePanelCollapsed):not(.touchscreenMode) .responsiveWorkspaceToggle{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + var(--v795ge-open-arrow-clearance,238px))!important;
    transform:translateX(-50%)!important;
    width:58px!important;
    height:34px!important;
    min-width:58px!important;
    min-height:34px!important;
    max-width:58px!important;
    max-height:34px!important;
    border-radius:17px!important;
    z-index:2147483000!important;
    pointer-events:auto!important;
  }
}

@media (max-width:370px) and (orientation:portrait){
  body.responsiveWorkspaceV795ge.adminHeaderControlsMode #planCard .expoPlanitMobileHelpBtnV795ge,
  body.responsiveWorkspaceV795ge.viewerHeaderControlsMode #planCard .expoPlanitMobileHelpBtnV795ge{
    width:18px!important;
    min-width:18px!important;
    max-width:18px!important;
    height:18px!important;
    min-height:18px!important;
    max-height:18px!important;
    margin-right:15px!important;
    font-size:10px!important;
  }
}