/* CRMiAgenda V205.3 — Marketplace Admin mobile layout hardening.
   Visual/layout only; scoped to Marketplace admin overlay. */

#mpa-overlay{
  position:fixed!important;
  inset:0!important;
  width:100dvw!important;
  height:100dvh!important;
  max-width:100dvw!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
  touch-action:pan-y!important;
}

#mpa-overlay .mpa-panel{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  width:min(920px,100dvw)!important;
  max-width:100dvw!important;
  min-width:0!important;
  height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
  touch-action:pan-y!important;
}

#mpa-overlay .mpa-head{
  position:relative!important;
  top:auto!important;
  flex:0 0 auto!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

#mpa-overlay .mpa-body{
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  padding-bottom:24px!important;
}

#mpa-overlay .mpa-grid,
#mpa-overlay .mpa-card,
#mpa-overlay .mpg-card,
#mpa-overlay #mpg1617,
#mpa-overlay .mpg-promo,
#mpa-overlay .mpg-row,
#mpa-overlay .mpg-actions,
#mpa-overlay .mp22a,
#mpa-overlay .mp22a-grid,
#mpa-overlay .mp22a-toggle,
#mpa-overlay .mpa-status{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

#mpa-overlay .mpa-actions{
  position:static!important;
  inset:auto!important;
  width:100%!important;
  max-width:100%!important;
  margin:22px 0 0!important;
  padding:14px 0 calc(6px + env(safe-area-inset-bottom,0px))!important;
  display:grid!important;
  grid-template-columns:minmax(0,.34fr) minmax(0,1fr)!important;
  gap:10px!important;
  background:transparent!important;
  border-top:1px solid #e7e1d8!important;
  box-shadow:none!important;
  z-index:auto!important;
}

#mpa-overlay .mpa-actions .mpa-btn{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:48px!important;
  box-sizing:border-box!important;
}

@media (max-width:760px){
  #mpa-overlay .mpa-panel{
    width:100dvw!important;
    max-width:100dvw!important;
    height:100dvh!important;
  }

  #mpa-overlay .mpa-head{
    padding:16px 18px!important;
  }

  #mpa-overlay .mpa-body{
    padding:16px 16px calc(24px + env(safe-area-inset-bottom,0px))!important;
  }

  #mpa-overlay .mpa-grid,
  #mpa-overlay .mp22a-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }

  #mpa-overlay .mpg-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  #mpa-overlay .mpg-row{
    grid-template-columns:minmax(0,1fr)!important;
  }

  #mpa-overlay .mpg-actions{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
  }

  #mpa-overlay .mpg-save{
    width:100%!important;
    max-width:100%!important;
  }

  #mpa-overlay .mpa-status,
  #mpa-overlay .mpa-card,
  #mpa-overlay .mpg-card,
  #mpa-overlay #mpg1617,
  #mpa-overlay .mp22a{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  #mpa-overlay input,
  #mpa-overlay textarea,
  #mpa-overlay select,
  #mpa-overlay button,
  #mpa-overlay label{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  #mpa-overlay .mpa-actions{
    grid-template-columns:minmax(0,.34fr) minmax(0,1fr)!important;
  }
}