/* Flinapp CMS V5.1.24 — fixed professional admin canvas */
:root{
  --fx-sidebar-w:240px;
  --fx-canvas-max:1480px;
  --fx-page-max:1280px;
  --fx-canvas-gap:clamp(16px,2.2vw,34px);
}
@media (min-width:1101px){
  .shell{
    display:grid!important;
    grid-template-columns:var(--fx-sidebar-w) minmax(0,1fr)!important;
    min-height:100vh!important;
  }
  .sidebar{
    width:var(--fx-sidebar-w)!important;
  }
  .main{
    grid-column:2!important;
    width:calc(100% - (var(--fx-canvas-gap) * 2))!important;
    max-width:var(--fx-canvas-max)!important;
    margin:0 auto!important;
    padding:28px var(--fx-canvas-gap) 60px!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .main>.topbar,
  .main>.admin-section{
    width:100%!important;
    max-width:var(--fx-page-max)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
  .main>.admin-section{
    padding-left:0!important;
    padding-right:0!important;
  }
  .main>.admin-section>*{
    max-width:100%!important;
  }
  #overview>.admin-overview-hero,
  #overview>.stats,#overview>.admin-grid,
  #settings>.admin-grid,
  #page-designer>.page-designer-shell,
  #users>.users-card,#packages>.packages-page,
  #payments>*,
  #notifications>.notification-layout,
  #builds>.card,
  #addons>.fx-upgrade-shell,
  #cms-update>.fx-upgrade-shell,
  #apk-builder-setup>*,
  #maintenance>*{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}
@media (min-width:1600px){
  .main{max-width:1480px!important}
  .main>.topbar,.main>.admin-section{max-width:1280px!important}
}
@media (max-width:1100px){
  .shell{display:block!important}
  .main{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:20px 18px 60px!important;
  }
  .main>.topbar,.main>.admin-section{
    width:100%!important;
    max-width:100%!important;
    margin-inline:0!important;
  }
}
@media (max-width:700px){
  .main{padding:14px 12px 40px!important}
}
