/* Flinapp CMS V4.24.26 — standalone UI foundation.
   Loaded last so confirmation dialogs and Settings cannot collapse into document flow. */

html.fxu-lock,html.fxu-lock body{overflow:hidden!important}

/* Unified confirmation must ALWAYS be a fixed modal. */
#fxUnifiedConfirm.fxu-modal{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  z-index:2147483000!important;
  display:none!important;
  place-items:center!important;
  padding:18px!important;
  margin:0!important;
  background:transparent!important;
  overflow:hidden!important;
}
#fxUnifiedConfirm.fxu-modal.is-open{display:grid!important}
#fxUnifiedConfirm .fxu-backdrop{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  background:rgba(3,11,21,.78)!important;
  backdrop-filter:blur(9px)!important;
}
#fxUnifiedConfirm .fxu-dialog{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:min(460px,calc(100vw - 28px))!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100vh - 36px)!important;
  overflow:auto!important;
  margin:0!important;
  padding:30px 27px 24px!important;
  border:1px solid rgba(113,165,219,.26)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(37,127,241,.18),transparent 34%),
    radial-gradient(circle at 100% 10%,rgba(126,75,240,.14),transparent 28%),
    linear-gradient(180deg,#102d49,#091f35)!important;
  color:#edf6ff!important;
  text-align:center!important;
  box-shadow:0 35px 100px rgba(0,0,0,.52)!important;
}
#fxUnifiedConfirm .fxu-icon{
  width:70px!important;height:70px!important;min-width:70px!important;min-height:70px!important;
  display:grid!important;place-items:center!important;
  margin:2px auto 17px!important;padding:0!important;
  border-radius:22px!important;overflow:hidden!important;
}
#fxUnifiedConfirm .fxu-icon-question{
  background:linear-gradient(135deg,#1e8ff4,#6d4af0)!important;
  box-shadow:0 16px 34px rgba(40,92,225,.24)!important;
}
#fxUnifiedConfirm .fxu-icon-success{
  background:linear-gradient(135deg,#18b981,#1fc997)!important;
}
#fxUnifiedConfirm .fxu-icon svg{width:36px!important;height:36px!important;max-width:36px!important;max-height:36px!important;fill:none!important;stroke:#fff!important;stroke-width:2.2!important}
#fxUnifiedConfirm .fxu-x{
  position:absolute!important;top:13px!important;right:13px!important;
  width:36px!important;height:36px!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(151,187,224,.18)!important;border-radius:10px!important;
  background:#0a223a!important;color:#aac1d8!important;font-size:23px!important;cursor:pointer!important;
}
#fxUnifiedConfirm .fxu-eyebrow{
  margin:0 0 7px!important;color:#7fa8d0!important;font-size:10px!important;
  font-weight:900!important;letter-spacing:.15em!important;text-transform:uppercase!important;
}
#fxUnifiedConfirm .fxu-dialog h3{margin:0!important;color:#fff!important;font-size:24px!important;line-height:1.2!important}
#fxUnifiedConfirm .fxu-dialog p{max-width:360px!important;margin:12px auto 22px!important;color:#9db4cb!important;font-size:14px!important;line-height:1.6!important}
#fxUnifiedConfirm .fxu-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
#fxUnifiedConfirm .fxu-actions.hidden,#fxUnifiedConfirm .fxu-close-success.hidden{display:none!important}
#fxUnifiedConfirm .fxu-actions button,#fxUnifiedConfirm .fxu-close-success{
  min-height:46px!important;border-radius:12px!important;font-weight:850!important;cursor:pointer!important;
}
#fxUnifiedConfirm .fxu-cancel{background:#0b2946!important;border:1px solid rgba(119,166,211,.22)!important;color:#c7d7e6!important}
#fxUnifiedConfirm .fxu-confirm,#fxUnifiedConfirm .fxu-close-success{
  background:linear-gradient(135deg,#0c94f4,#7049ef)!important;color:#fff!important;border:0!important;
  box-shadow:0 12px 26px rgba(44,89,224,.23)!important;
}
#fxUnifiedConfirm .fxu-close-success{width:100%!important}

/* Settings page professional containment */
#settings{max-width:100%!important;overflow:hidden!important}
#settings .card{
  position:relative!important;
  max-width:100%!important;
  overflow:hidden!important;
  border:1px solid rgba(112,153,194,.16)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#0d2136,#091827)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.13)!important;
}
#settings .two,#settings .three,#settings .settings-grid{
  display:grid!important;
  gap:14px!important;
  min-width:0!important;
}
#settings .two{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#settings .three{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#settings label,#settings input,#settings select,#settings textarea,#settings button{min-width:0!important;max-width:100%!important}
#settings input,#settings select,#settings textarea{
  width:100%!important;border-radius:11px!important;
  border:1px solid rgba(115,156,197,.20)!important;
}
#settings .primary{
  border:0!important;border-radius:11px!important;
  background:linear-gradient(135deg,#148ff0,#6d50ed)!important;
  box-shadow:0 10px 24px rgba(42,83,215,.20)!important;
}

/* Prevent any hidden modal/preview from creating page-height artifacts. */
#fxUnifiedConfirm:not(.is-open),
#fx20Preview.hidden,.fx20-modal.hidden,
#appModalRoot:empty{display:none!important}
#fx20Preview:not(.hidden),.fx20-modal:not(.hidden){
  position:fixed!important;inset:0!important;z-index:2147482000!important;
  width:100vw!important;height:100vh!important;margin:0!important;
}

/* Keep admin page itself stable. */
.admin-section{min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
.main{min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
.card,img,svg,iframe,video{max-width:100%!important}

@media(max-width:760px){
  #settings .two,#settings .three{grid-template-columns:1fr!important}
  #fxUnifiedConfirm .fxu-actions{grid-template-columns:1fr!important}
  #fxUnifiedConfirm .fxu-dialog{padding:26px 18px 18px!important;border-radius:20px!important}
}