# KDS — Settings (segmented · live order-card)

Redesigned KDS Settings with a **segment control** (General · Order card) and a **live order-card preview**. Dark theme, Inter, max-width follows the screen. Pink Main `#7C93FF` is the input/select hover & focus accent.

## Views
- **General** — 5 form sections (General · Order management · Display · Network & API · Actions). Rounded `#23364C` panels with side spacing; text/disabled inputs · select dropdowns (black `#0a1726` menu) · red Clear button.
- **Order card** — a **control form block** (left) beside a **live preview block** (right), same `#23364C` bg, equal height. Every control applies to the card **instantly**.

## Order card (preview)
Header (transparent on the block): `Çek №423561` + **guest count** (`1x` + user-outline icon, right) · `№12` order number + **order-type badge** (Məkanda, right). Panel: blue `#3F8DFD` **Mətbəx** station → white body → product (`1x Göbələkli pizza` · time · play) → modifier groups (`Ölçü seçimi` / `Sous seçimi`) → **`Tərkibdən çıxar`** (red exclusions) → dark **HAMISINI QƏBUL ET**.

## Controls (8 selects)
Text size · Card size (incl. Compact) · Receipt ID size · Order number size (Don't show / S–XL) · Guest count (**Show / Don't show**) · Order type badge (Show / Only icon / Hide) · Modifier layout (New line / Same line) · Quantity (when 1) (Show / Hide). Card size → `zoom`; text size → `--tscale`; sizes/visibility via `--rcpt/--ord` & `no-*`/`*-icon`/`*-none` classes.

## Variants (differ only by segment placement)
- **a — segment below header**: full-width bar under the header — borderless, track = header colour `#23364C`, **selected = darker** `#10243C`.
- **b — segment in header**: segment control inside the header bar (right side).

## Responsive
≤980px → all selects collapse to a single-column list (preview stays beside). ≤768px → preview block stacks above the controls; header tightens.