/* Cómo vienen los meses (js/views/history.js). */

/* Evolución: "Cómo vienen los meses" (js/views/history.js). */
.history-range { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 360px; }
.history-range .choice { text-align: center; min-height: 44px; }
.history-table { display: grid; gap: 2px; margin-top: 10px; font-size: .9rem; }
.history-row { display: grid; grid-template-columns: 1fr repeat(3, minmax(0, 1.2fr)); gap: 8px; padding: 6px 0; border-top: 1px solid var(--line); }
.history-row.head { border-top: 0; color: var(--muted); font-size: .8rem; font-weight: 700; }
.history-row .amount { text-align: right; overflow-wrap: anywhere; }
.history-balance .badge { flex: none; }
.history-links { margin-top: 12px; gap: 8px; flex-wrap: wrap; }
.history-links .btn { min-height: 40px; }