/* Convenção financeira: vermelho para débito, azul para crédito e texto neutro para zero. */
.value-negative { color: var(--expense) !important; }
.value-positive { color: var(--link) !important; }
.value-neutral { color: var(--text) !important; }

/* O cartão de saldo disponível usa verde para positivo, vermelho para negativo e texto neutro para zero. */
.cards .available .value-negative { color: var(--expense) !important; }
.cards .available .value-positive { color: var(--income) !important; }
.cards .available .value-neutral { color: var(--text) !important; }

td.amount, .cards strong, .accounts strong { font-variant-numeric: tabular-nums; font-weight: 650; }

/* O estado pago não pode esconder a cor financeira do valor. */
tbody tr.paid-entry td.amount .value-negative { color: var(--expense) !important; }
tbody tr.paid-entry td.amount .value-positive { color: var(--link) !important; }
tbody tr.paid-entry td.amount .value-neutral { color: var(--text) !important; }