.vxCommerceActionHost{margin-top:16px}.vxCommerceAction{display:block;text-align:center;padding:10px 13px;border-radius:10px;border:1px solid rgba(139,92,246,.55);background:rgba(124,82,221,.15);color:#eee8ff;text-decoration:none;font-weight:800}.vxCommerceAction.upgrade{background:linear-gradient(135deg,#7147e8,#a15cff);color:#fff}.vxCommerceAction.owned{border-color:rgba(52,211,153,.45);background:rgba(52,211,153,.12);color:#89e7bd;cursor:default}.vxWorkspaceCommerce{margin-top:28px;padding:22px;border:1px solid rgba(139,92,246,.35);border-radius:18px;background:rgba(17,20,31,.7)}.vxWorkspaceCommerceHead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.vxWorkspaceCommerceHead h3{margin:0 0 6px}.vxWorkspaceCommerceHead p{margin:0;color:#aeb6c5}.vxWorkspaceCommerceHead>a{color:#cbbcff}.vxWorkspaceCommerceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.vxWorkspaceCard{padding:17px;border-radius:14px;border:1px solid #303648;background:#0d1018}.vxWorkspaceCard h4{margin:0 0 12px}.vxWorkspaceCard strong{font-size:23px}.vxWorkspaceCard small,.vxWorkspaceCard p{color:#9ea7b8;font-size:13px}@media(max-width:850px){.vxWorkspaceCommerceGrid{grid-template-columns:1fr}.vxWorkspaceCommerceHead{display:block}.vxWorkspaceCommerceHead>a{display:inline-block;margin-top:10px}}
.vxWorkspaceEquivalent{margin-top:5px;color:#8d98aa;font-size:12px}

/* 2026-07-27: безопасная геометрия Ticket Workspace и отдельные каналы */
.vxWorkspaceCommerceGrid,
.vxWorkspaceChannelsGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.vxWorkspaceCommerceGrid{margin-top:18px}
.vxWorkspaceChannelsCommerce{
  margin-top:18px;
  padding:22px;
  border:1px solid rgba(64,112,183,.34);
  border-radius:18px;
  background:rgba(15,20,31,.72);
}
.vxWorkspaceChannelsGrid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  margin-top:18px;
}
.vxWorkspaceCard,
.vxWorkspaceChannelCard,
.vxWorkspaceCard .vxCommerceActionHost,
.vxWorkspaceChannelCard .vxCommerceActionHost,
.vxWorkspaceCard .vxCommerceAction,
.vxWorkspaceChannelCard .vxCommerceAction{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.vxWorkspaceCard .vxCommerceAction,
.vxWorkspaceChannelCard .vxCommerceAction{
  width:100%;
  margin-left:0;
  margin-right:0;
  overflow:hidden;
}
.vxWorkspaceChannelCard{
  display:flex;
  flex-direction:column;
  min-height:214px;
  padding:16px;
  border:1px solid #2d3a50;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(18,27,41,.98),rgba(10,16,25,.98));
}
.vxWorkspaceChannelCard__head{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
}
.vxWorkspaceChannelCard__head img{
  flex:0 0 auto;
  width:34px;
  height:34px;
  padding:5px;
  border-radius:10px;
  object-fit:contain;
  background:rgba(58,82,125,.25);
}
.vxWorkspaceChannelCard__head>div{min-width:0}
.vxWorkspaceChannelCard h4{margin:1px 0 6px;color:#f1f5fb;font-size:14px}
.vxWorkspaceChannelCard p{margin:0;color:#93a4b9;font-size:11px;line-height:1.45}
.vxWorkspaceChannelCard .vxCommerceActionHost{margin-top:auto;padding-top:16px}
.vxWorkspaceChannelCard .vxCommerceAction--priced{
  min-height:52px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  line-height:1.05;
}
@media(max-width:1180px){
  .vxWorkspaceChannelsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:850px){
  .vxWorkspaceCommerceGrid,
  .vxWorkspaceChannelsGrid{grid-template-columns:1fr}
  .vxWorkspaceChannelCard{min-height:0}
}