# KDS — Main page (Sifariş lövhəsi)

KDS əsas ekranı, spec-dən (`KDS-Main-Page-Spec.md`) qurulub — **mövcud komponentlərdən** yığılır,
**Mazzard** tipoqrafiya, yalnız **DS tokenləri**.

## Karkas
- Ekran **1440×1024**, bg `#10243C` (navy), `overflow:hidden`.
- Header **1440×64**, bg `#23364C` — Button (`btn--grad`) + Badge (`badge-count`) komponentləri,
  tablar, saat, filter/wifi ikonları, Stop list (Inter Bold).
- Board **1424×892** (left 16, top 88) — **yalnız üfüqi scroll** (`overflow-x:auto`,
  `overflow-y:hidden`; aşağı daşan kartlar kəsilir).

## Sütun / kart
- Sütun **272** geniş, `flex-column gap 16`.
- Hər sifariş: **çek başlığı** (Çek № + yer + sifariş növü badge) → **kart** (stansiya başlığı brown
  · ops. comment · məhsullar · II KURS · footer). Sifarişlər arası **dashed** ayırıcı.
- Sifariş növü badge: Məkanda `#718096` · Bolt Food `#00C9BD` · Uber Eats `#F1F4F8`.
- Footer: HAMISINI QƏBUL ET (slate) · HAZIRDIR (green + vaxt qutusu) · gecikmə (qırmızı vaxt qutusu).
- İmtina məhsulu (qırmızı qutu + X), II KURS bandı (`#EDF2F7`), play slot (`#3C4F65`).

## Komponent reuse
`buttons.css` (`.btn--34 .btn--grad`, footer button patterns) · `badges.css` (`.badge-count`) ·
`tokens.css` · `mazzard.css`. İkonlar (clipboard/filter/wifi/scooter/dinner-table/play/x) komponentlərdən.

## Qeyd
Board JS ilə data-dan yığılır (5 sütunun kompozisiyası spec §6-ya uyğun). Real Mazzard woff2
yüklənir; rənglər/ölçülər UI kit tokenlərindən.