# POS — Receipt / Seat screen

**1:1 from `Receipt-Seat-spec.md`** — terminal Seat (receipt) screen. Frame **1024×768** (scaled to viewport, inner px fixed). Font **Inter** everywhere. Visible state: **Seat tab active · category grid (Home)**.

## Frame
`SIDEBAR_W 44 · NAV_H 44 · PANEL_W 400 · PRODUCTS_X 444`. Sidebar 0/0/44/768 · Top bar 44/0/980/44 · Receipt 44/44/400/724 · Products 444/44/580/724.

## Colour tokens
navy `secondary-300` rgb(88,86,122) · navy2 `secondary-500` rgb(53,50,94) · navy3 `secondary-700` rgb(44,41,77) · green `success-400` rgb(0,197,106) · blue `primary-500` rgb(38,132,255) · ink `text-600` rgb(3,3,3) · dim `text-secondary` rgb(102,102,102) · border `grey-300` rgb(229,229,234) · seat-sel-bg `primary-50` rgb(223,239,255). Literals: page `#F8FAFB` · products-bg `#EFEFEF` · seat-bg `#F2F4F5` · seat-sel-tx `#184778` · seat-tx `#242240` · side-icon `#A0A0B4`.

## Sidebar (44×768)
Back plate (navy2, IcoBack) · scroll mid: top group (User/Discount/Chat/Dining/Receipt/CallSplit/SaleTag, dividers from 2nd) → spacer → bottom group (Cash/Sync/Lock/Print, all divided) · fixed dots (top divider). SideBtn 44×44, icon 20, passive `#A0A0B4`.

## Top bar (980×44)
- **Left "Masa 10"** (400, navy): edit square (navy3) · "Masa 10" 16/500 · "22:12" 13 · right block (#3933 10 / 001 13/500 + dropdown square).
- **Right StatePOS** (580, navy2, end-aligned): NavSquare clock · green pill "New order" (h36, IcoPlus) · NavSquare menu · divider · "dev test" (IcoExit) · divider · NavSquare bell · divider · NavSquare wifi (green).

## Receipt panel (400×724)
Header tabs (h59): Product/Seat/User — 120×35 r4, selected navy/#fff, passive #fff/navy + shadow. **Seat active.**
SeatList (flex): Shared (Table) header + items, then each Seat header + items.
- SeatHeader h36, 13/700: passive bg `#F2F4F5` + top/bottom borders; **selected** bg `#DFEFFF` + 3px left border `#184778` + tint text. (Seat 1 passive, **Seat 2 selected**.)
- ProductRow min-h42, dashed divider (not last): qty chip (32×22 r4) · name (ellipsis) · unit (w50) · total (w50); optional note (11/dim).
SeatStrip h52 — only Seat tab **with no selection** (here a seat is selected → hidden): ghost [+] · chair (Shared) · seat chips.
TotalsBar: "Cəm:" 13 / amount; "Yekun:" 16/700 `#184778` / amount — **238.97 ₼**.
FooterActions: **Göndər** (blue, badge 2) · **Hesabı bağla** (green, IcoDoneAll). Muted grey when no products.

## Products (580×724)
CategoryBar h60: Home puzzle tab (white puzzle path + IcoHome) · right cluster (search · "Porsiya" pill · settings · paused · table-list — RoundIcon 35×35 #fff r4 shadow).
CategoryGrid (Home): 3×184 cards (60h) — Əsas yeməklər 40 · Salatlar 8 · İçkilər 18 · Lunch menular 2 · Dessertlər 10 · Səhər yeməyi setləri 3 (each its colour). Click → ProductGrid (184×100 cards, price chip navy2 r0/4/0/4).

## Interactions
Tab switch (Product/Seat/User) · seat header / strip-chip selection · category card → product grid · Home tab → back to categories. All `<button>`. `.pos` scaled to fit; inner px fixed.