/* V795il — compact Public/Touchscreen selected-stand label.
   Scoped to visitor modes so Admin and Exhibitor remain unchanged. */
body.publicDirectoryMode #floatingLabel,
body.touchscreenMode #floatingLabel{
  min-width:0;
  max-width:min(220px, calc(100vw - 28px));
  padding:6px 8px;
  border-width:1px;
  border-radius:12px;
  box-shadow:0 10px 22px rgba(0,0,0,.12);
}
body.publicDirectoryMode .floatingStandRow,
body.touchscreenMode .floatingStandRow{
  gap:5px;
}
body.publicDirectoryMode #floatingStand,
body.touchscreenMode #floatingStand{
  flex:0 1 auto;
  padding:3px 7px;
  border-radius:8px;
  background:color-mix(in srgb, var(--accentText) 10%, white);
  font-size:13px;
  line-height:1;
  font-weight:950;
}
body.publicDirectoryMode .floatingVisitListBtn,
body.touchscreenMode .floatingVisitListBtn{
  width:24px;
  min-width:24px;
  height:24px;
  font-size:14px;
  border-width:1px;
}
body.publicDirectoryMode .floatingInfoBtn,
body.touchscreenMode .floatingInfoBtn{
  min-width:38px;
  height:24px;
  padding:0 7px;
  font-size:10px;
}
body.publicDirectoryMode #floatingCompany,
body.touchscreenMode #floatingCompany{
  margin-top:4px;
  max-width:204px;
  font-size:13px;
  line-height:1.12;
  font-weight:900;
}
@media (max-width:700px){
  body.publicDirectoryMode #floatingLabel,
  body.touchscreenMode #floatingLabel{
    max-width:min(190px, calc(100vw - 24px));
    padding:5px 7px;
  }
  body.publicDirectoryMode #floatingCompany,
  body.touchscreenMode #floatingCompany{
    max-width:176px;
    font-size:12px;
  }
}


/* V795il: fixed small metadata. These rules intentionally override legacy
   inline font sizes created by the floating-label renderer. */
body.publicDirectoryMode #floatingSpace,
body.touchscreenMode #floatingSpace{
  margin-top:3px !important;
  font-size:9px !important;
  line-height:1.12 !important;
  font-weight:750 !important;
  opacity:.62 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
body.publicDirectoryMode #floatingCategory,
body.touchscreenMode #floatingCategory{
  margin-top:1px !important;
  max-width:174px !important;
  font-size:9px !important;
  line-height:1.12 !important;
  font-weight:750 !important;
  opacity:.62 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  overflow-wrap:anywhere !important;
}
@media (max-width:700px){
  body.publicDirectoryMode #floatingLabel,
  body.touchscreenMode #floatingLabel{
    max-width:min(178px, calc(100vw - 24px));
  }
  body.publicDirectoryMode #floatingStand,
  body.touchscreenMode #floatingStand{
    font-size:12px;
    padding:3px 6px;
  }
  body.publicDirectoryMode #floatingCategory,
  body.touchscreenMode #floatingCategory{
    max-width:164px !important;
    font-size:8.5px !important;
  }
}


/* V795il: Public My List mirrors the latched Exhibitors-row selection. */
body.publicDirectoryMode #publicDirectoryShell .visitorListItem.visitorListItemSelected .visitorListItemMain{
  background:color-mix(in srgb, var(--accentText) 12%, white)!important;
  border:2px solid color-mix(in srgb, var(--accentText) 26%, white)!important;
}
body.publicDirectoryMode #publicDirectoryShell .visitorListItem.visitorListItemSelected .visitorListItemStand,
body.publicDirectoryMode #publicDirectoryShell .visitorListItem.visitorListItemSelected .visitorListItemCompany{
  color:var(--accentText)!important;
}

/* V795il — slightly larger selected-stand label type on desktop Public and
   Touchscreen. Phone/tablet sizing remains unchanged. */
@media (min-width:981px){
  body.publicDirectoryMode #floatingLabel,
  body.touchscreenMode #floatingLabel{
    max-width:min(250px, calc(100vw - 36px));
    padding:7px 9px;
  }
  body.publicDirectoryMode #floatingStand,
  body.touchscreenMode #floatingStand{
    font-size:15px;
    padding:4px 8px;
  }
  body.publicDirectoryMode #floatingCompany,
  body.touchscreenMode #floatingCompany{
    max-width:232px;
    font-size:15px;
    line-height:1.15;
  }
  body.publicDirectoryMode #floatingSpace,
  body.touchscreenMode #floatingSpace{
    font-size:10px!important;
  }
  body.publicDirectoryMode #floatingCategory,
  body.touchscreenMode #floatingCategory{
    max-width:224px!important;
    font-size:10px!important;
  }
}

/* V795il standalone list-header sorting styles for Public event wrappers and Touchscreen. */
.standListSortControls{display:none!important;}
.standListHeaderSort{
  appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;gap:5px;
  max-width:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;
  font:inherit;font-weight:inherit;text-align:left;cursor:pointer;touch-action:manipulation;
}
.standListHeaderSortArrow{display:inline-flex;align-items:center;justify-content:center;min-width:18px;min-height:18px;color:color-mix(in srgb,var(--accentText) 72%,var(--muted));font-family:Arial,Helvetica,sans-serif;font-size:.98em;font-weight:900;line-height:1;letter-spacing:-1px;-webkit-text-stroke:.35px currentColor;}
.standListHeaderSort.isActive .standListHeaderSortArrow{color:var(--accentText);font-size:1.04em;-webkit-text-stroke:.5px currentColor;}
.standListHeaderSort:focus-visible{outline:2px solid color-mix(in srgb,var(--accentText) 55%,transparent);outline-offset:3px;border-radius:4px;}

@media (max-width:720px),
       (max-width:980px) and (orientation:landscape) and (pointer:coarse){
  body.publicDirectoryMode #publicDirectoryShell #standsCard .tableControls,
  body.touchscreenMode #standsCard .tableControls{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 58px!important;
    gap:5px!important;
  }
  body.publicDirectoryMode #publicDirectoryShell #standsCard .tableControls #search,
  body.touchscreenMode #standsCard .tableControls #search{grid-column:1!important;}
  body.publicDirectoryMode #publicDirectoryShell #standsCard .tableControls #searchResetBtn,
  body.touchscreenMode #standsCard .tableControls #searchResetBtn{grid-column:2!important;}
}