/* Flinapp CMS V4.24.21 — global stability / responsive repair */
html,body{max-width:100%;overflow-x:hidden}
.shell,.main,.admin-section,.view,.card,.admin-grid,.builder-grid,.portal-auth-shell{min-width:0}
.main{overflow-x:hidden}
img,svg,video,canvas,iframe{max-width:100%}
.admin-table,.fx-history-table-wrap{max-width:100%;overflow:auto}
.topbar{gap:14px;flex-wrap:wrap}
.top-actions{min-width:0;flex-wrap:wrap;justify-content:flex-end}
.card{max-width:100%}

/* Never allow a hidden preview/modal to leak into the normal page flow. */
#fx20Preview.hidden,.fx20-modal.hidden,
#flinappSaveSuccessModal:not(.is-open),
#fxUnifiedConfirm:not(.is-open),
.fxu-modal:not(.is-open){display:none!important}
#fx20Preview:not(.hidden),.fx20-modal:not(.hidden){
  position:fixed!important;inset:0!important;z-index:100200!important;
  display:grid!important;place-items:center!important;padding:18px!important;
  background:rgba(3,11,21,.78)!important;backdrop-filter:blur(9px)!important;
}
#fx20Preview .fx20-dialog,.fx20-modal .fx20-dialog{
  position:relative!important;width:min(1180px,96vw)!important;height:min(820px,92vh)!important;
  overflow:hidden!important;border-radius:18px!important;border:1px solid rgba(102,155,210,.25)!important;
  background:#081725!important;box-shadow:0 35px 100px rgba(0,0,0,.5)!important;
}
#fx20Preview iframe,.fx20-modal iframe{display:block!important;width:100%!important;height:calc(100% - 56px)!important;border:0!important;background:#fff!important}
#fx20Preview .fx20-modal-head,.fx20-modal .fx20-modal-head{min-height:56px!important}

/* Defensive fix for accidental full-page theme preview artifacts. */
body:not(.theme-preview-mode) > iframe:not([title]),
body:not(.theme-preview-mode) > .theme-preview-mode{max-height:100vh}

/* All admin sections are exclusive. */
.admin-section{display:none!important}
.admin-section.active{display:block!important}

/* Forms and settings stay inside their cards. */
input,select,textarea{max-width:100%}
.two,.three,.system-info-grid,.designer-theme-grid{min-width:0}
.two>*,.three>*,.system-info-grid>*,.designer-theme-grid>*{min-width:0}

/* Professional responsive behavior across Admin/App Studio. */
@media(max-width:1100px){
  .admin-grid,.notification-layout{grid-template-columns:1fr!important}
  .fx-upgrade-grid{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .main{padding:18px 14px 70px!important}
  .topbar{align-items:flex-start!important}
  .top-actions{width:100%;justify-content:flex-start!important}
  .two,.three,.stats,.admin-kpi-grid,.system-info-grid{grid-template-columns:1fr!important}
  .card{padding:16px!important;border-radius:15px!important}
}