/*
  Responsive helpers for remonline_mvp

  Goals:
  - Make wide tables usable on tablets/phones (horizontal scroll)
  - Improve small-screen spacing for some Bootstrap components
  - Keep visual changes minimal (no theme recolors)
*/

/* Smooth horizontal scrolling for data tables */
.table-responsive {
  -webkit-overflow-scrolling: touch;
}

/* Prevent extra bottom whitespace when table is wrapped */
.table-responsive > .table {
  margin-bottom: 0;
}

/* Pagination can overflow on narrow screens */
@media (max-width: 575.98px) {
  .pagination {
    flex-wrap: wrap;
    gap: .25rem;
  }

  .pagination .page-link {
    padding: .35rem .6rem;
  }
}

/* When printing, don't clip content inside responsive wrappers */
@media print {
  .table-responsive {
    overflow: visible !important;
  }
}