/* ─── Returns Page Styles ─────────────────────────────────────
   Owner: pages/returns/returns.css
   Wave 8 / PR-308-G (Responsive Pass)
   Rule: Shell layout only. Zero hardcoded colors.
   ─────────────────────────────────────────────────────────── */

/* Returns shares fin-* classes from expenses.css.
   This file adds returns-specific overrides only. */

/* ── Mobile ─────────────────────────────────────────────── */
@media (max-width: 767px) {
  /* fin-stat-cards-grid: 2-col on tablet/phone */
  .fin-stat-cards-grid {
    grid-template-columns: 1fr 1fr;
  }

  /* Process return: search row stacks */
  .fin-search-row {
    flex-direction: column;
    align-items: stretch;
  }

  .fin-search-row .mr-btn {
    width: 100%;
  }

  /* History: filter card stacks */
  .fin-filter-row--wrap {
    flex-direction: column;
    align-items: stretch;
  }

  .fin-filter-date {
    width: 100%;
  }

  .fin-filter-date .mr-input {
    width: 100%;
    max-width: none;
  }
}

@media (max-width: 480px) {
  /* 4 stat cards → 2×2 on small phones */
  .fin-stat-cards-grid {
    grid-template-columns: 1fr 1fr;
  }
}