/* Debt Payoff Calculator — page-specific styling on top of shared components. */

.payoff-order-row {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-2) 0;
  border-bottom: 1px solid var(--color-border);
  font-size: var(--text-sm);
}
.payoff-order-row:last-child { border-bottom: none; }
.payoff-order-row .rank {
  width: 22px; height: 22px; border-radius: 50%; background: var(--color-brand); color: var(--color-bg);
  display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; flex-shrink: 0;
}
.payoff-order-row .name { font-weight: 600; color: var(--color-text); flex: 1; }
.payoff-order-row .when { color: var(--color-text-subtle); font-size: var(--text-xs); }