/* Mobile browser foundation. Desktop layout remains controlled by MUI breakpoints. */
@media (max-width: 899.95px) {
  html, body, #root {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    overscroll-behavior: none;
  }

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

  /* Mobile GPUs struggle with dozens of blur layers and decorative motion. */
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 80ms !important;
    scroll-behavior: auto !important;
  }

  .MuiBackdrop-root,
  .MuiPaper-root,
  [style*="backdrop-filter"],
  [style*="backdropFilter"] {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  img { content-visibility: auto; }

  input, textarea, select, [contenteditable="true"] {
    font-size: 16px !important;
  }

  [contenteditable="true"] {
    line-height: 1.9 !important;
    min-height: 55dvh;
    caret-color: #40558d;
    -webkit-user-select: text;
    user-select: text;
  }

  .MuiDialogActions-root {
    position: sticky;
    bottom: 0;
    z-index: 2;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom)) !important;
    background: #fffefa;
    border-top: 1px solid #e9e7e1;
  }

  .MuiDialogTitle-root { padding: 14px 16px !important; }
  .MuiDialogContent-root { padding-left: 16px; padding-right: 16px; }
  .MuiTableContainer-root { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .MuiTabs-root { max-width: 100%; }
  .MuiTabs-flexContainer { width: max-content; min-width: 100%; }
  .MuiTab-root { min-height: 44px; padding-left: 14px; padding-right: 14px; }
  .MuiButton-root, .MuiIconButton-root, .MuiListItemButton-root { touch-action: manipulation; }
  .MuiSnackbar-root { left: 8px !important; right: 8px !important; bottom: calc(68px + env(safe-area-inset-bottom)) !important; }

  *::-webkit-scrollbar { width: 4px; height: 4px; }
}

@media (max-width: 599.95px) {
  .MuiCard-root { max-width: 100%; }
  .MuiDialog-paper { margin: 0 !important; }
}