/* CRMiAgenda V205.4 — Marketplace Admin source-level mobile layout fix.
   Scoped only to Marketplace admin overlay. No business logic changes. */
#mpa-overlay{
  position:fixed!important;
  inset:0!important;
  width:100dvw!important;
  max-width:100dvw!important;
  height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  overscroll-behavior-x:none!important;
  touch-action:pan-y!important;
}
#mpa-overlay.open{
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-end!important;
}
#mpa-overlay .mpa-panel{
  position:absolute!important;
  inset:0 0 0 auto!important;
  width:min(920px,100dvw)!important;
  max-width:100dvw!important;
  min-width:0!important;
  height:100dvh!important;
  max-height:100dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:none!important;
  touch-action:pan-y!important;
  transform:none!important;
}
#mpa-overlay .mpa-head,
#mpa-overlay .mpa-body,
#mpa-overlay .mpa-status,
#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{
  box-sizing:border-box!important;
  max-width:100%!important;
  min-width:0!important;
}
#mpa-overlay .mpa-head,
#mpa-overlay .mpa-body,
#mpa-overlay .mpa-grid,
#mpa-overlay .mpa-card,
#mpa-overlay .mpg-card,
#mpa-overlay #mpg1617,
#mpa-overlay .mp22a{width:100%!important;}
#mpa-overlay .mpa-body{overflow-x:hidden!important;}
#mpa-overlay input,
#mpa-overlay textarea,
#mpa-overlay select,
#mpa-overlay button,
#mpa-overlay label,
#mpa-overlay p,
#mpa-overlay span,
#mpa-overlay div{max-width:100%;box-sizing:border-box;}
#mpa-overlay p,
#mpa-overlay span,
#mpa-overlay label,
#mpa-overlay small,
#mpa-overlay b,
#mpa-overlay strong{overflow-wrap:anywhere;word-break:normal;}

/* Critical fix: action bar is part of document flow. It never floats over cards. */
#mpa-overlay.v205-marketplace-polish .mpa-actions,
#mpa-overlay .mpa-actions{
  position:static!important;
  inset:auto!important;
  bottom:auto!important;
  left:auto!important;
  right:auto!important;
  z-index:auto!important;
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(108px,.36fr) minmax(0,1fr)!important;
  gap:10px!important;
  margin:24px 0 0!important;
  padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px))!important;
  border-top:1px solid rgba(218,210,201,.8)!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
  transform:none!important;
}
#mpa-overlay.v205-marketplace-polish .mpa-actions .mpa-btn,
#mpa-overlay .mpa-actions .mpa-btn{
  width:100%!important;
  min-width:0!important;
  min-height:50px!important;
  margin:0!important;
}

/* Promotion switch fallback */
#mpa-overlay .mpg-switch{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:13px 14px!important;
  border:1px solid #e8e1d7!important;
  border-radius:14px!important;
  background:#fbfaf7!important;
  overflow:hidden!important;
}
#mpa-overlay .mpg-switch>span{order:1!important;min-width:0!important;flex:1 1 auto!important;white-space:normal!important;}
#mpa-overlay .mpg-switch>input[type="checkbox"]{
  order:2!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  flex:0 0 48px!important;
  width:48px!important;
  height:28px!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#cdd2d9!important;
  box-shadow:inset 0 0 0 1px rgba(31,41,55,.08)!important;
  position:relative!important;
}
#mpa-overlay .mpg-switch>input[type="checkbox"]::before{
  content:"";
  position:absolute;
  width:22px;
  height:22px;
  left:3px;
  top:3px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 6px rgba(31,41,55,.2);
  transition:transform .16s ease;
}
#mpa-overlay .mpg-switch>input[type="checkbox"]:checked{background:#101c30!important;}
#mpa-overlay .mpg-switch>input[type="checkbox"]:checked::before{transform:translateX(20px);}

@media (max-width:760px){
  #mpa-overlay .mpa-panel{
    left:0!important;
    right:0!important;
    width:100dvw!important;
    max-width:100dvw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0!important;
  }
  #mpa-overlay .mpa-head{width:100%!important;padding:16px 18px!important;}
  #mpa-overlay.v205-marketplace-polish .mpa-body,
  #mpa-overlay .mpa-body{
    width:100%!important;
    max-width:100dvw!important;
    padding:16px 16px calc(24px + env(safe-area-inset-bottom,0px))!important;
    overflow-x:hidden!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;width:100%!important;}
  #mpa-overlay .mpg-row{grid-template-columns:minmax(0,1fr)!important;width:100%!important;}
  #mpa-overlay .mpg-actions{width:100%!important;justify-content:stretch!important;flex-wrap:wrap!important;}
  #mpa-overlay .mpg-save{width:100%!important;max-width:100%!important;}
  #mpa-overlay.v205-marketplace-polish .mpa-actions,
  #mpa-overlay .mpa-actions{
    position:static!important;
    inset:auto!important;
    bottom:auto!important;
    margin:26px 0 0!important;
    padding:14px 0 calc(14px + env(safe-area-inset-bottom,0px))!important;
    grid-template-columns:108px minmax(0,1fr)!important;
    border-top:1px solid rgba(218,210,201,.9)!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  #mpa-overlay.v205-marketplace-polish .mpa-actions .mpa-btn,
  #mpa-overlay .mpa-actions .mpa-btn{min-height:54px!important;}
}

@media (max-width:390px){
  #mpa-overlay.v205-marketplace-polish .mpa-body,
  #mpa-overlay .mpa-body{padding-left:12px!important;padding-right:12px!important;}
  #mpa-overlay.v205-marketplace-polish .mpa-actions,
  #mpa-overlay .mpa-actions{grid-template-columns:104px minmax(0,1fr)!important;}
}