/* FXPulse v0.7.7.4.3.1 — one page grid everywhere
   / (Мои счета) is the reference geometry.
   Breakpoint matches the sidebar rail (sidebar-compact.css, 981px) so the
   whole desktop-rail range gets one flush gutter — previously this only
   started at 1181px, leaving 981-1180px with a double gutter (this file's
   own padding stacked on top of .fx-dashboard's), a visibly cramped strip
   right in typical small-laptop window widths (~1024px, 1152px). */
:root{--fx-page-gutter:40px;}

@media (min-width:981px){
  /* One geometry for header + body on every authenticated page. */
  .app-shell > .main > .topbar,
  .app-shell > .main > .content{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:var(--fx-page-gutter) !important;
    padding-right:var(--fx-page-gutter) !important;
  }

  /* Dashboard is no longer a special viewport breakout. */
  .app-shell > .main > .content > .robot-hub{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* Full-page wrappers inherit the same outer grid. */
  .app-shell > .main > .content > .admin-users-page,
  .app-shell > .main > .content > .admin-user-edit-page,
  .app-shell > .main > .content > .billing-page{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}
