/* HR System PWA - corrected mobile fit
   Preserve existing Tailwind/component widths; only prevent accidental page overflow. */
html {
  width: 100%;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  width: 100%;
  min-width: 0;
  min-height: 100dvh;
  margin: 0;
  overflow-x: hidden;
}
*, *::before, *::after { box-sizing: border-box; }

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

/* Keep tables scrollable inside their own wrappers instead of shrinking the whole UI. */
.table-responsive,
.overflow-x-auto,
[class*="overflow-x-auto"] {
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
}

/* Avoid iOS focus-zoom while preserving the normal application scale. */
@media (max-width: 640px) {
  input, select, textarea { font-size: 16px; }
}