/* =============================================================
   responsive.css — single home for all mobile/tablet overrides
   Breakpoints:
     ≤768px  (phone)
     769–992px handled by layout.css sidebar collapse
   ============================================================= */

/* ─── Touch-target minimums (44 × 44 px) ───────────────────── */

@media (max-width: 992px) {

  /* Side-sheet close button */
  .side-sheet-close {
    width: 44px;
    height: 44px;
  }

  /* Table row actions, pager, filters and menu links: 44px targets */
  .app-table .btn,
  .row-action,
  .sheet-status .btn,
  .app-table td .btn-link-inline,
  .filter-bar .btn,
  .pager__link,
  .side-link,
  .side-group__toggle,
  .sf-categories__row a {
    min-height: 44px;
  }

  .row-action {
    width: 44px;
  }

  .app-table td .btn-link-inline {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .side-link,
  .side-group__toggle,
  .sf-categories__row a {
    display: flex;
    align-items: center;
  }

  /* Form controls — adequate height for touch */
  .content-main .form-control,
  .content-main .form-select {
    min-height: 44px;
  }

}

/* ─── Side-sheet: full-screen on phones ─────────────────────── */

@media (max-width: 576px) {
  .side-sheet {
    --bs-offcanvas-width: 100vw;
    width: 100vw;
    max-width: 100vw;
    border-left: none;
    box-shadow: none;
    border-radius: 0;
  }

  .side-sheet.offcanvas-start {
    border-right: none;
    box-shadow: none;
  }

}