/*
  Force-desktop transform wrapper
  - Wrap the entire Dash app content in .force-desktop-wrapper
  - On small screens, scale the wrapper down uniformly so the desktop layout fits
  - Disable native scroll bounce and avoid double scrollbars
*/

html, body {
  height: 100%;
}

/* Prevent unintended mobile text autosizing on some Android OEM browsers */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* Base wrapper: provide a known desktop canvas width */
.force-desktop-wrapper {
  width: 1920px;           /* Desktop canvas width */
  margin: 0;
  transform-origin: 0 0;   /* Scale from top-left */
}

/* Container around wrapper to center and manage overflow */
.force-desktop-viewport {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;       /* Prevent horizontal scroll */
  overflow-y: auto;         /* Allow vertical scroll */
}

/* Optional: Make modals follow the scaling (Bootstrap overrides may still apply) */
.modal-backdrop.show {
  transform-origin: 0 0;
}