/* Cores semânticas dos valores no relatório e no extrato. */
.metric-card.income strong,
.transaction-row > b.positive {
  color: var(--income);
}

.metric-card.expense strong,
.transaction-row > b.negative {
  color: var(--expense);
}

.metric-card.transfer > span,
.transfer-report-card > header > svg,
.movement-icon.transfer,
.transaction-row > b.transfer-value,
.transfer-report-list b {
  color: var(--blue);
}

/* O valor do resumo do relatório tinha uma regra própria no bundle principal
   que ainda o mantinha roxo. Este seletor é carregado depois e aplica o azul
   também ao número, não somente ao ícone. */
.metric-card.transfer strong {
  color: var(--blue);
}

.metric-card.transfer > span,
.movement-icon.transfer {
  background: var(--blue-soft);
}

.transfer-value-parts {
  align-items: baseline;
  display: inline-flex;
  gap: 0.22em;
}

.transfer-value-parts .transfer-sign.negative {
  color: var(--expense);
}

.transfer-value-parts .transfer-sign.positive {
  color: var(--income);
}

.transfer-value-parts .transfer-amount {
  color: var(--blue);
}