/* V799aj — phone authored-Overview width and outer-height correction.
   Scope:
   - Public desktop retains the approved Touchscreen-style two-line top card.
   - Admin, Exhibitor and Public phone Overview cards use a true two-column
     title/instruction + logo layout with no reserved hidden Help column.
   - The complete outer top card is restored to the approved 76px footprint.
   - Touchscreen and Admin/Exhibitor desktop layouts remain unchanged.
   No plan, selection, routing, D1/R2, API or Function behaviour is changed. */

/* Public desktop: retain the V799ah approved Touchscreen-style card. */
@media (min-width:1181px), (min-width:981px) and (pointer:fine){
  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m.cardHead{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    column-gap:20px!important;
    box-sizing:border-box!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    padding:8px 14px 8px 20px!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .fpOverviewInstructionV799i{
    grid-column:1!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:max-content minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-content:center!important;
    align-items:baseline!important;
    column-gap:16px!important;
    row-gap:7px!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .fpOverviewInstructionV799i::before{
    content:"Touch the screen to explore the show";
    grid-column:1 / -1!important;
    grid-row:1!important;
    display:block!important;
    min-width:0!important;
    color:var(--accentText,#D56D32)!important;
    -webkit-text-fill-color:var(--accentText,#D56D32)!important;
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:clamp(18px,1.35vw,24px)!important;
    line-height:1.08!important;
    font-weight:900!important;
    letter-spacing:-.018em!important;
    white-space:nowrap!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .fpOverviewInstructionV799i strong{
    grid-column:1!important;
    grid-row:2!important;
    display:block!important;
    margin:0!important;
    color:var(--text,#2f2b33)!important;
    -webkit-text-fill-color:var(--text,#2f2b33)!important;
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:13px!important;
    line-height:1.12!important;
    font-weight:950!important;
    white-space:nowrap!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .fpOverviewInstructionV799i span{
    grid-column:2!important;
    grid-row:2!important;
    display:block!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    color:var(--accentText,#D56D32)!important;
    -webkit-text-fill-color:var(--accentText,#D56D32)!important;
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:11px!important;
    line-height:1.18!important;
    font-weight:850!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitDesktopHelpBtn,
  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitMobileHelpBtnV795ge{
    display:none!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitPublicHeaderBrand{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    justify-self:end!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
    width:auto!important;
    min-width:158px!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0 0 0 22px!important;
    border:0!important;
    border-left:1px solid color-mix(in srgb,var(--border,#ddd) 88%,transparent)!important;
    border-radius:0!important;
    background:transparent!important;
    overflow:visible!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitPublicHeaderBrand::before,
  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitPublicHeaderBrand::after{
    content:none!important;
    display:none!important;
  }

  html body.fpAuthoredOverviewV799i.fpAuthoredOverviewV799i.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitPublicHeaderBrand .expoPlanitLogoMark{
    display:block!important;
    width:clamp(132px,10vw,172px)!important;
    max-width:172px!important;
    height:auto!important;
    max-height:44px!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:right center!important;
    overflow:visible!important;
  }
}

/* Every non-Touchscreen phone Overview uses the same complete 76px top card.
   Admin and Exhibitor have an inner expoPlanitHeaderLayout, so lock both the
   outer cardHead and the active Overview host to remove the old empty strip. */
@media (max-width:980px), (max-width:1180px) and (pointer:coarse){
  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard > .cardSurface > .cardHead,
  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .cardSurface > .cardHead.fpOverviewHeaderV799m{
    box-sizing:border-box!important;
    flex:0 0 76px!important;
    block-size:76px!important;
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    overflow:hidden!important;
  }

  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m,
  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m.cardHead,
  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m.expoPlanitHeaderLayout{
    display:grid!important;
    grid-template-rows:1fr!important;
    align-items:start!important;
    box-sizing:border-box!important;
    width:100%!important;
    block-size:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    padding:8px 10px 6px 14px!important;
    overflow:hidden!important;
  }

  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .fpOverviewInstructionV799i{
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    align-self:start!important;
    gap:5px!important;
    box-sizing:border-box!important;
    min-width:0!important;
    width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:0 0 0 1px!important;
    overflow:visible!important;
  }

  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .fpOverviewInstructionV799i::before{
    content:none!important;
    display:none!important;
  }

  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .fpOverviewInstructionV799i strong{
    display:block!important;
    width:100%!important;
    margin:0!important;
    color:var(--text,#2f2b33)!important;
    -webkit-text-fill-color:var(--text,#2f2b33)!important;
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:clamp(17px,5.1vw,21px)!important;
    line-height:1.04!important;
    font-weight:950!important;
    letter-spacing:-.025em!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }

  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .fpOverviewInstructionV799i span{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    white-space:normal!important;
    overflow:visible!important;
  }

  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .fpOverviewInstructionV799i span::before{
    content:"Tap a highlighted area to open its\A plan, or select a stand from the list.";
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    margin:0!important;
    color:var(--accentText,#D56D32)!important;
    -webkit-text-fill-color:var(--accentText,#D56D32)!important;
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:clamp(10px,2.85vw,11.25px)!important;
    line-height:1.16!important;
    font-weight:850!important;
    letter-spacing:-.012em!important;
    white-space:pre!important;
    overflow:visible!important;
  }

  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitMobileHelpBtnV795ge,
  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitDesktopHelpBtn{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitStripBrand,
  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitStripBrand,
  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitPublicHeaderBrand{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-end!important;
    justify-self:end!important;
    align-self:start!important;
    box-sizing:border-box!important;
    width:92px!important;
    min-width:92px!important;
    max-width:92px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-left:0!important;
    background:transparent!important;
    transform:none!important;
    overflow:visible!important;
  }

  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitStripBrand::before,
  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitStripBrand::after,
  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitPublicHeaderBrand::before,
  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitPublicHeaderBrand::after{
    content:none!important;
    display:none!important;
  }

  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitStripBrand .expoPlanitLogoMark,
  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitPublicHeaderBrand .expoPlanitLogoMark{
    display:block!important;
    width:92px!important;
    min-width:0!important;
    max-width:92px!important;
    height:auto!important;
    min-height:0!important;
    max-height:40px!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:right top!important;
    background-size:contain!important;
    background-position:right top!important;
    overflow:visible!important;
  }
}

@media (max-width:370px) and (orientation:portrait){
  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m,
  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m.cardHead,
  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m.expoPlanitHeaderLayout{
    padding:7px 8px 5px 11px!important;
  }

  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .fpOverviewInstructionV799i strong{
    font-size:17px!important;
  }

  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .fpOverviewInstructionV799i span::before{
    font-size:9.7px!important;
    letter-spacing:-.018em!important;
  }

  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitStripBrand,
  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitStripBrand,
  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f.publicHeaderControlsMode:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitPublicHeaderBrand{
    width:80px!important;
    min-width:80px!important;
    max-width:80px!important;
  }

  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitStripBrand .expoPlanitLogoMark,
  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewHeaderV799m > .expoPlanitPublicHeaderBrand .expoPlanitLogoMark{
    width:78px!important;
    max-width:78px!important;
  }
}