/* V796f — consistent two-column Categories panels for Admin, Exhibitor and Public.
   Touchscreen is intentionally excluded. */

body:not(.touchscreenMode) .workspaceCategoryBody{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  gap:10px!important;
  min-width:0!important;
  min-height:0!important;
  padding:14px!important;
  overflow:hidden!important;
}

body:not(.touchscreenMode) .workspaceCategoryHint{
  display:block!important;
  flex:0 0 auto!important;
  grid-column:1 / -1!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  color:var(--muted)!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:850!important;
  text-align:left!important;
}

body:not(.touchscreenMode) .workspaceCategoryList,
body.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryShell #keyBodyWrap .keyRow{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-rows:min-content!important;
  column-gap:8px!important;
  row-gap:8px!important;
  align-items:stretch!important;
  align-content:start!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding-right:2px!important;
}

body:not(.touchscreenMode) .workspaceCategoryList .keyPill,
body.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryShell #keyBodyWrap .keyRow .keyPill{
  box-sizing:border-box!important;
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:38px!important;
  height:auto!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:0!important;
  padding:7px 9px!important;
  border-radius:999px!important;
  font-size:13px!important;
  line-height:1.12!important;
  text-align:left!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

body:not(.touchscreenMode) .workspaceCategoryList .keyPillClear,
body.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryShell #keyBodyWrap .keyRow .keyPillClear{
  grid-column:1 / -1!important;
}

body.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryShell #keyBodyWrap .categoryFilterGuide{
  box-sizing:border-box!important;
  display:block!important;
  grid-column:1 / -1!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--muted)!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:850!important;
  text-align:left!important;
  white-space:normal!important;
}

@media (max-width:720px), (max-width:980px) and (pointer:coarse){
  body:not(.touchscreenMode) .workspaceCategoryBody{
    gap:8px!important;
    padding:10px!important;
  }

  body:not(.touchscreenMode) .workspaceCategoryHint,
  body.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryShell #keyBodyWrap .categoryFilterGuide{
    font-size:12px!important;
    line-height:1.25!important;
  }

  body:not(.touchscreenMode) .workspaceCategoryList,
  body.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryShell #keyBodyWrap .keyRow{
    column-gap:7px!important;
    row-gap:7px!important;
    padding-right:1px!important;
  }

  body:not(.touchscreenMode) .workspaceCategoryList .keyPill,
  body.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryShell #keyBodyWrap .keyRow .keyPill{
    min-height:32px!important;
    padding:5px 8px!important;
    gap:7px!important;
    font-size:12px!important;
    line-height:1.08!important;
  }

  body:not(.touchscreenMode) .workspaceCategoryList .keyDot,
  body.publicDirectoryMode:not(.touchscreenMode) #publicDirectoryShell #keyBodyWrap .keyRow .keyDot{
    width:10px!important;
    height:10px!important;
    flex:0 0 10px!important;
  }
}


/* V796f — direct event-wrapper parity for the portrait plan surface.
   Public, Exhibitor and Admin event wrappers load this shared stylesheet but do
   not load the responsive toggle stylesheet. Their page scripts still inject
   the same late 440px navigator clamp. This higher-specificity flex rule lets
   #zoomWrap consume the card's complete measured remainder in every portrait
   plan page, while leaving landscape, desktop and Touchscreen untouched. */
@media (max-width:720px) and (orientation:portrait){
  body:not(.touchscreenMode) #planCard.hasPlatformPlanNavigator:not(.isPlatformPlanHomeVisible) .cardSurface > #zoomWrap{
    flex:1 1 0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
}