/* ==========================================================
   responsive.css — breakpoint adjustments
   Desktop-first base styles live in the other files; this file
   only contains overrides for smaller screens.
   ========================================================== */

/* Tablet (≤ 991px): sidebar becomes off-canvas — see layout.css */
@media (max-width: 991px){
  .content{ padding:16px; }
  .topbar{ padding:10px 16px; }
  .section-card{ padding:16px; }
  .stat-card{ padding:16px 18px; }
}

/* Mobile (≤ 575px) */
@media (max-width: 575px){
  .topbar .page-title{ font-size:16px; }
  .stat-card .stat-value{ font-size:22px; }
  .filter-bar{ padding:12px; }
  .modal-dialog{ margin:10px; }
  table.slh-table thead th, table.slh-table tbody td{ padding:8px 10px; font-size:12.8px; }
  .btn{ font-size:13px; }
}

/* Large desktop (≥ 1600px): slightly roomier content max-width */
@media (min-width: 1600px){
  .content{ padding:28px 40px; }
}