/* Safe area support and mobile fit tweaks */
html, body {
  height: 100%;
  width: 100%;
  -webkit-text-size-adjust: 100%;
}
/* Use dynamic viewport units for iOS Safari to avoid 100vh bugs */
.app-screen, .full-height, .vh-fix {
  min-height: 100dvh;
  min-height: -webkit-fill-available; /* fallback for older iOS */
}
/* Ensure no accidental horizontal scrolling */
body {
  overflow-x: hidden;
  box-sizing: border-box;
  padding-left: env(safe-area-inset-left, 0);
  padding-right: env(safe-area-inset-right, 0);
  padding-top: env(safe-area-inset-top, 0);
  /* Add slight bottom padding so content isn’t obscured by iOS bottom bar */
  padding-bottom: max(env(safe-area-inset-bottom, 0), 12px);
}
*, *::before, *::after { box-sizing: inherit; }

/* Utility to prevent fixed footers overlapping content */
.page-content-padding-bottom {
  padding-bottom: max(env(safe-area-inset-bottom, 0), 16px);
}

/* Images and containers scale nicely */
img, video, canvas { max-width: 100%; height: auto; }
.container, .wrapper, .dashboard-content { max-width: 1200px; margin-left: auto; margin-right: auto; }