/* MMOCMS LAVA PREMIUM V71.0.5 - UserCP tablet / narrow desktop layout repair
   Fixes legacy Bootstrap col-sm/col-md widths that kept the account panel at ~25% around 768-1199px. */
body[data-ui-page="usercp"] .fullui-module-stage,
body[data-ui-page="usercp"] .fullui-module-stage > *{min-width:0}

/* Never allow a legacy account module to leave the usable content column. */
body[data-ui-page="usercp"] .fullui-module-stage .v7105-usercp-fluid{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  float:none!important;
}

@media (max-width:1199.98px){
  body[data-ui-page="usercp"] .mu-content>.container{
    width:100%!important;
    max-width:100%!important;
  }

  body[data-ui-page="usercp"] .fullui-module-stage{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden;
  }

  /* MMOcms/WebEngine commonly outputs Bootstrap 3/4 grid classes. At tablet width
     col-sm-3/col-md-3 remains 25%, which caused the screenshot's narrow left column. */
  body[data-ui-page="usercp"] .fullui-module-stage .row{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  body[data-ui-page="usercp"] .fullui-module-stage .row > [class^="col-"],
  body[data-ui-page="usercp"] .fullui-module-stage .row > [class*=" col-"],
  body[data-ui-page="usercp"] .fullui-module-stage > [class^="col-"],
  body[data-ui-page="usercp"] .fullui-module-stage > [class*=" col-"]{
    flex:0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    float:none!important;
  }

  /* Extra compatibility for templates that use old semantic account columns. */
  body[data-ui-page="usercp"] .fullui-module-stage :is(
    .usercp-left,.usercp-right,.usercp-sidebar,.usercp-content,
    .account-left,.account-right,.account-sidebar,.account-content,
    .profile-left,.profile-right,.member-left,.member-right
  ){
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    float:none!important;
  }

  body[data-ui-page="usercp"] .fullui-module-stage :is(.panel,.card,.panel-body,.card-body,table,form){
    max-width:100%!important;
  }

  body[data-ui-page="usercp"] .fullui-module-stage img,
  body[data-ui-page="usercp"] .fullui-module-stage video,
  body[data-ui-page="usercp"] .fullui-module-stage iframe{
    max-width:100%!important;
  }
}

/* At normal phone/tablet widths use a comfortable content gutter and keep account actions readable. */
@media (max-width:991.98px){
  body[data-ui-page="usercp"] .fullui-module-stage{padding:10px!important}
  body[data-ui-page="usercp"] .panel-usercp,
  body[data-ui-page="usercp"] .usercp-panel,
  body[data-ui-page="usercp"] .account-panel,
  body[data-ui-page="usercp"] .account-info{
    width:100%!important;
    max-width:100%!important;
  }
}

/* On very small screens keep everything single-column. */
@media (max-width:575.98px){
  body[data-ui-page="usercp"] .fullui-account-dashboard{grid-template-columns:1fr!important}
  body[data-ui-page="usercp"] .fullui-account-dashboard .fullui-dash-primary{grid-column:auto!important}
}

/* Root /usercp must never render as a tiny legacy account column, even on desktop.
   Subpages keep their desktop 8/4 layout and are handled by the responsive rules above. */
body[data-ui-page="usercp"][data-ui-subpage=""] .fullui-module-stage > .row{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
body[data-ui-page="usercp"][data-ui-subpage=""] .fullui-module-stage > .row > [class^="col-"],
body[data-ui-page="usercp"][data-ui-subpage=""] .fullui-module-stage > .row > [class*=" col-"]{
  flex:0 0 100%!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding-left:0!important;
  padding-right:0!important;
  float:none!important;
}
body[data-ui-page="usercp"][data-ui-subpage=""] .fullui-module-stage > .v7105-usercp-fluid{
  width:100%!important;
  max-width:100%!important;
}