# KDS — Settings

KDS parametrlər ekranı, `KDS-Settings-Page-Spec.md`-dən birə-bir — **mövcud komponentlərdən** yığılır,
**Inter** tipoqrafiya (yalnız select dəyəri **Mazzard** Regular 400), yalnız **DS tokenləri**.

## Karkas
- Ekran **1024 × 1411**, navy fon (`#10243C`).
- **Header intro** 1024×64, bg `#23364C` — geri ox (64×64) + "Settings" (Inter 20·600).
- **Container** 1024, bg `#10243C`, gap 16, padding 16·0 — 5 bölmə.

## Bölmə / sahə
- Bölmə: bg `#23364C`, gap 20, padding 20·24 — başlıq (Inter 18·600) + sıralar (gap 24).
- Sıra: 2 sahə × 474, gap 28. Sahə: label (Inter 13·500) + control, gap 12.

## Control-lar (komponentlər)
- **Filled input** 474×49 · bg `#23364C` · border 2px `#3C4F65` · Inter 14·400 ağ.
- **Disabled input** 474×49 · bg `#3C4F65` · `#8A95A3` mətn · not-allowed.
- **Select** 474×48 · bg `#23364C` · border 2px `#3C4F65` · dəyər **Mazzard 14·400** ağ (placeholder `#8A95A3`) · chevron-down 20 sağda · search ikonu silinib.
- **Clear button** 474×48 · bg `#FF4747` (qırmızı) · × ikon + "Clear" (Inter 16·500 ağ) · sağ dairə silinib.

## Kompozisiya (5 bölmə)
General (filled + 3 select) · Order management (4 select) · Display (2 select) ·
Network & API (4 disabled) · Actions (2 select + Clear button). Cəmi: 1 filled · 4 disabled · 11 select · 1 button.

## Qeyd
Rənglər KDS scale tokenlərinə bağlıdır (text-500=navy · text-400=#23364C · text-300=#3C4F65 ·
text-200=#8A95A3 · red-500 · white-500), `data-theme="light"` scope-da. Select default ağ idi — UI kit
tələbi ilə input rənginə (`#23364C`) çevrilib.