/* Mobile and PWA quality layer for the static production bundle */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

body {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  touch-action: manipulation;
}

#root {
  min-height: 100dvh;
}

img,
svg,
video,
canvas {
  max-width: 100%;
  height: auto;
}

input,
select,
textarea,
button {
  font-size: 16px;
}

@media (max-width: 768px) {
  * {
    -webkit-tap-highlight-color: rgba(212, 175, 55, 0.18);
  }

  .recharts-responsive-container {
    min-width: 0 !important;
  }
}