/* Mobile-specific styles */

/* Touch-friendly tap highlights */
@media (max-width: 600px) {
  /* Increase tap target sizes */
  button,
  a,
  [role="button"],
  .MuiButton-root,
  .MuiIconButton-root {
    min-height: 44px;
    min-width: 44px;
  }

  /* Remove tap highlight color on some browsers */
  * {
    -webkit-tap-highlight-color: transparent;
  }

  /* Better touch scrolling */
  * {
    -webkit-overflow-scrolling: touch;
  }

  /* Prevent text size adjustment on iOS */
  input,
  select,
  textarea {
    font-size: 16px !important;
  }
}

/* Mobile table improvements */
@media (max-width: 960px) {
  .MuiTableContainer-root {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .MuiTableCell-root {
    padding: 12px 8px !important;
    font-size: 0.875rem;
  }
}

/* Mobile form improvements */
@media (max-width: 600px) {
  .MuiTextField-root {
    width: 100% !important;
  }

  .MuiGrid-container {
    margin: 0 !important;
  }

  .MuiGrid-item {
    padding: 8px !important;
  }
}

/* Mobile drawer improvements */
@media (max-width: 600px) {
  .MuiDrawer-paper {
    width: 85vw !important;
    max-width: 320px !important;
  }
}

/* Mobile card improvements */
@media (max-width: 600px) {
  .MuiCard-root {
    margin-bottom: 16px;
  }

  .MuiCardContent-root {
    padding: 16px !important;
  }
}

/* Mobile button improvements */
@media (max-width: 600px) {
  .MuiButton-root {
    padding: 10px 16px !important;
    font-size: 0.875rem;
  }

  .MuiIconButton-root {
    padding: 12px !important;
  }
}

/* Smooth scrolling for mobile */
html {
  scroll-behavior: smooth;
}

@media (max-width: 600px) {
  html {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}