/* VALENZO POS v522 — satış ekranlarında her bölüm için çok ince çerçeve.
   Kullanıcı (19.10.2026): "satış kısmının her bölümü için çok ince bir çerçeve olsun (hızlı satış, masalar, paket, radar, kapanan
   adisyon) — yayınlamadan önce bana göster". İki önizleme gösterildi; seçim: B (her bölüm ayrı çerçeve) + "bu kadar ince ve açık".
   Örnek alınan: Paket ekranındaki paneller (1 px açık gri, yuvarlak köşe). Yalnız çerçeve, aralık ve zemin; sütun genişliği, yazı ve
   düğme ölçüleri (Ekran Boyutları) aynı. Telefon modu (ph349) dışarıda. */
html { --fr522: #DCE4EA; --fr522-out: #EEF2F5; --fr522-panel: #FFFFFF; }
html[data-valenzo-theme="dark"] { --fr522: rgba(226, 244, 242, .14); --fr522-out: #070B0D; --fr522-panel: #0F171A; }

/* Hızlı Satış ve masa içi satış: kategoriler · ürünler · adisyon */
html:root:not(#fr522a):not(#fr522b):not(#fr522c):not(#fr522d):not(#fr522e):not(#fr522f):not(#fr522g):not(#fr522h):not(#fr522i):not(#fr522j):not(#fr522k) body.pos-active .pos-v247-sales main.resto-layout { box-sizing: border-box !important; gap: 10px !important; padding: 10px !important; background: var(--fr522-out) !important; }
html:root:not(#fr522a):not(#fr522b):not(#fr522c):not(#fr522d):not(#fr522e):not(#fr522f):not(#fr522g):not(#fr522h):not(#fr522i):not(#fr522j):not(#fr522k) body.pos-active .pos-v247-sales main.resto-layout > :is(aside.resto-cats), html:root:not(#fr522a):not(#fr522b):not(#fr522c):not(#fr522d):not(#fr522e):not(#fr522f):not(#fr522g):not(#fr522h):not(#fr522i):not(#fr522j):not(#fr522k) body.pos-active .pos-v247-sales main.resto-layout > :is(section.fast-product-area), html:root:not(#fr522a):not(#fr522b):not(#fr522c):not(#fr522d):not(#fr522e):not(#fr522f):not(#fr522g):not(#fr522h):not(#fr522i):not(#fr522j):not(#fr522k) body.pos-active .pos-v247-sales main.resto-layout > :is(aside.resto-cart) { border: 1px solid var(--fr522) !important; border-radius: 16px !important; overflow: hidden !important; }

/* Masa Satışı ve Servis Radarı: bölüm şeridi · masa alanı · radar */
html:root:not(#fr522a):not(#fr522b):not(#fr522c):not(#fr522d):not(#fr522e):not(#fr522f):not(#fr522g):not(#fr522h):not(#fr522i):not(#fr522j):not(#fr522k) body.pos-active main.tv173-main { background: var(--fr522-out) !important; }
html:root:not(#fr522a):not(#fr522b):not(#fr522c):not(#fr522d):not(#fr522e):not(#fr522f):not(#fr522g):not(#fr522h):not(#fr522i):not(#fr522j):not(#fr522k) body.pos-active main.tv173-main > section.tv173-zonebar { margin: 10px 10px 0 !important; border: 1px solid var(--fr522) !important; border-radius: 16px !important; }
html:root:not(#fr522a):not(#fr522b):not(#fr522c):not(#fr522d):not(#fr522e):not(#fr522f):not(#fr522g):not(#fr522h):not(#fr522i):not(#fr522j):not(#fr522k) body.pos-active main.tv173-main > div.tv173-content { padding: 10px !important; background: transparent !important; }
html:root:not(#fr522a):not(#fr522b):not(#fr522c):not(#fr522d):not(#fr522e):not(#fr522f):not(#fr522g):not(#fr522h):not(#fr522i):not(#fr522j):not(#fr522k) body.pos-active main.tv173-main > div.tv173-content > :is(section.tv173-board), html:root:not(#fr522a):not(#fr522b):not(#fr522c):not(#fr522d):not(#fr522e):not(#fr522f):not(#fr522g):not(#fr522h):not(#fr522i):not(#fr522j):not(#fr522k) body.pos-active main.tv173-main > div.tv173-content > :is(aside.tv172-radar) { box-sizing: border-box !important; border: 1px solid var(--fr522) !important; border-radius: 16px !important; padding: 12px !important; background: var(--fr522-panel) !important; }

/* Paket: paneller zaten bu çerçevede — renk eşitlenir */
html:root:not(#fr522a):not(#fr522b):not(#fr522c):not(#fr522d):not(#fr522e):not(#fr522f):not(#fr522g):not(#fr522h):not(#fr522i):not(#fr522j):not(#fr522k) body.pos-active .paket-possify :is(.pk253-platforms), html:root:not(#fr522a):not(#fr522b):not(#fr522c):not(#fr522d):not(#fr522e):not(#fr522f):not(#fr522g):not(#fr522h):not(#fr522i):not(#fr522j):not(#fr522k) body.pos-active .paket-possify :is(.pk253-list-pane), html:root:not(#fr522a):not(#fr522b):not(#fr522c):not(#fr522d):not(#fr522e):not(#fr522f):not(#fr522g):not(#fr522h):not(#fr522i):not(#fr522j):not(#fr522k) body.pos-active .paket-possify :is(.pk253-detail-main) { border-color: var(--fr522) !important; }

/* Kapanan Adisyonlar: başlık · süzgeç (liste kutuları zaten çerçeveli) */
html:root:not(#fr522a):not(#fr522b):not(#fr522c):not(#fr522d):not(#fr522e):not(#fr522f):not(#fr522g):not(#fr522h):not(#fr522i):not(#fr522j):not(#fr522k) body.pos-active section.pos-v223-readonly > :is(.pos-v223-readonly-head), html:root:not(#fr522a):not(#fr522b):not(#fr522c):not(#fr522d):not(#fr522e):not(#fr522f):not(#fr522g):not(#fr522h):not(#fr522i):not(#fr522j):not(#fr522k) body.pos-active section.pos-v223-readonly > :is(.pos-v251-toolbar) { box-sizing: border-box !important; border: 1px solid var(--fr522) !important; border-radius: 16px !important; background: var(--fr522-panel) !important; padding-inline: 12px !important; }