/* V795fn — isolated desktop-only plan-header alignment and help popout.
   This file is intentionally scoped to fine-pointer desktop browsers and the
   runtime class added by expo-planit-desktop-header-v795fn.js. It contains no
   phone/tablet rules and does not alter responsive workspace assets. */

@media (min-width:981px) and (hover:hover) and (pointer:fine){
  body.expoPlanitDesktopHeaderV795fn #planCard{
    position:relative!important;
  }

  /* Admin and Exhibitor: controls/key at the far left, deliberate open space,
     round help button, then the supplied Expo Planit mark at the far right. */
  body.expoPlanitDesktopHeaderV795fn.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout,
  body.expoPlanitDesktopHeaderV795fn.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout{
    display:grid!important;
    grid-template-columns:max-content minmax(30px,1fr) 34px auto!important;
    align-items:center!important;
    column-gap:14px!important;
    width:100%!important;
    height:100%!important;
    padding:8px 14px!important;
  }

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

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

  body.expoPlanitDesktopHeaderV795fn.adminHeaderControlsMode #planCard .expoPlanitHeaderMain::before,
  body.expoPlanitDesktopHeaderV795fn.viewerHeaderControlsMode #planCard .expoPlanitHeaderMain::before,
  body.expoPlanitDesktopHeaderV795fn.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand::before,
  body.expoPlanitDesktopHeaderV795fn.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand::before{
    display:none!important;
    content:none!important;
  }

  body.expoPlanitDesktopHeaderV795fn.adminHeaderControlsMode #planCard .expoPlanitHeaderControls,
  body.expoPlanitDesktopHeaderV795fn.viewerHeaderControlsMode #planCard .expoPlanitHeaderControls{
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    justify-self:start!important;
    gap:6px!important;
    width:max-content!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:28px!important;
    position:static!important;
    inset:auto!important;
    top:auto!important;
    margin:0!important;
  }

  body.expoPlanitDesktopHeaderV795fn.adminHeaderControlsMode #planCard .expoPlanitHeaderControls .segSwitch,
  body.expoPlanitDesktopHeaderV795fn.viewerHeaderControlsMode #planCard .expoPlanitHeaderControls .segSwitch{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    width:auto!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
  }

  body.expoPlanitDesktopHeaderV795fn.adminHeaderControlsMode #planCard .expoPlanitHeaderControls .segBtn,
  body.expoPlanitDesktopHeaderV795fn.adminHeaderControlsMode #planCard .expoPlanitHeaderControls #planResetBtn,
  body.expoPlanitDesktopHeaderV795fn.viewerHeaderControlsMode #planCard .expoPlanitHeaderControls .segBtn,
  body.expoPlanitDesktopHeaderV795fn.viewerHeaderControlsMode #planCard .expoPlanitHeaderControls #fitBtn{
    position:relative!important;
    inset:auto!important;
    grid-column:auto!important;
    grid-row:auto!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:70px!important;
    max-width:none!important;
    height:28px!important;
    min-height:28px!important;
    margin:0!important;
    padding:1px 11px!important;
    border-radius:999px!important;
    font-size:10.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  body.expoPlanitDesktopHeaderV795fn.adminHeaderControlsMode #planCard .expoPlanitHeaderControls #planViewPlanBtn,
  body.expoPlanitDesktopHeaderV795fn.viewerHeaderControlsMode #planCard .expoPlanitHeaderControls #planViewPlanBtn{
    width:auto!important;
    min-width:90px!important;
    max-width:none!important;
  }

  body.expoPlanitDesktopHeaderV795fn.adminHeaderControlsMode #planCard .expoPlanitHeaderLegend,
  body.expoPlanitDesktopHeaderV795fn.viewerHeaderControlsMode #planCard .expoPlanitHeaderLegend{
    grid-row:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    justify-self:start!important;
    width:max-content!important;
    max-width:520px!important;
    min-width:0!important;
    height:22px!important;
    min-height:22px!important;
    max-height:22px!important;
    position:static!important;
    inset:auto!important;
    top:auto!important;
    margin:0!important;
    overflow:hidden!important;
  }

  body.expoPlanitDesktopHeaderV795fn.adminHeaderControlsMode #planCard .expoPlanitHeaderLegend > *,
  body.expoPlanitDesktopHeaderV795fn.viewerHeaderControlsMode #planCard .expoPlanitHeaderLegend > *{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:5px!important;
    width:max-content!important;
    max-width:100%!important;
    min-width:0!important;
    height:22px!important;
    min-height:22px!important;
    max-height:22px!important;
    padding:0!important;
    margin:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }

  body.expoPlanitDesktopHeaderV795fn.adminHeaderControlsMode #planCard .expoPlanitHeaderLegend > *::-webkit-scrollbar,
  body.expoPlanitDesktopHeaderV795fn.viewerHeaderControlsMode #planCard .expoPlanitHeaderLegend > *::-webkit-scrollbar{
    display:none!important;
  }

  body.expoPlanitDesktopHeaderV795fn.adminHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand,
  body.expoPlanitDesktopHeaderV795fn.viewerHeaderControlsMode #planCard .expoPlanitHeaderLayout > .expoPlanitStripBrand{
    grid-column:4!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    justify-self:end!important;
    min-width:118px!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }

  /* Public has no Stand-type/Status switch. Its existing desktop controls are
     treated as the equivalent control group and are aligned at the far left. */
  body.expoPlanitDesktopHeaderV795fn.publicHeaderControlsMode #planCard .cardHead{
    display:grid!important;
    grid-template-columns:max-content minmax(30px,1fr) 34px auto!important;
    align-items:center!important;
    column-gap:14px!important;
    width:100%!important;
    height:84px!important;
    min-height:84px!important;
    max-height:84px!important;
    padding:8px 14px!important;
    overflow:hidden!important;
  }

  body.expoPlanitDesktopHeaderV795fn.publicHeaderControlsMode #planCard .publicPlanTitleBlock{
    display:none!important;
  }

  body.expoPlanitDesktopHeaderV795fn.publicHeaderControlsMode.publicPlanStripMode #planCard .publicPlanActions{
    grid-column:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    justify-self:start!important;
    gap:6px!important;
    width:max-content!important;
    max-width:100%!important;
    min-width:0!important;
    position:static!important;
    inset:auto!important;
    left:auto!important;
    top:auto!important;
    margin:0!important;
    transform:none!important;
    z-index:auto!important;
  }

  body.expoPlanitDesktopHeaderV795fn.publicHeaderControlsMode #planCard .publicPlanActions .headBtn,
  body.expoPlanitDesktopHeaderV795fn.publicHeaderControlsMode #planCard .publicPlanActions #fitBtn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:70px!important;
    max-width:none!important;
    min-height:30px!important;
    height:30px!important;
    padding:2px 11px!important;
    margin:0!important;
    border-radius:999px!important;
    font-size:10.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  body.expoPlanitDesktopHeaderV795fn.publicHeaderControlsMode #planCard .expoPlanitPublicHeaderBrand{
    grid-column:4!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    justify-self:end!important;
    min-width:118px!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }

  /* Shared desktop information control. */
  body.expoPlanitDesktopHeaderV795fn #planCard .expoPlanitDesktopHelpBtn{
    grid-column:3!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:end!important;
    align-self: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) 24%,var(--border))!important;
    border-radius:50%!important;
    background:#fff!important;
    color:var(--accentText)!important;
    box-shadow:0 3px 9px rgba(0,0,0,.06)!important;
    font:900 15px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    text-align:center!important;
    cursor:pointer!important;
    z-index:3!important;
  }

  body.expoPlanitDesktopHeaderV795fn #planCard .expoPlanitDesktopHelpBtn:hover,
  body.expoPlanitDesktopHeaderV795fn #planCard .expoPlanitDesktopHelpBtn:focus-visible,
  body.expoPlanitDesktopHeaderV795fn #planCard .expoPlanitDesktopHelpBtn[aria-expanded="true"]{
    border-color:var(--accentText)!important;
    background:color-mix(in srgb,var(--accentText) 8%,white)!important;
    outline:none!important;
    box-shadow:0 0 0 3px color-mix(in srgb,var(--accentText) 12%,transparent),0 5px 13px rgba(0,0,0,.08)!important;
  }
}

