# POS Terminal — Receipt Checklist

**1:1 from `receipt-checklist-spec.md`** — two parts in a **420px** card: line-item list + totals block.
Font **Inter** · radii card **10** / qty badge **6** · ₼ Manat glyph.

## Container
w **420** · white · `1px solid --grey-300` · r10 · pad **8×16**. Row dividers = `height:0; border-bottom:1px dashed --grey-300` (totals separator adds `margin 6px 0`).

## Line item (row) — `flex · align flex-start · gap10 · pad 10×0`
- **Qty badge** — min-w28 h28 r6 · `--grey-100` bg · 1px `--grey-300` · centered pad 0 4 · 500/14 `--text-500`.
- **Name col** (`flex1 · gap2`) — name 500/14 `--text-500` lh1.35 · promo (discount/gift) 400/13 `--text-secondary` · tax row 400/13 `--text-secondary` "Tax 99% - 9.9999" + ₼ (10px).
- **Price cols** (`gap16`) — unit then total, each `flex-end gap2`: current 500/14 `--text-500` right · old (discount/gift) 400/13 `--text-placeholder` **line-through**.
- Variants: default `9,999.99`/`9,999.99` · discount `12.00 ~~20.00~~`/`24.00 ~~40.00~~` + promo · gift `0.00 ~~20.00~~`/`0.00 ~~40.00~~` "Free product".

## Totals block — `pad 12×0`, each row `baseline · space-between · gap8 · pad 4×0`
- Standard (Subtotal / Discount / Tax / Service charge / Delivery fee): label 400/14 `--text-500` · value group (`baseline gap2`) amount 400/14 + ₼ 12px; Service charge adds `(0%)` 400/13 `--text-secondary` before ₼.
- Divider dashed `--grey-300` `margin 6×0`.
- **Total row** — label "Total:" + amount 500/20 `--primary-500` (`-0.01em`) · ₼ 14px `--primary-500`.

## Tokens
card/divider border `--grey-300` · qty bg `--grey-100` · name/price/qty/totals `--text-500` · tax/promo/(0%) `--text-secondary` · old price `--text-placeholder` · Total `--primary-500`. Qty badge radius 6px (literal, 8-family).

## Notes
- Old prices use real `line-through` (not a drawn line); only on discount & gift rows.
- List and totals are separate cards (same 420 container); a real receipt stacks list → totals. Static (no hover/interaction).