Grid Layout

Definition / Formula

The Konsole grid is a fixed-width CSS grid. Column widths come from the column table and are applied as a single grid template.

row 1   filter labels      SYMBOL, MIN, BANK HOLIDAY
row 2   filter inputs      text boxes and the two LED strips
row 3   column headers     sortable and filterable headers
row 4+  data rows          one row per instrument

Rows 1 to 3 are frozen. Pinned rows, when enabled, render between the header and the scrolling body.

UI Breakdown

Header cells are 36 px tall; data rows are 52 px. Cells carry 16 px of horizontal padding and a 2 px separator.

Value Ranges

See	Value Band	Status	Visual Appearance
	Title bar	Mode, scan control, egress state, panels	Mode switch, Start, LED, Memo, PIN
	Header block	Filter labels, filter inputs, column headers	Three frozen rows
	Data rows	One instrument per row	52 px rows

Summary: The grid renders one instrument per row across eighteen fixed columns under three frozen header rows.