/* ============================================================
   RosterDive DS — Page: Org Members Payments
   Page-specific styles not covered by DS components.
   DS components used: page-header, toolbar, button, alert, datatable,
   modal.
   Token only. No hardcoded values.
   ============================================================ */

/* ── Responsive (mobile 5", < 600px) ──
   Selectors are scoped to this page's toolbar id: the stylesheet is loaded
   globally from index.html, so bare DS class names would leak into other
   pages (AGENTS.md §6 / responsive.md). */
@media (max-width: 599px) {
  /* Toolbar actions stack full width so every target stays reachable. */
  #members-payments-toolbar .toolbar__actions {
    width: 100%;
    flex-wrap: wrap;
  }

  #members-payments-toolbar .toolbar__actions .button {
    flex: 1 1 100%;
    justify-content: flex-start;
  }
}