/* Slice 12: budget versus actual, the capex subscription, the days-saved dashboard. */
@layer components {
  .pill--read_only, .pill--over_budget { background: var(--color-danger-bg); color: var(--color-danger); }
  .pill--vacant { background: var(--color-warning-bg); color: var(--color-warning); }
  .budget--over td:first-child { color: var(--color-danger); font-weight: 600; }
  .budget tfoot th { color: inherit; }
  .days-saved .stats { grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); }
  .days-saved__headline { font-size: 1.5rem; color: var(--color-success); }
  .days-saved__headline--behind { color: var(--color-danger); }
}