/* Vyral V7.0.142 — desktop Account Center width + roomier Vyral+ subcategories.
   Desktop-only overrides: mobile/tablet layout from V7.0.141 is intentionally untouched. */
@media (min-width: 981px){
  .page[data-page-name="account"]{
    width:min(1500px,calc(100vw - 44px))!important;
    max-width:none!important;
  }
  .page[data-page-name="account"] #pageContent,
  .page[data-page-name="account"] #v753AccountRoot,
  .page[data-page-name="account"] .vyral-account-page{
    width:100%!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .page[data-page-name="account"] .v141-account-organizer{
    width:100%!important;
    max-width:none!important;
  }
  .page[data-page-name="account"] .v141-account-layout{
    grid-template-columns:270px minmax(0,1fr)!important;
  }
  .page[data-page-name="account"] .v141-account-nav{
    padding:14px!important;
  }
  .page[data-page-name="account"] .v141-account-nav button{
    min-height:56px!important;
    padding:9px 12px!important;
  }
  .page[data-page-name="account"] .v141-account-groups{
    padding:22px!important;
  }
  .page[data-page-name="account"] .v141-account-group>header{
    padding:4px 4px 18px!important;
  }

  /* Vyral+ is no longer squeezed into a second left sidebar on desktop.
     Its 20 categories live below the Vyral+ heading, then the selected panel gets the full width. */
  .page[data-page-name="account"] [data-v141-group="plus"] .v140-plus-suite{
    width:100%!important;
    max-width:none!important;
  }
  .page[data-page-name="account"] [data-v141-group="plus"] .v140-suite-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    min-height:0!important;
  }
  .page[data-page-name="account"] [data-v141-group="plus"] .v140-suite-nav{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:8px!important;
    max-height:none!important;
    overflow:visible!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    padding:14px!important;
    background:#0a0d13!important;
  }
  .page[data-page-name="account"] [data-v141-group="plus"] .v140-suite-nav button{
    min-width:0!important;
    min-height:52px!important;
    padding:8px 11px!important;
    border-radius:12px!important;
    justify-content:flex-start!important;
    white-space:normal!important;
    line-height:1.2!important;
    box-shadow:none!important;
  }
  .page[data-page-name="account"] [data-v141-group="plus"] .v140-suite-nav button.active{
    box-shadow:inset 0 -3px #35d9ff!important;
  }
  .page[data-page-name="account"] [data-v141-group="plus"] .v140-suite-panels{
    width:100%!important;
    min-width:0!important;
  }
  .page[data-page-name="account"] [data-v141-group="plus"] .v140-suite-panel{
    width:100%!important;
    box-sizing:border-box!important;
    padding:24px!important;
  }
  .page[data-page-name="account"] [data-v141-group="plus"] .v140-panel-head p{
    max-width:880px!important;
  }
  .page[data-page-name="account"] [data-v141-group="plus"] .v140-fields,
  .page[data-page-name="account"] [data-v141-group="plus"] .v140-insights,
  .page[data-page-name="account"] [data-v141-group="plus"] .v140-studio-profiles,
  .page[data-page-name="account"] [data-v141-group="plus"] .v140-analytics-metrics{
    gap:12px!important;
  }
}

@media (min-width: 981px) and (max-width: 1220px){
  .page[data-page-name="account"] [data-v141-group="plus"] .v140-suite-nav{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}