/* /public/mobile_fixes.css — import in index.html */
/* Prevents horizontal scroll on mobile */
html, body, #root {
  max-width: 100vw;
  overflow-x: hidden;
}

/* Fix tables on mobile */
@media (max-width: 600px) {
  table { font-size: 0.75rem; }
  .MuiTableCell-root { padding: 4px 6px !important; white-space: nowrap; }
  .MuiToolbar-root { padding-left: 4px !important; padding-right: 4px !important; }
  .MuiPaper-root { border-radius: 4px !important; }
  .MuiDialog-paper { margin: 8px !important; }
  .MuiStack-root { gap: 4px; }
}

/* Prevent any child from pushing viewport wider */
* { box-sizing: border-box; }
img, video, iframe { max-width: 100%; height: auto; }