/* The popout is fixed to the viewport so it cannot be clipped by the plan card
   or change the header/plan measurements. It is created only by the guarded
   desktop initializer. */
.expoPlanitDesktopHelpPopoverV795fn{
  position:fixed;
  z-index:10000;
  width:min(272px,calc(100vw - 24px));
  padding:13px 14px;
  border:1px solid color-mix(in srgb,var(--accentText) 20%,var(--border));
  border-radius:14px;
  background:rgba(255,255,255,.985);
  color:var(--accentText);
  box-shadow:0 18px 42px rgba(0,0,0,.16);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.expoPlanitDesktopHelpPopoverV795fn[hidden]{display:none!important;}
.expoPlanitDesktopHelpPopoverV795fn::before{
  content:"";
  position:absolute;
  top:-6px;
  left:var(--expo-help-arrow-x,50%);
  width:10px;
  height:10px;
  border-left:1px solid color-mix(in srgb,var(--accentText) 20%,var(--border));
  border-top:1px solid color-mix(in srgb,var(--accentText) 20%,var(--border));
  background:#fff;
  transform:translateX(-50%) rotate(45deg);
}
.expoPlanitDesktopHelpPopoverV795fn strong{
  display:block;
  margin:0 0 8px;
  font-size:13px;
  line-height:1.2;
  font-weight:950;
}
.expoPlanitDesktopHelpPopoverV795fn ul{
  display:grid;
  gap:5px;
  margin:0;
  padding:0 0 0 17px;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
  font-weight:800;
}