/* Expo Planit V799xe — one event-branding contract across Admin, Exhibitor, Public and Touchscreen.
   Existing D1 keys are preserved: headerStroke is the backwards-compatible storage key for Interface stroke,
   planCard is the backwards-compatible storage key for Plan background, and planButton remains Button background. */
:root{
  --interfaceStroke:var(--headerStroke,#ffffff);
}

/* One visible interface stroke around the platform's cards, windows and menu shells. */
html body .card,
html body .cardSurface,
html body .eventBrandBar,
html body #brandingCard,
html body .workspaceTabsShell,
html body .workspacePanel,
html body .platformPlanNavigator,
html body .platformPlanHomeCard,
html body .expoPlanitControlStrip,
html body .publicInfoDialog,
html body .adminInfoDialog,
html body .exhibitorInfoDialog,
html body [role="dialog"]{
  border-color:var(--interfaceStroke,var(--headerStroke,#ffffff))!important;
}

/* Card/menu headers use the same Interface background on every responsive layout. */
html body .card > .cardHead,
html body .cardSurface > .cardHead,
html body #planCard .cardHead,
html body .expoPlanitControlStrip,
html body .workspaceTabsBar,
html body .workspaceTabsShell > .workspaceTabsBar{
  background:var(--menuBackgroundColor,#ffffff)!important;
}

/* The plan surface is one branded field on desktop, tablet and phone. */
html body #planCard,
html body #planCard > .cardSurface,
html body #planCard .cardSurface,
html body #zoomWrap,
html body #zoomSvgHost{
  background:var(--planCardColor,#ffffff)!important;
}

/* Explicitly pin Fit and responsive navigation controls to Button background.  These controls are
   recreated by responsive helpers after initial page load, so this rule deliberately outranks legacy CSS. */
html body #planResetBtn,
html body #fitBtn,
html body #expoPlanitFitProxyV799f,
html body #expoPlanitOverviewProxyV799f,
html body #eventOverviewBtn,
html body #expoPlanitPanelToggleProxyV799f,
html body .expoPlanitTabHeightToggleV799f,
html body .responsiveWorkspaceToggle{
  background:var(--buttonColor,#ffffff)!important;
  background-color:var(--buttonColor,#ffffff)!important;
  color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  -webkit-text-fill-color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
}

/* V799wr — 2D/3D follows the same ordinary-control branding contract as
   Stand-type / Status. The control no longer consumes Selected Highlight:
   both modes use Button background + Interface text/icons, while the current
   mode is shown by a stronger Interface-stroke ring. */
html body #zoomWrap .expoPlanit3dSwitchV799qm{
  background:var(--menuBackgroundColor,#ffffff)!important;
  border-color:var(--interfaceStroke,var(--headerStroke,#ffffff))!important;
}
html body #zoomWrap .expoPlanit3dSwitchV799qm button{
  background:var(--buttonColor,#ffffff)!important;
  background-color:var(--buttonColor,#ffffff)!important;
  color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  -webkit-text-fill-color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  border:1px solid var(--interfaceStroke,var(--headerStroke,#ffffff))!important;
  box-shadow:none!important;
}
html body #zoomWrap .expoPlanit3dSwitchV799qm button[aria-pressed="true"]{
  background:var(--buttonColor,#ffffff)!important;
  background-color:var(--buttonColor,#ffffff)!important;
  color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  -webkit-text-fill-color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  border-color:var(--interfaceStroke,var(--headerStroke,#ffffff))!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--interfaceStroke,var(--headerStroke,#ffffff)) 58%,transparent),0 2px 8px rgba(15,23,42,.12)!important;
}

/* Responsive layouts sometimes create an extra framed plan/header shell. Keep its surfaces aligned. */
@media (max-width:980px), (max-width:1180px) and (pointer:coarse){
  html body #zoomWrap > #zoomSvgHost{
    top:0!important;
  }
  html body #planCard,
  html body #planCard > .cardSurface,
  html body #planCard .cardSurface,
  html body #zoomWrap,
  html body #zoomSvgHost{
    background:var(--planCardColor,#ffffff)!important;
  }
  html body #planCard .cardHead,
  html body #planCard .expoPlanitHeaderLayout,
  html body #planCard .expoPlanitHeaderMain,
  html body #planCard .expoPlanitHeaderControls{
    background-color:var(--menuBackgroundColor,#ffffff)!important;
  }
}


/* V799wc/V799wd — responsive branding specificity pass.
   Older phone workspace sheets intentionally used hard-coded white header cards.
   These release rules are more specific and restore the D1-backed Interface background
   consistently on Public, Exhibitor and Admin phone/tablet layouts. */
@media (max-width:980px), (max-width:1180px) and (pointer:coarse){
  html body.responsiveWorkspaceV799f.publicHeaderControlsMode:not(.touchscreenMode) #planCard .cardHead,
  html body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .cardHead,
  html body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .cardHead,
  html body.responsiveWorkspaceV795fa.publicHeaderControlsMode:not(.touchscreenMode) #planCard .cardHead,
  html body.responsiveWorkspaceV795fa.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .cardHead,
  html body.responsiveWorkspaceV795fa.adminHeaderControlsMode:not(.touchscreenMode) #planCard .cardHead,
  html body.responsiveWorkspaceV795ge.publicHeaderControlsMode:not(.touchscreenMode) #planCard .cardHead,
  html body.responsiveWorkspaceV795ge.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .cardHead,
  html body.responsiveWorkspaceV795ge.adminHeaderControlsMode:not(.touchscreenMode) #planCard .cardHead,
  html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.publicHeaderControlsMode:not(.touchscreenMode) #planCard .cardHead,
  html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .cardHead,
  html.expoPlanitTabletV799bm body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .cardHead{
    background:var(--menuBackgroundColor,#ffffff)!important;
    background-color:var(--menuBackgroundColor,#ffffff)!important;
  }

  /* Phone status legend labels need breathing room around the words. Keep the
     desktop geometry untouched and preserve the existing horizontal scroll fallback. */
  html body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .keyPill,
  html body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .keyPill{
    box-sizing:border-box!important;
    width:auto!important;
    min-width:max-content!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
}

/* V799wd — final production-polish pass after non-white branding exposed legacy seams.
   This remains presentation-only CSS. No data, Publish, D1, booking or renderer geometry paths change. */

/* Semantic action colours are intentionally NOT brandable. They must keep their
   established red/green meaning even when Button background is heavily customised. */
html body button.primary{
  background:var(--ok,#16a34a)!important;
  background-color:var(--ok,#16a34a)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:rgba(0,0,0,.08)!important;
}
html body button.danger{
  background:var(--danger,#dc2626)!important;
  background-color:var(--danger,#dc2626)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:rgba(0,0,0,.08)!important;
}
html body button.primary:disabled,
html body button.danger:disabled{opacity:.45!important;}

/* The line between the plan header card and the live plan was a legacy card-head
   divider, not part of the event branding. Remove it so header and plan meet cleanly
   at every viewport width. */
html body #planCard .cardHead,
html body #planCard > .adminPlanSurface > .cardHead,
html body #planCard > .cardSurface > .cardHead{
  border-bottom:0!important;
  border-bottom-color:transparent!important;
}

/* Desktop menu tabs need one clear selected marker, not a full-width divider plus
   a second short marker. The selected marker uses Selected Highlight; outer card
   outlines continue to use Interface stroke. */
@media (min-width:981px){
  html body .workspaceTabsBar,
  html body #publicDirectoryTabs{
    border-bottom:0!important;
    border-bottom-color:transparent!important;
  }
  html body .workspaceTab[aria-selected="true"],
  html body #publicDirectoryTabs .publicDirectoryTab[aria-selected="true"]{
    box-shadow:none!important;
  }
  html body .workspaceTab[aria-selected="true"]::after,
  html body #publicDirectoryTabs .publicDirectoryTab[aria-selected="true"]::before{
    background:var(--selected,#2563EB)!important;
  }

  /* Admin-only breathing room between the interactive pills and the status/type key. */
  html body.adminHeaderControlsMode #planCard .expoPlanitHeaderLegend{
    margin-top:4px!important;
    top:0!important;
  }
}

/* Exhibitor key entries retain the same framed language as Admin. This is a legend
   frame only; the dot keeps the authoritative stand/status colour. */
html body.viewerHeaderControlsMode #planCard .expoPlanitHeaderLegend .keyPill{
  box-sizing:border-box!important;
  border:1px solid var(--interfaceStroke,var(--headerStroke,#e9e9e9))!important;
  border-radius:4px!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Phones: give Available / Sold / Reserved (and the equivalent active key items)
   enough horizontal breathing room and let the white data-list field visually fill
   the remaining menu height without stretching table rows. */
@media (max-width:980px), (max-width:1180px) and (pointer:coarse){
  html body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .keyPill,
  html body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .keyPill,
  html body.responsiveWorkspaceV795fa.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .keyPill,
  html body.responsiveWorkspaceV795fa.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .keyPill,
  html body.responsiveWorkspaceV795ge.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .keyPill,
  html body.responsiveWorkspaceV795ge.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .keyPill{
    width:auto!important;
    min-width:max-content!important;
    padding-left:9px!important;
    padding-right:9px!important;
  }

  html body.responsiveWorkspaceV799f:not(.touchscreenMode) #adminWorkspaceShell #standsCard .tableScroll,
  html body.responsiveWorkspaceV799f:not(.touchscreenMode) #viewerWorkspaceShell #standsCard .tableScroll,
  html body.responsiveWorkspaceV799f.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryShell #standsCard .tableScroll,
  html body.responsiveWorkspaceV795ge:not(.touchscreenMode) #adminWorkspaceShell #standsCard .tableScroll,
  html body.responsiveWorkspaceV795ge:not(.touchscreenMode) #viewerWorkspaceShell #standsCard .tableScroll,
  html body.responsiveWorkspaceV795ge.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryShell #standsCard .tableScroll{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    background:#fff!important;
  }
}

/* Narrow fine-pointer desktop modes historically reintroduced hard-coded white
   surfaces after the normal desktop cascade. Re-bind those exact shells to the same
   Interface / Plan tokens used at full desktop width so resizing cannot drop branding. */
html.expoPlanitFinePointerComputerV799oh body.expoPlanitCompactDesktopV799oh:not(.touchscreenMode) #planCard > .adminPlanSurface,
html.expoPlanitFinePointerComputerV799oh body.expoPlanitReturnedDesktopV799oh.expoPlanitDesktopSurfaceLockV799oh:not(.expoPlanitCompactDesktopV799oh):not(.touchscreenMode) #planCard > .adminPlanSurface{
  background:var(--planCardColor,#fff)!important;
}
html.expoPlanitFinePointerComputerV799oh body.expoPlanitCompactDesktopV799oh:not(.touchscreenMode) #planCard .cardHead{
  background:var(--menuBackgroundColor,#fff)!important;
  background-color:var(--menuBackgroundColor,#fff)!important;
  border-bottom:0!important;
}
html.expoPlanitFinePointerComputerV799oh body.expoPlanitCompactDesktopV799oh:not(.touchscreenMode) #adminWorkspaceShell{
  background:var(--menuBackgroundColor,#fff)!important;
  background-color:var(--menuBackgroundColor,#fff)!important;
  border-color:var(--interfaceStroke,var(--headerStroke,#e9e9e9))!important;
}

html.expoPlanitVisitorFinePointerV799pc body.expoPlanitVisitorCompactV799pc:not(.touchscreenMode) #planCard > .cardSurface,
html.expoPlanitVisitorFinePointerV799pc body.expoPlanitVisitorReturnedDesktopV799pc.expoPlanitVisitorDesktopSurfaceLockV799pc:not(.expoPlanitVisitorCompactV799pc):not(.touchscreenMode) #planCard > .cardSurface{
  background:var(--planCardColor,#fff)!important;
}
html.expoPlanitVisitorFinePointerV799pc body.expoPlanitVisitorCompactV799pc:not(.touchscreenMode) #planCard .cardHead{
  background:var(--menuBackgroundColor,#fff)!important;
  background-color:var(--menuBackgroundColor,#fff)!important;
  border-bottom:0!important;
}
html.expoPlanitVisitorFinePointerV799pc body.expoPlanitVisitorCompactV799pc:not(.touchscreenMode) #publicDirectoryShell,
html.expoPlanitVisitorFinePointerV799pc body.expoPlanitVisitorCompactV799pc:not(.touchscreenMode) #viewerWorkspaceShell,
html.expoPlanitVisitorFinePointerV799pc body.expoPlanitVisitorCompactV799pc:not(.touchscreenMode) #publicDirectoryTabs,
html.expoPlanitVisitorFinePointerV799pc body.expoPlanitVisitorCompactV799pc:not(.touchscreenMode) #viewerWorkspaceTabs{
  background:var(--menuBackgroundColor,#fff)!important;
  background-color:var(--menuBackgroundColor,#fff)!important;
  border-color:var(--interfaceStroke,var(--headerStroke,#e9e9e9))!important;
}
html.expoPlanitVisitorFinePointerV799pc body.expoPlanitVisitorCompactV799pc:not(.touchscreenMode) #planCard .expoPlanitDesktopHelpBtn,
html.expoPlanitVisitorFinePointerV799pc body.expoPlanitVisitorCompactV799pc:not(.touchscreenMode) .expoPlanitVisitorBottomBarV799pc button,
html.expoPlanitVisitorFinePointerV799pc body.expoPlanitVisitorCompactV799pc:not(.touchscreenMode) #expoPlanitVisitorFullToggleV799pc{
  background:var(--buttonColor,#fff)!important;
  background-color:var(--buttonColor,#fff)!important;
  color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  -webkit-text-fill-color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  border-color:var(--interfaceStroke,var(--headerStroke,#e9e9e9))!important;
}



/* V799wd acceptance hardening — apply the branded surfaces through every shell that
   appears during phone/full/compact handoffs. This closes legacy white flashes and
   keeps the list field visually continuous to the bottom of the active menu panel. */
html body #adminWorkspaceShell,
html body #viewerWorkspaceShell,
html body #publicDirectoryShell,
html body .workspaceTabsShell{
  background:var(--menuBackgroundColor,#fff)!important;
  background-color:var(--menuBackgroundColor,#fff)!important;
}

@media (min-width:981px){
  /* Internal menu dividers stay deliberately neutral/absent; Interface stroke belongs
     to the outer shell. Only the short selected-tab marker is coloured. */
  html body .workspaceTabsShell > .workspaceTabsBar,
  html body.publicDirectoryMode #publicDirectoryTabs{
    border-bottom-width:0!important;
    box-shadow:none!important;
  }
  html body .workspaceTab[aria-selected="true"],
  html body.publicDirectoryMode #publicDirectoryTabs .publicDirectoryTab[aria-selected="true"]{
    box-shadow:none!important;
  }

  /* A slightly clearer Admin-only tier gap without changing the header height. */
  html body.adminHeaderControlsMode #planCard .expoPlanitHeaderLegend{
    margin-top:6px!important;
    transform:translateY(1px)!important;
  }
}

@media (max-width:980px), (max-width:1180px) and (pointer:coarse){
  /* Structural seam kill: no border, margin or separator may sit between the header
     surface and the live plan on phone/tablet. */
  html body #planCard .cardHead{
    margin-bottom:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
  }
  html body #planCard #zoomWrap,
  html body #planCard > .adminPlanSurface > #zoomWrap,
  html body #planCard > .cardSurface > #zoomWrap{
    margin-top:0!important;
    border-top:0!important;
  }

  /* All phone list variants: the scroll viewport, not the rows, owns the remaining
     white list field. Rows keep their natural height; the field reaches panel bottom. */
  html body:not(.touchscreenMode) #standsCard .tableWrap,
  html body:not(.touchscreenMode) #standsCard #standsBody{
    min-height:0!important;
  }
  html body:not(.touchscreenMode) #standsCard .tableScroll{
    flex:1 1 0!important;
    min-height:0!important;
    height:100%!important;
    max-height:none!important;
    background:#fff!important;
    background-color:#fff!important;
  }
}

/* Fine-pointer compact handoffs: cover the intermediate shells too, not only the final
   compact card. This prevents a hard-coded white frame flashing while the width crosses
   the desktop/compact threshold. */
html.expoPlanitFinePointerComputerV799oh body:not(.touchscreenMode) #planCard > .adminPlanSurface,
html.expoPlanitFinePointerComputerV799oh body:not(.touchscreenMode) #planCard .cardHead,
html.expoPlanitVisitorFinePointerV799pc body:not(.touchscreenMode) #planCard > .cardSurface,
html.expoPlanitVisitorFinePointerV799pc body:not(.touchscreenMode) #planCard .cardHead{
  border-bottom-color:transparent!important;
}
html.expoPlanitFinePointerComputerV799oh body:not(.touchscreenMode) #adminWorkspaceShell,
html.expoPlanitFinePointerComputerV799oh body:not(.touchscreenMode) #adminWorkspaceTabs,
html.expoPlanitVisitorFinePointerV799pc body:not(.touchscreenMode) #viewerWorkspaceShell,
html.expoPlanitVisitorFinePointerV799pc body:not(.touchscreenMode) #publicDirectoryShell,
html.expoPlanitVisitorFinePointerV799pc body:not(.touchscreenMode) #publicDirectoryTabs{
  background:var(--menuBackgroundColor,#fff)!important;
  background-color:var(--menuBackgroundColor,#fff)!important;
}

/* V799wr — landscape phone/tablet stand-list viewport completion.
   The data list must reach the lower edge of the menu shell in split landscape.
   Earlier responsive rules left bottom safe-area/padding allowance on the table
   wrapper even though the landscape controls live outside that list viewport.
   Keep portrait/full-height behaviour untouched and change only coarse landscape. */
@media (orientation:landscape) and (pointer:coarse){
  html.expoPlanitPhoneV799bm body.responsiveWorkspaceV799f:not(.touchscreenMode) #standsCard,
  html.expoPlanitTabletLandscapeV799bm body.responsiveWorkspaceV799f:not(.touchscreenMode) #standsCard{
    display:flex!important;
    flex:1 1 0!important;
    flex-direction:column!important;
    min-height:0!important;
    height:100%!important;
    max-height:none!important;
    overflow:hidden!important;
  }

  /* Admin has an extra #standsBody wrapper; Public/Exhibitor use it as the
     tableWrap itself. In both cases the entire remaining panel height belongs
     to the stand/exhibitor list stack. */
  html.expoPlanitPhoneV799bm body.responsiveWorkspaceV799f:not(.touchscreenMode) #standsCard #standsBody,
  html.expoPlanitTabletLandscapeV799bm body.responsiveWorkspaceV799f:not(.touchscreenMode) #standsCard #standsBody,
  html.expoPlanitPhoneV799bm body.responsiveWorkspaceV799f:not(.touchscreenMode) #standsCard .tableWrap,
  html.expoPlanitTabletLandscapeV799bm body.responsiveWorkspaceV799f:not(.touchscreenMode) #standsCard .tableWrap{
    display:flex!important;
    flex:1 1 0!important;
    flex-direction:column!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:hidden!important;
    padding-bottom:0!important;
  }

  html.expoPlanitPhoneV799bm body.responsiveWorkspaceV799f:not(.touchscreenMode) #standsCard .tableScroll,
  html.expoPlanitTabletLandscapeV799bm body.responsiveWorkspaceV799f:not(.touchscreenMode) #standsCard .tableScroll{
    display:block!important;
    flex:1 1 0!important;
    align-self:stretch!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    margin-bottom:0!important;
    padding-bottom:0!important;
    overflow:auto!important;
    background:#fff!important;
    background-color:#fff!important;
    -webkit-overflow-scrolling:touch!important;
  }
}


/* V799wr — restore Fit + Info to the ordinary event Button contract.
   V799wd deliberately exempted only semantic .primary/.danger actions from event
   button branding. Fit and the round Info/help control are navigation controls,
   so they must match Stand-type / Status: Button background, Interface text + icons,
   and Interface stroke. The explicit responsive selectors outrank older white phone
   header rules without reintroducing any MutationObserver or inline restyling. */
html body #planCard #fitBtn,
html body #planCard #planResetBtn,
html body #expoPlanitFitProxyV799f,
html body.responsiveWorkspaceV799f.publicHeaderControlsMode:not(.touchscreenMode) #planCard .publicPlanActions #fitBtn,
html body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderControls #fitBtn,
html body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderControls #planResetBtn{
  background:var(--buttonColor,#ffffff)!important;
  background-color:var(--buttonColor,#ffffff)!important;
  color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  -webkit-text-fill-color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  border-color:var(--interfaceStroke,var(--headerStroke,#ffffff))!important;
}

html body #planCard .cardHead .expoPlanitMobileHelpBtnV795ge,
html body #planCard .cardHead .expoPlanitDesktopHelpBtn,
html body #planCard .expoPlanitHeaderLayout .expoPlanitMobileHelpBtnV795ge,
html body #planCard .expoPlanitHeaderLayout .expoPlanitDesktopHelpBtn,
html body.responsiveWorkspaceV799f.publicHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitMobileHelpBtnV795ge,
html body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitMobileHelpBtnV795ge,
html body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitMobileHelpBtnV795ge{
  background:var(--buttonColor,#ffffff)!important;
  background-color:var(--buttonColor,#ffffff)!important;
  color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  -webkit-text-fill-color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  border-color:var(--interfaceStroke,var(--headerStroke,#ffffff))!important;
}

/* V799wr — phone/tablet menu-corner + stand-list header polish.
   Non-white branding exposed a late Public directory shell border/background that could
   show as a white curved notch at the top corners. Harden every responsive menu shell to
   the same Interface background/stroke contract and keep the tab strip flush inside it. */
@media (max-width:980px), (min-width:981px) and (max-width:1180px) and (pointer:coarse){
  html body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #adminWorkspaceShell,
  html body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #viewerWorkspaceShell,
  html body.responsiveWorkspaceV799f.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryShell{
    background:var(--menuBackgroundColor,#ffffff)!important;
    background-color:var(--menuBackgroundColor,#ffffff)!important;
    border-color:var(--interfaceStroke,var(--headerStroke,#ffffff))!important;
  }

  html body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #adminWorkspaceTabs,
  html body.responsiveWorkspaceV799f.viewerHeaderControlsMode:not(.touchscreenMode) #viewerWorkspaceTabs,
  html body.responsiveWorkspaceV799f.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryTabs{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    background:var(--menuBackgroundColor,#ffffff)!important;
    background-color:var(--menuBackgroundColor,#ffffff)!important;
    border-color:var(--interfaceStroke,var(--headerStroke,#ffffff))!important;
  }
}

/* The sortable Stand / Company / Exhibitor header pills need a small visual inset on
   the left. Preserve room for the direction arrow at the right and leave Touchscreen's
   purpose-built directory geometry alone. */
html body:not(.touchscreenMode) #standsCard thead th .standListHeaderSort{
  box-sizing:border-box!important;
  padding-left:8px!important;
  padding-right:4px!important;
}

/* V799wr — landscape phone/tablet workspace bottom-edge polish.
   The split landscape workspace already fills the available viewport, but older
   responsive layouts retain an 8px bottom inset on <main>. With the menu shell at
   height:100% that leaves a visibly larger gap beneath the right-hand menu than the
   user needs. Reduce only that lower inset on coarse landscape devices so Admin,
   Exhibitor and Public panels sit closer to the viewport bottom. Keep the top/side
   spacing, portrait geometry, safe full-height modes and Touchscreen unchanged. */
@media (orientation:landscape) and (pointer:coarse){
  html.expoPlanitPhoneV799bm body.responsiveWorkspaceV799f:not(.touchscreenMode) main,
  html.expoPlanitTabletLandscapeV799bm body.responsiveWorkspaceV799f:not(.touchscreenMode) main{
    padding-bottom:2px!important;
  }

  html.expoPlanitPhoneV799bm body.responsiveWorkspaceV799f:not(.touchscreenMode) #adminWorkspaceShell,
  html.expoPlanitPhoneV799bm body.responsiveWorkspaceV799f:not(.touchscreenMode) #viewerWorkspaceShell,
  html.expoPlanitPhoneV799bm body.responsiveWorkspaceV799f.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryShell,
  html.expoPlanitTabletLandscapeV799bm body.responsiveWorkspaceV799f:not(.touchscreenMode) #adminWorkspaceShell,
  html.expoPlanitTabletLandscapeV799bm body.responsiveWorkspaceV799f:not(.touchscreenMode) #viewerWorkspaceShell,
  html.expoPlanitTabletLandscapeV799bm body.responsiveWorkspaceV799f.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryShell{
    align-self:stretch!important;
    height:100%!important;
    max-height:100%!important;
    margin-bottom:0!important;
  }
}


/* V799wr — pre-production UI repair pass.
   Keep all branding CSS-only: do not reintroduce the removed document-wide
   MutationObserver. These selectors intentionally outrank legacy responsive
   white/gradient rules while preserving fixed semantic primary/danger colours. */

/* Public/Exhibitor 2D selected-card actions use the same event Button contract
   as their 3D equivalents. This also overrides the historical white !important
   action style in older selected-card CSS. */
html body:not(.touchscreenMode):not(.expoPlanit3dActiveV799qm) #floatingLabel .floatingActionsV799te button:not(.primary):not(.danger),
html body:not(.touchscreenMode):not(.expoPlanit3dActiveV799qm) #floatingLabel .floatingActionsV799te .floatingLabelActionBtn:not(.primary):not(.danger){
  background:var(--buttonColor,#ffffff)!important;
  background-color:var(--buttonColor,#ffffff)!important;
  color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  -webkit-text-fill-color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  border-color:var(--interfaceStroke,var(--headerStroke,#ffffff))!important;
}

/* Explicit 3D card-action parity, including Express interest on phone. */
html body:not(.touchscreenMode) #zoomWrap .expoPlanit3dFloatingActionV799qm:not(.primary):not(.danger),
html body:not(.touchscreenMode) #zoomWrap .expoPlanit3dFloatingEnquiryV799qm:not(.primary):not(.danger){
  background:var(--buttonColor,#ffffff)!important;
  background-color:var(--buttonColor,#ffffff)!important;
  color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  -webkit-text-fill-color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  border-color:var(--interfaceStroke,var(--headerStroke,#ffffff))!important;
}

/* Narrow fine-pointer desktop: old compact CSS used a white gradient with
   !important for Stand-type / Status. Restore the ordinary event Button contract
   without changing compact geometry. */
html.expoPlanitFinePointerComputerV799oh body.expoPlanitCompactDesktopV799oh:not(.touchscreenMode) #planCard .expoPlanitHeaderControls .segBtn:not(.primary):not(.danger),
html.expoPlanitVisitorFinePointerV799pc body.expoPlanitVisitorCompactV799pc.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderControls .segBtn:not(.primary):not(.danger),
html.expoPlanitVisitorFinePointerV799pc body.expoPlanitVisitorCompactV799pc.publicHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderControls .segBtn:not(.primary):not(.danger){
  background:var(--buttonColor,#ffffff)!important;
  background-color:var(--buttonColor,#ffffff)!important;
  color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  -webkit-text-fill-color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  border-color:var(--interfaceStroke,var(--headerStroke,#ffffff))!important;
  box-shadow:none!important;
}

/* Landscape phone/tablet list completion — fix the actual flex chain, not the
   outer-page inset. The active workspace panel owns the remaining shell height;
   the white tableScroll is then forced to consume all remaining panel space. */
@media (orientation:landscape) and (pointer:coarse){
  html body.responsiveWorkspaceV799f:not(.touchscreenMode) #adminWorkspaceShell > .workspacePanel.workspacePanelActive,
  html body.responsiveWorkspaceV799f:not(.touchscreenMode) #viewerWorkspaceShell > .workspacePanel.workspacePanelActive,
  html body.responsiveWorkspaceV799f.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryShell > .publicDirectoryPanelActive{
    display:flex!important;
    flex:1 1 0!important;
    flex-direction:column!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
  }

  html body.responsiveWorkspaceV799f:not(.touchscreenMode) #adminWorkspaceShell > #standsCard.workspacePanelActive,
  html body.responsiveWorkspaceV799f:not(.touchscreenMode) #viewerWorkspaceShell > #standsCard.workspacePanelActive,
  html body.responsiveWorkspaceV799f.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryShell > #standsCard.publicDirectoryPanelActive{
    flex:1 1 0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
  }

  html body.responsiveWorkspaceV799f:not(.touchscreenMode) #standsCard > #standsBody,
  html body.responsiveWorkspaceV799f:not(.touchscreenMode) #standsCard > .tableWrap,
  html body.responsiveWorkspaceV799f.publicDirectoryMode:not(.touchscreenMode) #standsCard > #standsBody{
    display:flex!important;
    flex:1 1 0!important;
    flex-direction:column!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    padding-bottom:0!important;
  }

  html body.responsiveWorkspaceV799f:not(.touchscreenMode) #standsCard .tableScroll{
    display:block!important;
    flex:1 1 0!important;
    height:0!important;
    min-height:0!important;
    max-height:none!important;
    margin-bottom:0!important;
    padding-bottom:0!important;
    overflow:auto!important;
    background:#ffffff!important;
    background-color:#ffffff!important;
    -webkit-overflow-scrolling:touch!important;
  }
}

/* Preserve a clear selected state for Stand-type / Status in compact desktop.
   This mirrors the calmer 2D/3D selection language: same Button background,
   with a stronger Interface-stroke ring rather than a hard-coded white/accent fill. */
html.expoPlanitFinePointerComputerV799oh body.expoPlanitCompactDesktopV799oh:not(.touchscreenMode) #planCard .expoPlanitHeaderControls .segBtn.active:not(.primary):not(.danger),
html.expoPlanitFinePointerComputerV799oh body.expoPlanitCompactDesktopV799oh:not(.touchscreenMode) #planCard .expoPlanitHeaderControls .segBtn[aria-pressed="true"]:not(.primary):not(.danger),
html.expoPlanitVisitorFinePointerV799pc body.expoPlanitVisitorCompactV799pc.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderControls .segBtn.active:not(.primary):not(.danger),
html.expoPlanitVisitorFinePointerV799pc body.expoPlanitVisitorCompactV799pc.viewerHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderControls .segBtn[aria-pressed="true"]:not(.primary):not(.danger),
html.expoPlanitVisitorFinePointerV799pc body.expoPlanitVisitorCompactV799pc.publicHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderControls .segBtn.active:not(.primary):not(.danger),
html.expoPlanitVisitorFinePointerV799pc body.expoPlanitVisitorCompactV799pc.publicHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderControls .segBtn[aria-pressed="true"]:not(.primary):not(.danger){
  background:var(--buttonColor,#ffffff)!important;
  background-color:var(--buttonColor,#ffffff)!important;
  color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  -webkit-text-fill-color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  border-color:var(--interfaceStroke,var(--headerStroke,#ffffff))!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--interfaceStroke,var(--headerStroke,#ffffff)) 58%,transparent),0 2px 8px rgba(15,23,42,.12)!important;
}

/* V799wr — status / stand-type legend parity.
   Non-white event branding exposed Safari's native disabled-button treatment on
   Available / Sold / Reserved, while stand-type entries remained visually stronger.
   Treat every header legend entry as one branded key-chip: Button background,
   Interface text/icons and Interface stroke, with the authoritative status/type
   colour retained only in the dot. This is CSS-only and keeps interactive semantics
   unchanged (Admin stand-type controls remain clickable; status entries remain a key). */
html body:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .keyPill{
  box-sizing:border-box!important;
  opacity:1!important;
  filter:none!important;
  background:var(--buttonColor,#ffffff)!important;
  background-color:var(--buttonColor,#ffffff)!important;
  color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  -webkit-text-fill-color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  border:1px solid var(--interfaceStroke,var(--headerStroke,#ffffff))!important;
  border-radius:6px!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html body:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend button.keyPill:disabled{
  opacity:1!important;
  color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  -webkit-text-fill-color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  cursor:default!important;
}
html body:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .keyPill .keyDot{
  opacity:1!important;
  filter:none!important;
}

/* Responsive sheets historically stripped legend chips back to bare text/dots.
   Restore a compact button-like frame on phone/tablet while keeping the row fitting
   across narrow headers. */
@media (max-width:980px), (max-width:1180px) and (pointer:coarse){
  html body.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .keyPill{
    width:auto!important;
    min-width:max-content!important;
    height:auto!important;
    min-height:24px!important;
    max-height:none!important;
    padding:4px 8px!important;
    gap:6px!important;
    border-radius:6px!important;
    font-weight:900!important;
    line-height:1!important;
  }
}

/* V799wr — Status / Stand-type legend semantics.
   The coloured items under Status and Stand-type are information labels, not controls.
   Match the accepted phone-portrait language across desktop, narrow desktop, landscape,
   phone and tablet: colour dot + Interface text only. The Admin Tech control remains a
   real framed button because it changes plan mode. Category filters and Technical-layer
   controls keep their own interactive styling. */
html body:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .keyLegendLabelV799wr{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:2px 4px!important;
  gap:7px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  -webkit-text-fill-color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  font-weight:800!important;
  line-height:1.15!important;
  opacity:1!important;
  filter:none!important;
  cursor:default!important;
  text-shadow:none!important;
}
html body:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .keyLegendLabelV799wr .keyDot{
  flex:0 0 auto!important;
  opacity:1!important;
  filter:none!important;
}

/* Keep the one Stand-type mode control visibly a control. */
html body.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .standTypeRawPill{
  box-sizing:border-box!important;
  background:var(--buttonColor,#ffffff)!important;
  background-color:var(--buttonColor,#ffffff)!important;
  color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  -webkit-text-fill-color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  border:1px solid var(--interfaceStroke,var(--headerStroke,#ffffff))!important;
  border-radius:999px!important;
  padding:4px 10px!important;
  box-shadow:none!important;
  opacity:1!important;
}
html body.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .standTypeRawPill.isActive,
html body.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .standTypeRawPill[aria-pressed="true"]{
  box-shadow:0 0 0 2px color-mix(in srgb,var(--interfaceStroke,var(--headerStroke,#ffffff)) 58%,transparent),0 2px 8px rgba(15,23,42,.12)!important;
}

/* Keep label rows compact and natural at every responsive breakpoint. Older sheets
   assigned button-like minimum widths/padding; these late rules prevent that returning
   in landscape or narrow desktop. */
@media (max-width:1180px){
  html body.responsiveWorkspaceV799f:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .keyLegendLabelV799wr{
    width:auto!important;
    min-width:0!important;
    padding:2px 3px!important;
    gap:6px!important;
  }
}

/* V799wr — Admin Tech control branding repair.
   V799wp correctly made Tech the only framed control in the stand-type legend,
   but legacy phone CSS still carried a white Raw-mode treatment and a toggle dot.
   Tech is an ordinary event-branded action: Button background, Interface text/icons
   and Interface stroke. Keep this rule independent of old responsive mode classes so
   portrait/landscape phone, tablet and desktop all resolve to the same contract. */
html body:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .standTypeRawPill,
html body:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .adminTechToggleV799wr{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:64px!important;
  max-width:none!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  margin:0 4px 0 0!important;
  padding:4px 12px!important;
  gap:0!important;
  overflow:visible!important;
  border:1px solid var(--interfaceStroke,var(--headerStroke,#ffffff))!important;
  border-radius:999px!important;
  outline:0!important;
  background:var(--buttonColor,#ffffff)!important;
  background-color:var(--buttonColor,#ffffff)!important;
  background-image:none!important;
  color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  -webkit-text-fill-color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  box-shadow:none!important;
  text-shadow:none!important;
  opacity:1!important;
  filter:none!important;
  font:inherit!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
html body:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .standTypeRawPill .keyDot,
html body:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .adminTechToggleV799wr .keyDot{
  display:none!important;
}
html body:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .standTypeRawPill.isActive,
html body:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .standTypeRawPill[aria-pressed="true"],
html body:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .adminTechToggleV799wr.isActive,
html body:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .adminTechToggleV799wr[aria-pressed="true"]{
  background:var(--buttonColor,#ffffff)!important;
  background-color:var(--buttonColor,#ffffff)!important;
  color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  -webkit-text-fill-color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  border-color:var(--interfaceStroke,var(--headerStroke,#ffffff))!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--interfaceStroke,var(--headerStroke,#ffffff)) 58%,transparent),0 2px 8px rgba(15,23,42,.12)!important;
}

/* V799wr — Admin Technical controls branding specificity repair.
   Legacy phone Admin CSS has a more-specific !important white Raw/Tech rule than
   the generic branding layer. Match that responsive specificity so the CLOSED Tech
   button uses the event Button background as reliably as its active state.
   Tech layers is also a real action, so it uses the same button contract. */
html body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .standTypeRawPill.adminTechToggleV799wr,
html body.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .standTypeRawPill.adminTechToggleV799wr,
html body.responsiveWorkspaceV799f.adminWorkspaceTabsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .standTypeRawPill.adminTechToggleV799wr{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:64px!important;
  max-width:none!important;
  padding:4px 12px!important;
  gap:0!important;
  border:1px solid var(--interfaceStroke,var(--headerStroke,#ffffff))!important;
  border-radius:999px!important;
  outline:0!important;
  background:var(--buttonColor,#ffffff)!important;
  background-color:var(--buttonColor,#ffffff)!important;
  background-image:none!important;
  color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  -webkit-text-fill-color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  box-shadow:none!important;
  text-shadow:none!important;
  opacity:1!important;
  filter:none!important;
  cursor:pointer!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
html body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .standTypeRawPill.adminTechToggleV799wr.isActive,
html body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .standTypeRawPill.adminTechToggleV799wr[aria-pressed="true"],
html body.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .standTypeRawPill.adminTechToggleV799wr.isActive,
html body.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .standTypeRawPill.adminTechToggleV799wr[aria-pressed="true"]{
  background:var(--buttonColor,#ffffff)!important;
  background-color:var(--buttonColor,#ffffff)!important;
  color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  -webkit-text-fill-color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  border-color:var(--interfaceStroke,var(--headerStroke,#ffffff))!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--interfaceStroke,var(--headerStroke,#ffffff)) 58%,transparent),0 2px 8px rgba(15,23,42,.12)!important;
}

html body.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .adminTechLayersTriggerV799vg,
html body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .adminTechLayersTriggerV799vg,
html body.responsiveWorkspaceV799f.adminWorkspaceTabsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .adminTechLayersTriggerV799vg{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:220px!important;
  min-height:28px!important;
  padding:4px 12px!important;
  gap:7px!important;
  border:1px solid var(--interfaceStroke,var(--headerStroke,#ffffff))!important;
  border-radius:999px!important;
  outline:0!important;
  background:var(--buttonColor,#ffffff)!important;
  background-color:var(--buttonColor,#ffffff)!important;
  background-image:none!important;
  color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  -webkit-text-fill-color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  box-shadow:none!important;
  text-shadow:none!important;
  opacity:1!important;
  filter:none!important;
  cursor:pointer!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
html body.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .adminTechLayersTriggerV799vg .adminTechLayersCountV799ve,
html body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .adminTechLayersTriggerV799vg .adminTechLayersCountV799ve{
  color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  -webkit-text-fill-color:var(--menuHeaderColor,var(--accentText,#D56D32))!important;
  opacity:1!important;
}
@media (max-width:560px){
  html body.responsiveWorkspaceV799f.adminHeaderControlsMode:not(.touchscreenMode) #planCard .expoPlanitHeaderLegend .adminTechLayersTriggerV799vg{
    max-width:170px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
}