/* ═══════════════════════════════════════
   PAGOS — histórico agrupado por mês
═══════════════════════════════════════ */
.grp-head {
  display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
  padding: 10px 18px;
  background: var(--surface-2);
  border-bottom: 1px solid var(--line);
  position: sticky; top: 0; z-index: 1;
}
.grp + .grp > .grp-head { border-top: 1px solid var(--line); }
.grp-title { font-size: 13px; font-weight: 600; color: var(--ink-2); }
.grp-title::first-letter { text-transform: uppercase; }
.grp-meta { font-size: 12.5px; color: var(--ink-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
.grp-meta b { color: var(--ink); font-weight: 600; }
.grp-head + .wk { border-top: 0; }

#paid-list { max-height: min(72vh, 760px); }

@media (max-width: 767px) {
  .grp-head { padding: 10px 16px; }
  #paid-list { max-height: 72vh; }
}