.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}
}

/* Current access summary + grouped renewal v1 */
.vxCurrentAccessSummary{display:grid;gap:14px;margin-top:20px;padding:20px;border:1px solid rgba(118,94,184,.34);border-radius:18px;background:linear-gradient(145deg,rgba(41,31,72,.22),rgba(11,15,23,.9))}
.vxCurrentAccessSummary__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.vxCurrentAccessSummary__head h3{margin:4px 0 5px;font-size:22px}.vxCurrentAccessSummary__head p{margin:0;color:#9ca8bb;font-size:13px;line-height:1.5}.vxCurrentAccessSummary__eyebrow{color:#ad96ef;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:850}
.vxCurrentAccessSummary__actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.vxCurrentAccessSummary__actions a{padding:8px 11px;border:1px solid #394258;border-radius:10px;color:#c6d0df;text-decoration:none;font-size:12px;font-weight:750;background:rgba(20,26,38,.72)}.vxCurrentAccessSummary__actions .vxCurrentAccessSummary__renew{border-color:rgba(139,92,246,.55);background:linear-gradient(135deg,rgba(113,71,232,.88),rgba(161,92,255,.88));color:#fff}
.vxCurrentAccessSummary__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.vxCurrentAccessCard{display:grid;gap:6px;padding:14px;border:1px solid #30384a;border-radius:13px;background:#0c1018}.vxCurrentAccessCard header{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#8e9aad;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.vxCurrentAccessCard strong{font-size:18px;color:#eff2f7}.vxCurrentAccessCard p{margin:0;color:#929fb2;font-size:12px;line-height:1.5}
.vxAccessStatus{padding:4px 7px;border:1px solid #414b60;border-radius:999px;color:#9ca8ba;font-size:9px;font-weight:900;letter-spacing:.06em}.vxAccessStatus.is-active{border-color:rgba(52,211,153,.38);background:rgba(52,211,153,.09);color:#8be3b9}.vxAccessStatus.is-expired{border-color:rgba(248,113,113,.32);background:rgba(248,113,113,.08);color:#ee9a9e}.vxAccessStatus.is-free{border-color:rgba(96,165,250,.34);background:rgba(96,165,250,.08);color:#98c4f2}
.vxCurrentModulesBlock{display:grid;gap:10px;padding-top:2px}.vxCurrentModulesBlock__head{display:flex;justify-content:space-between;align-items:end;gap:12px}.vxCurrentModulesBlock__head>div{display:grid;gap:2px}.vxCurrentModulesBlock__head b{font-size:14px}.vxCurrentModulesBlock__head span{color:#8e9bad;font-size:11px}.vxCurrentModulesGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.vxCurrentModule{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start;padding:10px 11px;border:1px solid #2b3343;border-radius:11px;background:rgba(8,12,19,.76)}.vxCurrentModule.is-active{border-color:rgba(52,211,153,.25)}.vxCurrentModule__state{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#202838;color:#778398;font-size:12px;font-weight:900}.vxCurrentModule.is-active .vxCurrentModule__state{background:rgba(52,211,153,.12);color:#77dfae}.vxCurrentModule>div:last-child{min-width:0;display:grid;gap:3px}.vxCurrentModule b{font-size:12px;color:#e7ebf2}.vxCurrentModule small{display:grid;gap:2px;color:#8491a4;font-size:10px;line-height:1.35}.vxCurrentModule small span{white-space:normal;overflow-wrap:anywhere}
.vxPaymentExplain{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.5fr);gap:16px;padding:13px 14px;border:1px solid rgba(96,165,250,.22);border-radius:12px;background:rgba(33,68,111,.07)}.vxPaymentExplain>div{display:grid;align-content:start;gap:3px}.vxPaymentExplain b{font-size:12px;color:#dce6f5}.vxPaymentExplain span,.vxPaymentExplain p{color:#8f9eb2;font-size:11px;line-height:1.5}.vxPaymentExplain p{margin:0}.vxPaymentExplain p strong{color:#c7d2e3}
.vxCurrentAccessSummary__empty{display:grid;gap:5px;color:#a0acbd}.vxCurrentAccessSummary__empty b{color:#edf1f7}.vxCurrentAccessSummary__empty span{font-size:12px}
.vxCommerceAction__hint{display:block;margin-top:4px;color:#918aa8;font-size:9px;line-height:1.3;font-weight:500}.vxCommerceAction--priced{display:flex;min-height:55px;flex-direction:column;align-items:center;justify-content:center;gap:2px}.vxCommerceAction__price{font-size:11px;color:#cfc5ee}
@media(max-width:850px){.vxCurrentAccessSummary__head{display:grid}.vxCurrentAccessSummary__actions{justify-content:flex-start}.vxCurrentAccessSummary__grid,.vxCurrentModulesGrid{grid-template-columns:1fr}.vxPaymentExplain{grid-template-columns:1fr}}