/* Escala responsiva preservando o layout-base 768x512. */
html,
body {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: var(--bg) !important;
}

body {
  position: relative !important;
}

.dashboard {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 768px !important;
  height: 512px !important;
  transform: translate(-50%, -50%) scale(var(--dashboard-scale, 1)) !important;
  transform-origin: center center !important;
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .dashboard {
    transition: none !important;
  }
}