/* MMOCMS LAVA PREMIUM V71.0.3 - UserCP Responsive Repair
   Keeps legacy MMOcms/WebEngine account modules inside the viewport. */
body[data-ui-page="usercp"]{overflow-x:clip}
body[data-ui-page="usercp"] .mu-content,
body[data-ui-page="usercp"] .mu-content>.container,
body[data-ui-page="usercp"] .mu-module,
body[data-ui-page="usercp"] .fullui-module-stage{min-width:0;max-width:100%}
body[data-ui-page="usercp"] .fullui-module-stage{width:100%}
body[data-ui-page="usercp"] .fullui-module-stage img,
body[data-ui-page="usercp"] .mu-module img{max-width:100%!important;height:auto!important}
body[data-ui-page="usercp"] .fullui-module-stage iframe,
body[data-ui-page="usercp"] .fullui-module-stage video{max-width:100%!important}
body[data-ui-page="usercp"] .fullui-module-stage table{max-width:100%}
body[data-ui-page="usercp"] .v7103-table-scroll{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Native account cards */
body[data-ui-page="usercp"] :is(.panel-usercp,.usercp-panel,.account-panel,.account-info,.panel,.card){min-width:0;max-width:100%}
body[data-ui-page="usercp"] .panel-usercp{width:100%!important}
body[data-ui-page="usercp"] .panel-usercp .panel-body{min-width:0}

/* Runtime classes are only added to legacy blocks that overflow. */
body[data-ui-page="usercp"] .v7103-fluid-col{min-width:0!important;max-width:100%!important}
body[data-ui-page="usercp"] .v7103-overflow-node{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important}
body[data-ui-page="usercp"] .v7103-fluid-media{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important}

@media(max-width:991.98px){
  body[data-ui-page="usercp"] .mu-content>.container{width:100%!important;max-width:100%!important;padding-left:12px!important;padding-right:12px!important;margin-left:auto!important;margin-right:auto!important}
  body[data-ui-page="usercp"] .mu-page-hero{width:100%!important;max-width:100%!important}
  body[data-ui-page="usercp"] .fullui-module-stage{width:100%!important;max-width:100%!important;padding:12px!important;overflow:hidden}
  body[data-ui-page="usercp"] .fullui-account-dashboard{width:100%!important;max-width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body[data-ui-page="usercp"] .fullui-account-dashboard .fullui-dash-primary{grid-column:1/-1!important}

  /* Legacy Bootstrap rows/columns from MMOcms account modules. */
  body[data-ui-page="usercp"] .fullui-module-stage .v7103-stack-row{display:flex!important;flex-flow:row wrap!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;gap:10px}
  body[data-ui-page="usercp"] .fullui-module-stage .v7103-stack-row>.v7103-fluid-col{flex:0 0 100%!important;width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;float:none!important}

  /* Common legacy containers that otherwise preserve desktop widths. */
  body[data-ui-page="usercp"] .fullui-module-stage :is(.container,.container-fluid,.wrapper,.content,.content-wrapper,.usercp,.usercp-wrapper,.account-wrapper,.profile-wrapper){max-width:100%!important;min-width:0!important}
}

@media(max-width:767.98px){
  body[data-ui-page="usercp"] .mu-content{padding-top:10px!important;padding-bottom:82px!important}
  body[data-ui-page="usercp"] .mu-content>.container{padding-left:8px!important;padding-right:8px!important}
  body[data-ui-page="usercp"] .fullui-module-stage{padding:8px!important;border-radius:10px!important}
  body[data-ui-page="usercp"] .fullui-module-stage .row{display:flex!important;flex-flow:row wrap!important;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-"]{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"] .mu-page-hero{margin-bottom:9px!important;padding:15px!important;min-height:96px!important}
  body[data-ui-page="usercp"] .mu-page-title{font-size:22px!important}
  body[data-ui-page="usercp"] .mu-page-breadcrumbs{display:none!important}

  body[data-ui-page="usercp"] .fullui-account-dashboard{grid-template-columns:1fr 1fr!important;gap:7px!important;margin-bottom:9px!important}
  body[data-ui-page="usercp"] .fullui-account-dashboard .fullui-dash-primary{grid-column:1/-1!important;min-height:74px!important}
  body[data-ui-page="usercp"] .fullui-account-dashboard .fullui-dash-link{min-height:68px!important;padding:10px!important}
  body[data-ui-page="usercp"] .fullui-dash-link i{font-size:18px!important}
  body[data-ui-page="usercp"] .fullui-dash-link strong{font-size:9px!important;margin-top:5px!important}
  body[data-ui-page="usercp"] .fullui-dash-link small{font-size:7px!important}

  body[data-ui-page="usercp"] .panel-usercp,
  body[data-ui-page="usercp"] .usercp-panel,
  body[data-ui-page="usercp"] .account-panel{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
  body[data-ui-page="usercp"] .panel-usercp .panel-body,
  body[data-ui-page="usercp"] .usercp-panel .panel-body,
  body[data-ui-page="usercp"] .account-panel .panel-body{padding:12px!important}
  body[data-ui-page="usercp"] .panel-usercp ul,
  body[data-ui-page="usercp"] .panel-usercp .panel-body ul{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  body[data-ui-page="usercp"] .panel-usercp li a{min-height:44px!important;padding:9px 10px!important;white-space:normal!important;line-height:1.2!important}

  /* Make native account summary fields readable instead of tiny desktop columns. */
  body[data-ui-page="usercp"] .fullui-module-stage :is(.form-group,.form-row,.input-group,.input-group-prepend,.input-group-append){max-width:100%!important}
  body[data-ui-page="usercp"] .fullui-module-stage :is(input,select,textarea){max-width:100%!important}
  body[data-ui-page="usercp"] .fullui-module-stage h1,
  body[data-ui-page="usercp"] .fullui-module-stage h2,
  body[data-ui-page="usercp"] .fullui-module-stage h3{overflow-wrap:anywhere}
}

@media(max-width:480px){
  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}
  body[data-ui-page="usercp"] .panel-usercp ul,
  body[data-ui-page="usercp"] .panel-usercp .panel-body ul{grid-template-columns:1fr!important}
}