/* Reusable card surface for the Budget tab. Mirrors proposal-card.css spacing. */

.budget-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  padding: var(--sp-md);
  display: flex;
  flex-direction: column;
  gap: var(--sp-sm);
}

.budget-card-title {
  font-size: .78rem;
  font-weight: 700;
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .08em;
}

.budget-card-note {
  font-size: .8rem;
  color: var(--t2);
  line-height: 1.4;
}

.budget-card a {
  color: var(--accent);
}

/* Hover/tap polish for interactive cards (cap-card etc. that contain a
   drill-down button). The card itself isn't clickable, so we only lift
   it slightly when the pointer is over the row to signal the affordance. */
.budget-card.cap-card {
  transition: border-color var(--dur) var(--ease), transform var(--dur) var(--ease);
}

@media (hover: hover) {
  .budget-card.cap-card:hover {
    border-color: var(--accent);
  }
}

.budget-card.cap-card:active {
  transform: scale(0.997);
}