# POS — Checkout

The payment screen for an order. 1024×768 fixed frame, 1:1 from `Checkout-spec.md` (CloposDS).

## Anatomy

- **TopBar** (1024×44, navy `#35325E`) — back tile · clock · "New order" pill · menu · dev test · bell · wifi.
- **Left panel** (360×724) — two modes:
  - **Default** — CustomerCard + product checklist + totals (subtotal/discount/tax/total).
  - **Seat** — CustomerCard + seat cards (collapsed / selected / merged); split payment across seats.
- **Right payment card** (664×724) — PriceAmountHeader · numpad (input + 4×3 calc grid) · method list
  (8/page, paginated) · quick actions (Print receipt · Send to Fiscal toggles + Pavo select) · button area
  (Close without payment · Pay and stay · Pay and close).
- **Modals** — Tax register (500×666) · Confirm close (380). **Toast** — success/error/info, bottom-right.

## Reused design-system atoms

- **Checkbox** atom (seat cards) · **Switch/Toggle** (quick-action toggles, 40×16 variant) ·
  chip pills (Partial/Paid) follow the **Tag/Badge** pattern · modal search uses the **Input** field.

## Status

`draft` — `variants/a-checkout.html` reproduces the **Default** left-mode screen pixel-perfect. Seat
mode, modals, toast and full numpad behaviour are specced for the interactive build.