/* Product UX #33 — Recent / favorites / context memory */
.vxSidebarFavoritesTitle{display:flex!important;align-items:center;gap:3px;margin-bottom:4px!important;text-transform:none!important;letter-spacing:0!important}
.vxSidebarFavoritesTitle button{flex:1;min-width:0;border:0;background:transparent;color:#687284;border-radius:6px;padding:3px 4px;font:700 9px/1.2 inherit;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}
.vxSidebarFavoritesTitle button:hover{color:#aeb8c8;background:rgba(255,255,255,.04)}
.vxSidebarFavoritesTitle button.is-active{color:#d9e4f5;background:rgba(75,137,255,.10)}
.vxSidebarRecentList{display:grid;gap:1px;max-height:92px;overflow:auto;scrollbar-width:thin}
.vxRecentRow{width:100%;min-width:0;min-height:27px;display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:5px;border:0;background:transparent;color:#aeb6c4;border-radius:7px;padding:4px 5px;text-align:left;cursor:pointer}
.vxRecentRow:hover{background:rgba(255,255,255,.06);color:#fff}
.vxRecentIcon{display:inline-flex;align-items:center;justify-content:center;color:#7da9ff;font-size:11px}
.vxRecentText{min-width:0;display:flex;flex-direction:column;gap:1px}
.vxRecentText b,.vxRecentText small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vxRecentText b{font-size:10.5px;font-weight:650}.vxRecentText small{font-size:9px;color:#6f7b8e}
.vxRecentRow time{font-size:8.5px;color:#5f6a7b;white-space:nowrap}
.vxWorkspaceBack{position:relative;flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#151a22;color:#aab4c5;font-size:19px;line-height:1;cursor:pointer;z-index:15;display:inline-flex;align-items:center;justify-content:center}
.vxWorkspaceBack:hover{background:#1c2330;color:#fff;border-color:rgba(96,153,255,.35)}
.vxWorkspaceBack[hidden]{display:none!important}
@media(max-width:820px){.vxWorkspaceBack{width:32px;height:32px;flex-basis:32px}.vxRecentRow time{display:none}}

/* Product 50.1 — keep favorites, remove only mode buttons */
.vxSidebarFavoritesTitleStatic{
  display:block!important;
  color:#7f8ca0!important;
  font-size:9px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
  padding:3px 4px!important;
  margin-bottom:4px!important;
}
.vxSidebarFavoritesList{
  max-height:120px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin;
  overscroll-behavior:contain;
}

/* Product 50.3 — favorites remain, but the list scrolls reliably */
#vx-sidebar-favorites.vxSidebarFavorites{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  max-height:min(34vh,280px)!important;
  overflow:hidden!important;
  flex:0 1 auto!important;
}
#vx-sidebar-favorites .vxSidebarFavoritesTitle{
  flex:0 0 auto!important;
}
#vx-sidebar-favorites .vxSidebarFavoritesList{
  display:grid!important;
  gap:3px!important;
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  padding-right:2px!important;
}
#vx-sidebar-favorites .vxSidebarFavoritesList::-webkit-scrollbar{width:6px}
#vx-sidebar-favorites .vxSidebarFavoritesList::-webkit-scrollbar-thumb{
  background:rgba(126,145,174,.36);
  border-radius:999px;
}
#vx-sidebar-favorites .vxSidebarFavoritesList::-webkit-scrollbar-track{background:transparent}

/* Product 50.4 — favorites viewport is constant; items scroll inside it */
#vx-sidebar-favorites.vxSidebarFavorites{
  height:132px!important;
  min-height:132px!important;
  max-height:132px!important;
  flex:0 0 132px!important;
}
#vx-sidebar-favorites .vxSidebarFavoritesList{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  flex:1 1 0!important;
  overflow-y:auto!important;
}


/* V21.2 — real empty Favorites override.
   Product 50.4 above fixes ALL favorite blocks to 132px with !important.
   vx-user-extras.js already toggles the real .empty class, so override it HERE,
   after the fixed-height rule, in the same later-loaded stylesheet. */
#vx-sidebar-favorites.vxSidebarFavorites.empty{
  display:flex!important;
  flex-direction:column!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  flex:0 0 24px!important;
  padding:2px 7px!important;
  margin-top:3px!important;
  margin-bottom:3px!important;
  overflow:hidden!important;
}
#vx-sidebar-favorites.vxSidebarFavorites.empty .vxSidebarFavoritesTitle{
  display:block!important;
  flex:0 0 18px!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  line-height:18px!important;
  margin:0!important;
  padding:0!important;
  font-size:8px!important;
  opacity:.72!important;
}
#vx-sidebar-favorites.vxSidebarFavorites.empty .vxSidebarFavoritesList{
  display:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  flex:0 0 0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
#vx-sidebar-favorites.vxSidebarFavorites.empty .vxFavoriteEmpty{
  display:none!important;
}