/* V799v guarded interaction/UI patch — loaded after V799s phone branding.
   Scope: preserve V799u landscape/Overview fixes and remove the visual shell
   around the Touchscreen Fit host without changing its button or geometry.
   D1-backed colours are read from the existing --accentText variable. */

/* The landscape side-rail uses the established font chevron. V799s phone
   branding accidentally painted its pseudo-element background, producing a
   solid bar. Keep the glyph background-free while retaining the D1 Accent. */
@media (max-width:980px) and (orientation:landscape) and (pointer:coarse){
  html body.responsiveWorkspaceV799f:not(.touchscreenMode) #expoPlanitPanelToggleProxyV799f::before{
    background:transparent!important;
    color:var(--accentText,#D56D32)!important;
    -webkit-text-fill-color:currentColor!important;
  }

  /* Authored Overview header: restore comfortable card-edge insets without
     changing grid columns, card height, plan area or rail geometry. */
  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .fpOverviewInstructionV799i{
    box-sizing:border-box!important;
    padding-left:14px!important;
  }
  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitStripBrand,
  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitStripBrand,
  html body.fpAuthoredOverviewV799i.responsiveWorkspaceV799f.publicHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitPublicHeaderBrand{
    box-sizing:border-box!important;
    padding-right:14px!important;
  }
}


/* Touchscreen Fit host: on scaled kiosk displays the responsive breakpoint may
   keep Fit inside the generated control strip. Remove every visual layer of the
   host while leaving the actual Fit button available and centred. */
body.touchscreenMode #publicPlanControlStrip.expoPlanitControlStrip,
body.touchscreenMode #publicPlanControlStrip .expoPlanitStripInner,
body.touchscreenMode #publicPlanControlStrip .expoPlanitStripMain,
body.touchscreenMode #publicPlanControlStrip .expoPlanitStripControls{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
body.touchscreenMode #publicPlanControlStrip.expoPlanitControlStrip{
  border-radius:0!important;
}
body.touchscreenMode #planCard .cardHeadActions.publicPlanActions{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
@media (min-width:981px){
  body.touchscreenMode #publicPlanControlStrip.expoPlanitControlStrip{
    display:none!important;
  }
}