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. The lime fill is
#E1FFAD — token --grid-active.Spec
Row height45px (default), 24px (dense cell mode)
HeaderF5F5F5 background, Manrope Bold 14
Cell border1px hairline #E0E0E0
Active cell2px solid #148CC7, fill #E1FFAD
Selected rowAceve green left rule, 2px
Number columnsright-aligned, Cascadia Code 13 tabular