/* budgets screen — wave-3 UI scoped styles. Owner: the budgets agent.
   The summary tiles + burn table reuse shared primitives (.grid, .stat, .data,
   .progress); these rules only dress the create/edit/delete affordances added
   for audit finding B1. */

/* Right-aligned per-line actions cell (Edit + Delete), mirroring setup.css's
   col-action so the buttons hug the row's right edge and never wrap mid-label. */
.data th.col-actions,
.data td.col-actions { width: 1%; white-space: nowrap; text-align: right; }
.budget-actions { display: inline-flex; gap: 8px; justify-content: flex-end; }

/* Info line under the table explaining which lines are inline-editable. */
.budget-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 12px 2px 0;
  color: var(--muted);
  font-size: var(--fs-sm);
  line-height: 1.4;
}
.budget-note .ic { flex: 0 0 auto; margin-top: 1px; opacity: .8; }

/* Hint paragraph inside the Add / Edit modals (same shape as .budget-note). */
.budget-hint {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0 0 14px;
  line-height: 1.4;
}
.budget-hint .ic { flex: 0 0 auto; margin-top: 2px; opacity: .8; }

@media (max-width: 640px) {
  .budget-actions { flex-wrap: wrap; }
}