Tappable → metric drilldown. Delta: default up=green / down=red; invertColors flips it for lower-is-better metrics (Unsubscribes ↓ reads green). Value 24px semibold, shrink-to-fit. TILE fill = the page-background token (darker than the gray-07 section strip); 1px gray-06 border, r5, padding top 12 / bottom 16 / sides 16. Delta row: 8px arrow inside a 12px box (green-01 up / red-01 down / gray flat; invertColors swaps) — delta TEXT is ALWAYS 12px medium gray-02. Flat/zero delta = gray-02. Info icon = SOLID circle-info, ALWAYS present. Subtitle variant ("of 11 Appts", mediumLabel gray-02) renders in place of the delta row. Null fallbacks: value null → "-", delta null → "-".
SECTION CARD — the dashboard card the tiles live in (exact Flutter geometry)
Appt. Funnel
chart area — gray-07-filled body over the page bg (see comp-charts-analytics)
SECTION CARD grammar: 1px gray-06 border, r5, gray-07 fill THROUGHOUT (header strip, body, footer bar — FIDELITY-3). HEADER STRIP = gray-07 fill holding (a) the title row — padding 8px horizontal / 4px vertical, title 13px BOLD gray-00 with the info icon (10px in a 24px box) immediately RIGHT of the title, optional blue text-button top-right; and (b) the TILES ROW on the same strip — 8px gaps, padding left/right/bottom 8, NO top padding, equal-width tiles whose fill is the DARKER page-bg token.