/* V5.1.40 — unified professional centered CMS canvas */
:root{--fx-canvas:1180px;--fx-page-gap:clamp(16px,3vw,36px)}
html,body{max-width:100%;overflow-x:hidden}
body>.shell{width:100%;max-width:none}
.shell>.main,body>.main{min-width:0!important;max-width:none!important}
.main>.topbar,.main>.view,.main>.admin-section,
main.main>.topbar,main.main>.view,main.main>.admin-section{
  width:min(var(--fx-canvas),calc(100vw - (var(--fx-page-gap) * 2)))!important;
  max-width:var(--fx-canvas)!important;
  margin-left:auto!important;margin-right:auto!important;
  box-sizing:border-box!important
}
.main>.view,.main>.admin-section{padding-left:0!important;padding-right:0!important}
.view>.card,.admin-section>.card,.view>.panel,.admin-section>.panel,
.view .admin-wide,.admin-section .admin-wide{max-width:100%;box-sizing:border-box}
#downloads{width:min(1080px,calc(100vw - (var(--fx-page-gap) * 2)))!important;max-width:1080px!important}
#downloads>.card{width:100%!important;max-width:100%!important;margin:0 auto!important}
#userBuildTable,#buildTable,.admin-table,.table-wrap{max-width:100%!important;overflow-x:auto!important}
#builder,#templates,#notifications,#packages,#payments,#dashboard{
  margin-left:auto!important;margin-right:auto!important
}
.fx-user-auth,.portal-auth-shell{width:min(1080px,calc(100vw - (var(--fx-page-gap) * 2)))!important;max-width:1080px!important;margin-left:auto!important;margin-right:auto!important}
.card{border-radius:18px}
@media (min-width:1101px){
  .shell>.sidebar{position:fixed!important;left:0;top:0;bottom:0}
  .shell>.main{width:100%!important;margin:0!important;padding-left:0!important;transform:none!important}
}
@media (max-width:1100px){
  .main>.topbar,.main>.view,.main>.admin-section,main.main>.topbar,main.main>.view,main.main>.admin-section,
  #downloads,.fx-user-auth,.portal-auth-shell{
    width:min(100% - 28px,var(--fx-canvas))!important;margin-left:auto!important;margin-right:auto!important
  }
  .shell>.main{margin:0!important;padding-left:0!important;left:auto!important;transform:none!important}
}
@media (max-width:640px){
  .main>.topbar,.main>.view,.main>.admin-section,main.main>.topbar,main.main>.view,main.main>.admin-section,
  #downloads,.fx-user-auth,.portal-auth-shell{width:calc(100% - 20px)!important}
  .card{border-radius:14px}
}