/**
 * Authenticated shells — wide desktop only (min-width: 1024px).
 * Main max-widths + full-bleed top nav. Does not alter layout below 1024px.
 */

@media (min-width: 1024px) {
  /* Break nav out of capped .page / .nf-stock-page so it spans the viewport */
  body.nf-app .page nav.desktop-nav:not(.nf-bottom-nav),
  body.nf-stock .nf-stock-page > nav.nf-stock-nav {
    width: 100vw;
    max-width: none;
    box-sizing: border-box;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    position: relative;
  }

  /* Two-column shells: news feed + sidebar, communities rooms + chat */
  body.app-page .page,
  body.communities-page .page {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
  }

  /* Single-column shells */
  body.dashboard-page .page,
  body.nf-app .page.portfolio-page,
  body.social-page .page,
  body.explore-page .page {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }

  body.nf-stock .nf-stock-page {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}