/* Mobile responsiveness fixes */

@media (max-width: 767.98px) {
  .container, .container-fluid {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  table.table {
    width: 100% !important;
    min-width: 0 !important;
  }

  /* Make buttons smaller on mobile */
  .btn {
    padding: 0.375rem 0.5rem;
    font-size: 0.875rem;
  }

  /* Adjust card padding */
  .card-body {
    padding: 1rem !important;
  }

  /* Sidebar adjustments */
  .sidenav {
    width: 200px !important;
  }

  main.main-content {
    margin-left: 200px !important;
  }
}