Components
Data grid.
The centerpiece of every estimate screen. Built for keyboard-first editing — click any cell to focus, the active cell gets a 2px info-blue border and a lime fill.
Click any cell, then use the arrow keys. The lime fill is token
--grid-active (#E1FFAE).Spec
Row height45px (default), 24px (dense cell mode)
Headervar(--surface-2) background, Manrope Bold 14
Cell border1px var(--line)
Active cell2px solid var(--info), fill var(--grid-active)
Selected rowAceve green left rule, 2px
Number columnsright-aligned, Cascadia Code 13 tabular