:root {
  --mo-vh: 100dvh;
  --mo-vw: 100vw;
}

html,
body,
#root {
  width: var(--mo-vw) !important;
  height: var(--mo-vh) !important;
  max-width: var(--mo-vw) !important;
  max-height: var(--mo-vh) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body {
  position: fixed !important;
  inset: 0 !important;
}

#root,
#root > * {
  min-height: 0 !important;
  overflow: hidden !important;
}

.table-panel,
[data-table-id] {
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

.table-scroll,
[class*="table"][class*="scroll"] {
  height: var(--mo-table-scroll-height, 60vh) !important;
  max-height: var(--mo-table-scroll-height, 60vh) !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
}
