/* Expo Planit V800kl — desktop-only status/stand-type legend visibility.
   The agreed phone/tablet/touchscreen layouts and all event-branding colours
   remain as supplied by their existing rules. This affects information-only
   coloured-dot labels, NOT Admin Tech, plan mode, category filters, or cards. */
@media (min-width:1181px) and (hover:hover) and (pointer:fine) {
  /* Existing wide desktop header allocated just 22px to its key row. Let the
     larger labels breathe without clipping or moving the plan viewport. */
  html:not(.expoPlanitPhoneV799bm):not(.expoPlanitTabletV799bm) body.expoPlanitDesktopHeaderV795fn:not(.touchscreenMode):is(.adminHeaderControlsMode,.viewerHeaderControlsMode) #planCard .expoPlanitHeaderMain {
    grid-template-rows:28px 28px!important;
  }
  html:not(.expoPlanitPhoneV799bm):not(.expoPlanitTabletV799bm) body.expoPlanitDesktopHeaderV795fn:not(.touchscreenMode):is(.adminHeaderControlsMode,.viewerHeaderControlsMode) #planCard .expoPlanitHeaderLegend,
  html:not(.expoPlanitPhoneV799bm):not(.expoPlanitTabletV799bm) body.expoPlanitDesktopHeaderV795fn:not(.touchscreenMode):is(.adminHeaderControlsMode,.viewerHeaderControlsMode) #planCard .expoPlanitHeaderLegend > * {
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
  }
  html:not(.expoPlanitPhoneV799bm):not(.expoPlanitTabletV799bm) body.expoPlanitDesktopHeaderV795fn:not(.touchscreenMode):is(.adminHeaderControlsMode,.viewerHeaderControlsMode) #planCard .expoPlanitHeaderLegend > * {
    gap:12px!important;
  }
  html:not(.expoPlanitPhoneV799bm):not(.expoPlanitTabletV799bm) body.expoPlanitDesktopHeaderV795fn:not(.touchscreenMode):is(.adminHeaderControlsMode,.viewerHeaderControlsMode) #planCard .expoPlanitHeaderLegend .keyLegendLabelV799wr {
    font-size:15px!important;
    line-height:1.15!important;
    gap:9px!important;
    padding:2px 4px!important;
    white-space:nowrap!important;
  }
  html:not(.expoPlanitPhoneV799bm):not(.expoPlanitTabletV799bm) body.expoPlanitDesktopHeaderV795fn:not(.touchscreenMode):is(.adminHeaderControlsMode,.viewerHeaderControlsMode) #planCard .expoPlanitHeaderLegend .keyLegendLabelV799wr .keyDot {
    width:14px!important;
    height:14px!important;
    min-width:14px!important;
    flex:0 0 14px!important;
  }
}


/* V800kl — embedded desktop / responsive compact desktop handoff.
   V800kk applied to CSS viewport widths >=1181px only. Narrow browser windows
   and partner-site iframes therefore fell back to pre-existing 9.25px labels
   and 7px dots, even when running on a desktop computer. Carry the approved
   legible colour key into both wide and compact COMPUTER header modes.

   Safety: root physical-device profile excludes phones/tablets, and hover+fine
   pointer excludes touch devices. The touchscreen entry page has no stylesheet
   link and .touchscreenMode remains excluded. No change to phone layouts,
   stand/tech actions, category/filter colour values, pan/zoom or renderer. */
@media (hover:hover) and (pointer:fine) {
  html:not(.expoPlanitPhoneV799bm):not(.expoPlanitTabletV799bm)
  body.expoPlanitDesktopHeaderV795fn:not(.touchscreenMode):is(.adminHeaderControlsMode,.viewerHeaderControlsMode)
  #planCard .expoPlanitHeaderMain {
    /* Grid controls wide; ignored in compact flex-column mode. */
    grid-template-rows:28px 28px!important;
  }
  html:not(.expoPlanitPhoneV799bm):not(.expoPlanitTabletV799bm)
  body.expoPlanitDesktopHeaderV795fn:not(.touchscreenMode):is(.adminHeaderControlsMode,.viewerHeaderControlsMode)
  #planCard .expoPlanitHeaderLegend,
  html:not(.expoPlanitPhoneV799bm):not(.expoPlanitTabletV799bm)
  body.expoPlanitDesktopHeaderV795fn:not(.touchscreenMode):is(.adminHeaderControlsMode,.viewerHeaderControlsMode)
  #planCard .expoPlanitHeaderLegend > *,
  html:not(.expoPlanitPhoneV799bm):not(.expoPlanitTabletV799bm)
  body.expoPlanitDesktopHeaderV795fn:not(.touchscreenMode).adminHeaderControlsMode
  #planCard .expoPlanitHeaderLegend #planKeyBody {
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
  }
  html:not(.expoPlanitPhoneV799bm):not(.expoPlanitTabletV799bm)
  body.expoPlanitDesktopHeaderV795fn:not(.touchscreenMode):is(.adminHeaderControlsMode,.viewerHeaderControlsMode)
  #planCard .expoPlanitHeaderLegend > *,
  html:not(.expoPlanitPhoneV799bm):not(.expoPlanitTabletV799bm)
  body.expoPlanitDesktopHeaderV795fn:not(.touchscreenMode).adminHeaderControlsMode
  #planCard .expoPlanitHeaderLegend #planKeyBody {
    gap:9px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }
  html:not(.expoPlanitPhoneV799bm):not(.expoPlanitTabletV799bm)
  body.expoPlanitDesktopHeaderV795fn:not(.touchscreenMode):is(.adminHeaderControlsMode,.viewerHeaderControlsMode)
  #planCard .expoPlanitHeaderLegend > *::-webkit-scrollbar { display:none!important; }
  html:not(.expoPlanitPhoneV799bm):not(.expoPlanitTabletV799bm)
  body.expoPlanitDesktopHeaderV795fn:not(.touchscreenMode):is(.adminHeaderControlsMode,.viewerHeaderControlsMode)
  #planCard .expoPlanitHeaderLegend .keyLegendLabelV799wr {
    /* 15px at full desktop or normal iframe; only gently compress in very
       narrow iframes. Never return to the old 9px compact-desktop size. */
    font-size:clamp(13px,1.5vw,15px)!important;
    line-height:1.15!important;
    gap:7px!important;
    padding:2px 3px!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
  }
  html:not(.expoPlanitPhoneV799bm):not(.expoPlanitTabletV799bm)
  body.expoPlanitDesktopHeaderV795fn:not(.touchscreenMode):is(.adminHeaderControlsMode,.viewerHeaderControlsMode)
  #planCard .expoPlanitHeaderLegend .keyLegendLabelV799wr .keyDot {
    width:clamp(11px,1.35vw,14px)!important;
    height:clamp(11px,1.35vw,14px)!important;
    min-width:clamp(11px,1.35vw,14px)!important;
    flex:0 0 clamp(11px,1.35vw,14px)!important;
  }
}