/* JoyJoy account width v492
   Moderately widens the shared account shell without changing its DOM,
   sidebar proportions, sticky controls, or responsive breakpoints. */

@media (min-width: 1081px) {
  /* Header, workspace and compact footer share this outer account shell. */
  body[data-account-page]:not([data-account-page="console"]) .account-page {
    width: min(1440px, 100%);
  }

  /* Let the main workspace use the extra horizontal room instead of
     retaining the older compact page caps. */
  body[data-account-page="profile"] .account-page-primary,
  body[data-account-page="subscriptions"] .account-page-primary {
    max-width: 1180px;
  }

  body[data-account-page="security"] .account-page-primary,
  body[data-account-page="promocode"] .account-page-primary {
    max-width: 1120px;
  }

  body[data-account-page="bots"] .account-page-primary {
    max-width: 1340px;
  }
}

/* The administrative console already has its own wider desktop workspace.
   Keep that tuned width while making its header and footer align to it. */
@media (min-width: 1501px) {
  body[data-account-page="console"] .account-page {
    width: min(1840px, 100%);
  }
}

/* Preserve the existing tablet/mobile flow exactly. */
@media (max-width: 1080px) {
  body[data-account-page] .account-page-primary {
    max-width: none;
  }
}