Modal

ModalHandler · #modal-backdrop · handlers/modal/modal.css

Centered card with blurred backdrop. Top accent ribbon: green for Information / Destructive, yellow for Confirm — variant signal moves to the stamp + label below. Stamp icon (cyan i / yellow ? / ink !), mono-uppercase stamp label (INFORMATION / CONFIRM / CONFIRM), Space Grotesk 22 title, body, and a full-bottom action row (single button = full-width; paired buttons = equal 50/50 split) so the layout anchors horizontally instead of trailing into an empty bottom-right corner. Three callable shapes: info (single Done), confirm (cancel + green save), destructive confirm (cancel + black-stamp danger). Dismissal goes through the explicit action button — there's no separate close X.

Info — green ribbon, single Done

Confirm — yellow ribbon, amber label

Destructive — green ribbon, ink stamp (.danger)

Inspection modal

<lab-inspection-modal> · js/components/inspection-modal/

Post-measurement review modal. Green 4 px top stripe, ink-stamped i + REVIEW stamp label + Space Grotesk title + description + Continue (primary, full-width) and Restart Procedure (secondary, full-width). Focus-trapped; Escape resolves as Continue. Buttons share an identical width so the row never reflows when labels change.