/* JoyJoy V502 — unified workspace width for selected account pages only.
   Keeps the existing sidebar grid, navigation and bot-management DOM intact. */

@media (min-width:1081px){
  body:is(
    [data-account-page="profile"],
    [data-account-page="security"],
    [data-account-page="subscriptions"],
    [data-account-page="promocode"],
    [data-account-page="bots"]
  ) .account-page{
    width:min(1600px,100%)!important;
    max-width:1600px!important;
    padding-inline:24px!important;
  }

  body:is(
    [data-account-page="profile"],
    [data-account-page="security"],
    [data-account-page="subscriptions"],
    [data-account-page="promocode"],
    [data-account-page="bots"]
  ) :is(.github-content,.account-page-primary){
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-inline:0!important;
  }

  body:is(
    [data-account-page="profile"],
    [data-account-page="security"],
    [data-account-page="subscriptions"],
    [data-account-page="promocode"],
    [data-account-page="bots"]
  ) :is(.page-heading,.console-heading){
    width:100%!important;
    max-width:none!important;
  }
}

@media (min-width:1081px) and (max-width:1240px){
  body:is(
    [data-account-page="profile"],
    [data-account-page="security"],
    [data-account-page="subscriptions"],
    [data-account-page="promocode"],
    [data-account-page="bots"]
  ) .account-page{
    padding-inline:16px!important;
  }
}