/* Responsive tables - horizontal scroll on mobile */
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  max-width: 100%;
}

@media (min-width: 768px) {
  table {
    display: table;
    white-space: normal;
  }
}

/* Better tap targets for mobile links */
@media (max-width: 767px) {
  .sidebar-item a,
  .nav-link {
    padding: 0.6rem 0.75rem;
  }
}