/* Ahead topics (wave V2 owner: analysis): Tax-free room and At this pace.
   The pages reuse the Analysis cards and lists (insights.css); this file
   lays out the inline editors (monthly spending, goals) and the goal rows.
   Fields follow the foundation's .ui-field; actions are its capsules.
   Tokens only; no glass. */

.ah-form { position: relative; display: block; padding-bottom: var(--cell-pad-y); }
.ah-field-row { display: flex; align-items: center; gap: var(--radius-sm); min-height: var(--row-min); }
.ah-field-label { flex: 1 1 auto; min-width: 0; }
.ah-field { flex: none; width: calc(var(--tap-min) * 3.4); min-width: 0; }
.ah-field .ui-field-input { width: 100%; text-align: right; font-variant-numeric: tabular-nums; }
.ah-actions { display: flex; align-items: center; justify-content: flex-end; gap: var(--radius-sm); flex-wrap: wrap; }
.ah-actions .ui-btn-text { min-height: var(--tap-min); }
.ah-err {
  margin: 0 var(--margin) var(--radius-sm);
  font: var(--t-footnote); letter-spacing: var(--tr-footnote); color: var(--neg);
}
.ah-err[hidden] { display: none; }

.ah-goal { align-items: center; }
.ah-goal .ui-cell-sec { white-space: normal; }
.ah-goal-amt { color: var(--label-2); font-variant-numeric: tabular-nums; }
.ah-goal-del { flex: none; margin-right: calc(var(--radius-xs) * -1); color: var(--label-2); }

/* At this pace: the "keep going / stop investing" scenario and, when
   stopped, when the deposits stop (two foundation segmented controls). */
.ah-scenario { display: flex; flex-direction: column; gap: var(--radius-sm); padding: var(--cell-pad-y) var(--margin) 0; }