/**
 * Mobile app shell: no zoom, no page bounce, fixed viewport scroll.
 */

html {
  height: 100%;
  overflow: hidden;
  overscroll-behavior: none;
  -webkit-text-size-adjust: 100%;
  touch-action: manipulation;
}

body.mpp-tools {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  overscroll-behavior: none;
  touch-action: manipulation;
  -webkit-overflow-scrolling: auto;
  -webkit-tap-highlight-color: transparent;
}

.mpp-app-shell {
  position: relative;
  width: 100%;
  height: 100%;
  height: 100dvh;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}

body.mpp-tools.mpp-auth-open {
  overflow: hidden;
}

body.mpp-tools.mpp-auth-open .mpp-app-shell {
  overflow: hidden;
  touch-action: none;
}

/* Allow horizontal scroll inside tables/charts only */
.mpp-app-shell .table-wrap,
.mpp-app-shell .chart-wrap {
  overscroll-behavior: contain;
  touch-action: pan-x pan-y;
}

/* Prevent iOS input zoom (font >= 16px in modals) */
.mpp-auth input,
.mpp-auth select,
.mpp-auth textarea {
  font-size: 16px !important;
}