.bars-axis{display:flex; justify-content:space-between; gap:var(--sp3); margin-top:7px; font-size:.68rem; color:var(--muted)}

/* Horizontal proportion bar — expense categories */
.meter{background:var(--cream-2); border-radius:99px; height:9px; min-width:60px; overflow:hidden}
.meter span{
  display:block; height:100%; border-radius:99px;
  background:linear-gradient(90deg, var(--rose-light) 0%, var(--rose) 100%);
}

/* Profit-and-loss waterfall */
.pl{display:flex; flex-direction:column; gap:2px}
.pl-row{
  display:flex; justify-content:space-between; align-items:baseline; gap:var(--sp4);
  padding:10px 2px; font-size:.9rem;
}
.pl-row .v{font-weight:700; font-variant-numeric:tabular-nums; direction:ltr; white-space:nowrap}
.pl-row.minus .v{color:var(--danger)}
.pl-row.sub{border-top:1px solid var(--line); font-weight:600}
.pl-row.total{
  border-top:2px solid var(--navy); margin-top:4px; padding-top:13px;
  font-size:1rem; font-weight:800; color:var(--navy);
}
.pl-row.total.bad{border-top-color:var(--danger); color:var(--danger)}
.pl-row .lbl-sub{display:block; font-size:.72rem; font-weight:400; color:var(--muted); margin-top:2px}