/* PWA Fullscreen Styles with Safe Area Support */

/* CSS Variables for dynamic viewport height (fallback) */
:root {
  --app-height: 100vh;
}

/* Reset body and html to prevent scroll issues */
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

/* Main app container with safe area support */
body {
  /* Dark background to prevent white flash in safe area / notch */
  background-color: #000000;

  /* Use dynamic viewport height for modern browsers */
  min-height: 100dvh;
  /* Fallback for older browsers */
  min-height: var(--app-height);
  min-height: -webkit-fill-available;

  /* Safe area insets for notched devices - only for standalone mode */
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

/* Flutter app container adjustments */
#app,
flt-glass-pane {
  width: 100%;
  height: 100%;
}

/* Prevent pull-to-refresh on mobile */
body {
  overscroll-behavior-y: none;
  touch-action: pan-x pan-y;
}

/* Fix for iOS Safari bottom bar on scroll */
@supports (-webkit-touch-callout: none) {
  body {
    height: -webkit-fill-available;
  }
}