/* ═══════════════════════════════════════
   RESUMO
═══════════════════════════════════════ */
.ref-scroll {
  overflow-x: auto;
  padding: 6px 2px 12px;
  scrollbar-width: thin;
  scrollbar-color: var(--rule2) transparent;
  -webkit-mask-image: linear-gradient(to right, transparent 0, black 16px, black calc(100% - 16px), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, black 16px, black calc(100% - 16px), transparent 100%);
}
.ref-chips { display: flex; gap: 8px; width: max-content; padding: 2px; }

.ref-chip {
  border: 1.5px solid var(--rule);
  border-radius: 10px;
  padding: 8px 11px;
  text-align: center;
  min-width: 68px;
  transition: border-color 0.15s, transform 0.1s;
}
.ref-chip:active { transform: scale(0.96); }
.ref-chip-day { font-size: 9px; font-weight: 700; color: var(--ink3); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 3px; }
.ref-chip-total { font-family: var(--font-mono); font-size: 12px; font-weight: 700; color: var(--ink); white-space: nowrap; }
.ref-chip-multa { font-family: var(--font-mono); font-size: 9px; color: var(--rust); margin-top: 2px; white-space: nowrap; }
.ref-chip.today { border-color: var(--brand); background: var(--brand-soft); }
.ref-chip.today .ref-chip-total { color: var(--brand-ink); }
.ref-chip.today .ref-chip-multa { color: var(--ink3); }

/* Meses — linhas de razão, não cards */
.mes-ledger { border-top: 1px solid var(--rule); }
.mes-row { border-bottom: 1px solid var(--rule); padding: 14px 2px; }
.mes-row.total-row {
  border-top: 2px solid var(--ink);
  border-bottom: 2px solid var(--ink);
  background: var(--brand-soft);
  margin-top: 6px;
  padding: 16px 12px;
  border-radius: 4px;
}
.mes-row-head { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin-bottom: 10px; flex-wrap: wrap; }
.mes-row-title { font-family: var(--font-display); font-size: 16px; font-weight: 600; }
.mes-row.total-row .mes-row-title { font-size: 18px; }
.mes-pills { display: flex; gap: 5px; flex-wrap: wrap; }
.mes-pill { font-size: 9.5px; font-weight: 800; padding: 2px 8px; border-radius: 20px; letter-spacing: 0.03em; white-space: nowrap; }
.mes-pill.pago { background: var(--forest-soft); color: var(--forest); }
.mes-pill.pendente { background: var(--rust-soft); color: var(--rust); }

.mes-trio { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.mes-stat-label { font-size: 9.5px; font-weight: 700; color: var(--ink3); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 3px; }
.mes-stat-val { font-family: var(--font-mono); font-size: 14px; font-weight: 700; color: var(--ink); }
.mes-stat-val.forest { color: var(--forest); }
.mes-stat-val.rust { color: var(--rust); }
.mes-stat-val.brand { color: var(--brand-ink); }