/* Flinapp CMS V4.24.25 — functional + professional App Studio repair */

/* Critical AuraStudio bug: the theme's generic ".active" rule was painting entire active views purple. */
.page-theme-aurastudio.studio-page-designed .view.active,
.page-theme-aurastudio.studio-page-designed .auth-pane.active,
.page-theme-aurastudio.studio-page-designed section.active{
  background:transparent!important;
  color:inherit!important;
}
.page-theme-aurastudio.studio-page-designed .studio-tab.active,
.page-theme-aurastudio.studio-page-designed .nav-link.active{
  background:linear-gradient(135deg,#6849e9,#a84aca)!important;
  color:#fff!important;
}

/* Builder workspace: no clipping, no horizontal escape. */
#builder{max-width:100%!important;overflow:visible!important;background:transparent!important}
#builder .builder-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 330px!important;
  gap:18px!important;
  align-items:start!important;
  max-width:100%!important;
  min-width:0!important;
}
#builder .controls{
  min-width:0!important;
  width:100%!important;
  padding:24px!important;
  overflow:hidden!important;
  border:1px solid rgba(113,155,197,.16)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#0d2944,#0a2037)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.16)!important;
}
.page-theme-aurastudio.studio-page-designed #builder .controls{
  background:linear-gradient(180deg,#101d31,#0b1728)!important;
  border-color:rgba(141,104,230,.19)!important;
}
#builder .controls input,#builder .controls select,#builder .controls textarea{
  width:100%!important;min-width:0!important;
  background:#f5f8fc!important;color:#122034!important;
  border:1px solid #dce6f0!important;border-radius:11px!important;
}
#builder .two,#builder .three,#builder .prime-setting-grid,#builder .feature-grid,#builder .upload-grid{
  min-width:0!important;
}
#builder .two>* ,#builder .three>* ,#builder .prime-setting-grid>* ,#builder .feature-grid>* ,#builder .upload-grid>*{
  min-width:0!important;
}
#builder .release-build-card{
  max-width:100%!important;overflow:hidden!important;
  border:1px solid rgba(89,145,193,.20)!important;border-radius:16px!important;
  background:rgba(4,25,43,.18)!important;
}
#builder .preview-wrap{
  position:sticky!important;
  top:78px!important;
  width:330px!important;
  min-width:0!important;
  max-width:100%!important;
  padding:0!important;
  overflow:visible!important;
}
#builder .preview-toolbar{padding:0 4px 9px!important}
#builder .device{
  width:300px!important;height:620px!important;
  max-width:100%!important;
  margin:0 auto!important;
  border-width:8px!important;border-radius:38px!important;
}
#builder .device-screen{border-radius:25px!important}

/* Cleaner tabs and section hierarchy */
#builder .studio-tabs{
  max-width:100%!important;overflow-x:auto!important;
  scrollbar-width:thin;
  border:1px solid rgba(112,151,190,.15)!important;
  border-radius:14px!important;background:#08192b!important;
}
#builder .studio-tab{
  flex:0 0 auto!important;min-width:max-content!important;
  border-radius:10px!important;
}
#builder .studio-tab.active{
  background:linear-gradient(135deg,#316cf0,#754be8)!important;color:#fff!important;
}
#builder .builder-section-head{gap:12px!important}
#builder .builder-section-head h3,#builder .builder-section-head h4{letter-spacing:-.02em!important}

/* Build Edit & Update actions */
.admin-edit-build,.edit-build-app{
  position:relative!important;z-index:3!important;pointer-events:auto!important;cursor:pointer!important;
  min-height:38px!important;border-radius:10px!important;
  border:1px solid rgba(80,143,221,.34)!important;
  background:linear-gradient(135deg,rgba(32,117,220,.18),rgba(105,75,235,.20))!important;
  color:#e9f3ff!important;font-weight:850!important;text-decoration:none!important;
}

/* CMS update native file input remains programmatically accessible but visually hidden. */
.fx-native-file-input{
  position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;
  overflow:hidden!important;pointer-events:none!important;
}
#cmsUpdateDropzone{position:relative!important;cursor:pointer!important}
#cmsChooseUpdateBtn{
  border:0!important;cursor:pointer!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
#cmsChooseUpdateBtn,#installCmsUpdateBtn{pointer-events:auto!important;position:relative!important;z-index:4!important}

/* Global modal containment */
#appModalRoot{position:fixed!important;inset:0!important;z-index:110000!important;pointer-events:none!important}
#appModalRoot:empty{display:none!important}
#appModalRoot .app-modal-overlay{pointer-events:auto!important;position:absolute!important;inset:0!important}
#fx20Preview:not(.hidden),.fx20-modal:not(.hidden){position:fixed!important;inset:0!important;z-index:109000!important}

/* Responsive */
@media(max-width:1180px){
  #builder .builder-grid{grid-template-columns:minmax(0,1fr) 300px!important}
  #builder .preview-wrap{width:300px!important}
  #builder .device{width:280px!important;height:590px!important}
}
@media(max-width:960px){
  #builder .builder-grid{grid-template-columns:1fr!important}
  #builder .preview-wrap{position:relative!important;top:auto!important;width:min(340px,100%)!important;margin:18px auto 0!important}
  #builder .device{width:min(310px,100%)!important;height:640px!important}
}
@media(max-width:620px){
  #builder .controls{padding:14px!important}
  #builder .two,#builder .three,#builder .prime-setting-grid,#builder .feature-grid,#builder .upload-grid{grid-template-columns:1fr!important}
  #builder .device{height:610px!important}
}