/* v485 — Masa ekranı düzeni: "Yan Menülü" (kullanıcı görseli, 15.10.2026: "masa sistemi 2 seçenek olsun, müşteri hangisini
   isterse onu seçsin"). Ayarlar › Görünüm › Masa Ekranı Düzeni → prefsV286.tableLayout = 'side' → html[data-tl485="side"].
   Klasik düzen (üst menü + Servis Radarı) hiç değişmez: buradaki her kural html[data-tl485="side"] altında.
   Yapı aynı DOM'dur (aside.pos-v220-rail + section.pos-v220-stage); yalnız yerleşim: menü sola, logo üstte, hesap altta,
   saat ve pencere düğmeleri sağ üstte, masa bölümleri üst satırda, masalar tam genişlikte (Servis Radarı paneli gizli —
   menüde ayrı sayfası var), kartta "Masa 1" büyük + durum sağ üstte.
   Öncelik: eski temaların !important + :not(#v472) / v419-v466 (3-4 kimlik) kurallarını geçmek için kök seçicide altı :not(#…). */

html[data-tl485="side"] {
  --tl-rail-w: clamp(176px, calc(var(--vz-vw, 100vw) * 0.15), 232px);
  --tl-top-h: 64px;
  --tl-gap: 12px;
  --tl-rail-bg: #FFFFFF;
  --tl-rail-line: #E3E8EE;
  --tl-item-bg: #FFFFFF;
  --tl-item-line: #DCE3EA;
  --tl-item-fg: #0F172A;
  --tl-item-muted: #475569;
  --tl-active-bg: #E3F7F5;
  --tl-active-line: #9ADBD4;
  --tl-accent: #14B8A6;
  --tl-stage-bg: #F5F7FA;
  --tl-card-bg: #FFFFFF;
  --tl-card-line: #D5DCE4;
  --tl-card-fg: #0F172A;
  --tl-ok: #16A34A;
  --tl-chip-bg: #FFFFFF;
}
/* koyu tema: menü ve çalışma alanı koyu */
html[data-tl485="side"][data-valenzo-theme="dark"] {
  --tl-rail-bg: #0E1822;
  --tl-rail-line: #1E2C39;
  --tl-item-bg: #132230;
  --tl-item-line: #22333F;
  --tl-item-fg: #E8F1F5;
  --tl-item-muted: #9FB0BF;
  --tl-active-bg: rgb(20 184 166 / .18);
  --tl-active-line: #14B8A6;
  --tl-stage-bg: #0A131B;
  --tl-card-bg: #13202B;
  --tl-card-line: #2A3B48;
  --tl-card-fg: #EAF2F6;
  --tl-ok: #34D399;
  --tl-chip-bg: #132230;
}
/* hibrit: menü açık, çalışma alanı koyu */
html[data-tl485="side"][data-valenzo-theme="dark"][data-valenzo-pos-variant="hybrid"] {
  --tl-rail-bg: #FFFFFF;
  --tl-rail-line: #E3E8EE;
  --tl-item-bg: #FFFFFF;
  --tl-item-line: #DCE3EA;
  --tl-item-fg: #0F172A;
  --tl-item-muted: #475569;
  --tl-active-bg: #E3F7F5;
  --tl-active-line: #9ADBD4;
  --tl-chip-bg: #FFFFFF;
}

/* ---------- iskelet: menü solda, sahne sağda ---------- */
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell {
  display: grid !important;
  grid-template-columns: var(--tl-rail-w) minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 0 !important;
  background: var(--tl-stage-bg) !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell > aside.pos-v220-rail {
  grid-column: 1 !important; grid-row: 1 !important;
  display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important;
  gap: var(--tl-gap) !important;
  width: auto !important; min-width: 0 !important; height: 100% !important; min-height: 0 !important; max-height: none !important;
  padding: 18px 12px 14px !important; margin: 0 !important;
  background: var(--tl-rail-bg) !important; border: 0 !important; border-right: 1px solid var(--tl-rail-line) !important;
  border-radius: 0 !important; box-shadow: none !important; overflow-y: auto !important; overflow-x: hidden !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell > section.pos-v220-stage {
  grid-column: 2 !important; grid-row: 1 !important; min-width: 0 !important; min-height: 0 !important;
  background: var(--tl-stage-bg) !important;
}

/* logo üstte, işletme adı ve "Hibrit" göstergesi gizli */
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail .pos-v220-brand {
  display: flex !important; justify-content: center !important; align-items: center !important;
  width: 100% !important; min-height: 64px !important; padding: 0 0 6px !important; margin: 0 !important; background: none !important; border: 0 !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail .pos-v220-brand-copy,
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail .pos-v220-mode-indicator { display: none !important; }
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail .pos-v220-brand-mark {
  display: inline-flex !important; width: 56px !important; height: 56px !important; background: none !important; border: 0 !important; box-shadow: none !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail .pos-v220-brand-mark img { width: 100% !important; height: 100% !important; object-fit: contain !important; }

/* menü: alt alta büyük düğmeler */
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail nav.pos-v220-nav {
  display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 12px !important;
  width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: none !important; border: 0 !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail nav.pos-v220-nav > .pos-v220-nav-item {
  position: relative !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 14px !important;
  width: 100% !important; min-width: 0 !important; height: clamp(64px, calc(var(--vz-vh, 100vh) * 0.095), 92px) !important; min-height: 64px !important; max-height: none !important;
  padding: 0 14px 0 18px !important; margin: 0 !important; flex: 0 0 auto !important;
  border-radius: 14px !important; border: 1px solid var(--tl-item-line) !important; background: var(--tl-item-bg) !important;
  color: var(--tl-item-fg) !important; box-shadow: 0 1px 2px rgb(15 23 42 / .05) !important; text-align: left !important; overflow: hidden !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail nav.pos-v220-nav > .pos-v220-nav-item:hover { border-color: var(--tl-active-line) !important; }
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail nav.pos-v220-nav > .pos-v220-nav-item:is(.active, .is-active, [aria-current="page"], [aria-pressed="true"]),
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell[data-pos-v220-view="hybrid"] aside.pos-v220-rail nav.pos-v220-nav > [data-pos-v220-target="tables"] {
  background: var(--tl-active-bg) !important; border-color: var(--tl-active-line) !important; color: var(--tl-item-fg) !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail nav.pos-v220-nav > .pos-v220-nav-item:is(.active, .is-active, [aria-current="page"], [aria-pressed="true"])::before,
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell[data-pos-v220-view="hybrid"] aside.pos-v220-rail nav.pos-v220-nav > [data-pos-v220-target="tables"]::before {
  content: '' !important; position: absolute !important; left: 0 !important; top: 10px !important; bottom: 10px !important; width: 5px !important; border-radius: 0 4px 4px 0 !important; background: var(--tl-accent) !important; display: block !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail nav.pos-v220-nav > .pos-v220-nav-item *:not(.pos-v220-nav-badge):not(.pos-v220-nav-badge *),
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell[data-pos-v220-view="hybrid"] aside.pos-v220-rail nav.pos-v220-nav > [data-pos-v220-target="tables"] *:not(.pos-v220-nav-badge):not(.pos-v220-nav-badge *) { color: inherit !important; -webkit-text-fill-color: currentColor !important; }
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail nav.pos-v220-nav > .pos-v220-nav-item .pos-v220-nav-icon {
  display: inline-flex !important; flex: 0 0 auto !important; width: 34px !important; height: 34px !important; align-items: center !important; justify-content: center !important;
  background: none !important; border: 0 !important; color: var(--tl-item-fg) !important; margin: 0 !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail nav.pos-v220-nav > .pos-v220-nav-item .pos-v220-nav-icon svg { width: 28px !important; height: 28px !important; stroke-width: 1.9 !important; color: inherit !important; stroke: currentColor !important; }
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail nav.pos-v220-nav > .pos-v220-nav-item:not(:first-child) .pos-v220-nav-icon,
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail nav.pos-v220-nav > .pos-v220-nav-item .pos-v220-nav-copy,
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail nav.pos-v220-nav > .pos-v220-nav-item .pos-v220-nav-copy b { color: var(--tl-item-fg) !important; -webkit-text-fill-color: var(--tl-item-fg) !important; }
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail nav.pos-v220-nav > .pos-v220-nav-item:first-child .pos-v220-nav-icon { color: var(--tl-accent) !important; }
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail nav.pos-v220-nav > .pos-v220-nav-item .pos-v220-nav-copy {
  display: flex !important; flex-direction: column !important; min-width: 0 !important; align-items: flex-start !important; text-align: left !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail nav.pos-v220-nav > .pos-v220-nav-item .pos-v220-nav-copy b {
  font-size: clamp(14px, calc(var(--vz-vw, 100vw) * 0.0115), 17px) !important; font-weight: 700 !important; line-height: 1.2 !important; color: var(--tl-item-fg) !important; white-space: normal !important; overflow-wrap: anywhere !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail nav.pos-v220-nav > .pos-v220-nav-item .pos-v220-nav-copy small { display: none !important; }
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail nav.pos-v220-nav > .pos-v220-nav-item .pos-v220-nav-badge:not(:empty) {
  position: absolute !important; top: 8px !important; right: 10px !important; left: auto !important;
}

/* alt: hesap düğmesi; saat ve pencere düğmeleri sağ üst köşeye */
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail .pos-v287-utility {
  display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-end !important;
  margin-top: auto !important; width: 100% !important; height: auto !important; padding: 0 !important; gap: 0 !important; background: none !important; border: 0 !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail .pos-v287-utility > .pos-v287-user-trigger {
  display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important;
  width: 100% !important; min-height: 64px !important; padding: 8px 12px !important; margin: 0 !important;
  border-radius: 14px !important; border: 1px solid var(--tl-item-line) !important; background: var(--tl-chip-bg) !important; color: var(--tl-item-fg) !important; box-shadow: none !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail .pos-v287-utility > .pos-v287-user-trigger .pos-v247-user-copy { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; min-width: 0 !important; max-width: none !important; width: auto !important; overflow: hidden !important; }
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail .pos-v287-utility > .pos-v287-user-trigger .pos-v247-user { display: flex !important; align-items: center !important; gap: 10px !important; min-width: 0 !important; flex: 1 1 auto !important; }
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail .pos-v287-utility > .pos-v287-user-trigger .pos-v247-user-copy b { color: var(--tl-item-fg) !important; -webkit-text-fill-color: currentColor !important; font-size: 15px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail .pos-v287-utility > .pos-v287-user-trigger .pos-v247-user-copy small { color: var(--tl-item-muted) !important; }
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail .pos-v287-utility > .pos-v287-user-trigger .pos-v287-caret { color: var(--tl-item-fg) !important; }
/* masa ekranında saat ve pencere düğmeleri sağ üstte; diğer ekranlarda (satış, paket…) menünün altında, hesap düğmesinin üstünde */
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail .pos-v287-utility > .wc310-clock {
  order: 1 !important; position: static !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important;
  width: 100% !important; height: auto !important; min-height: 52px !important; padding: 6px 10px !important; margin: 0 0 8px !important;
  border-radius: 12px !important; border: 1px solid var(--tl-item-line) !important; background: var(--tl-chip-bg) !important; color: var(--tl-item-fg) !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail .pos-v287-utility > .wc310-clock b { font-size: 20px !important; line-height: 1.05 !important; color: var(--tl-item-fg) !important; -webkit-text-fill-color: currentColor !important; }
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail .pos-v287-utility > .wc310-clock small { font-size: 12px !important; color: var(--tl-item-muted) !important; -webkit-text-fill-color: currentColor !important; }
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail .pos-v287-utility > .wc307 {
  order: 2 !important; position: static !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 6px !important; width: 100% !important; margin: 0 0 8px !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail .pos-v287-utility > .wc307 .wc307-button {
  width: 100% !important; height: 44px !important; min-height: 0 !important; border-radius: 10px !important;
  border: 1px solid var(--tl-item-line) !important; background: var(--tl-chip-bg) !important; color: var(--tl-item-fg) !important; box-shadow: none !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail .pos-v287-utility > .pos-v287-user-trigger { order: 3 !important; }
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell:has(.table-workspace-v173):not([data-pos-v220-view="radar"]) aside.pos-v220-rail .pos-v287-utility > .wc310-clock {
  position: fixed !important; top: 12px !important; right: 196px !important; left: auto !important; bottom: auto !important; z-index: 40 !important;
  display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important;
  width: auto !important; min-width: 132px !important; height: var(--tl-top-h) !important; min-height: 0 !important; padding: 0 16px !important; margin: 0 !important;
  border-radius: 14px !important; border: 1px solid var(--tl-card-line) !important; background: var(--tl-card-bg) !important; color: var(--tl-card-fg) !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell:has(.table-workspace-v173):not([data-pos-v220-view="radar"]) aside.pos-v220-rail .pos-v287-utility > .wc310-clock b { font-size: 24px !important; line-height: 1.05 !important; color: var(--tl-card-fg) !important; }
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell:has(.table-workspace-v173):not([data-pos-v220-view="radar"]) aside.pos-v220-rail .pos-v287-utility > .wc310-clock small { font-size: 12.5px !important; color: var(--tl-item-muted) !important; }
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell:has(.table-workspace-v173):not([data-pos-v220-view="radar"]) aside.pos-v220-rail .pos-v287-utility > .wc307 {
  position: fixed !important; top: 12px !important; right: 14px !important; left: auto !important; bottom: auto !important; z-index: 40 !important;
  display: flex !important; flex-direction: row !important; gap: 8px !important; width: auto !important; margin: 0 !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell:has(.table-workspace-v173):not([data-pos-v220-view="radar"]) aside.pos-v220-rail .pos-v287-utility > .wc307 .wc307-button {
  width: 52px !important; height: var(--tl-top-h) !important; min-height: 0 !important; border-radius: 12px !important;
  border: 1px solid var(--tl-card-line) !important; background: var(--tl-card-bg) !important; color: var(--tl-card-fg) !important; box-shadow: none !important;
}

/* ---------- masa ekranı ---------- */
/* bölüm sekmeleri üst satırda; sağ üstteki saat / pencere düğmelerine yer */
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell .table-workspace-v173 .tv173-zonebar {
  min-height: calc(var(--tl-top-h) + 24px) !important; padding: 12px 400px 12px 16px !important; margin: 0 !important; gap: 10px !important;
  background: var(--tl-stage-bg) !important; border: 0 !important; border-bottom: 1px solid var(--tl-rail-line) !important; box-shadow: none !important; align-items: center !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell .table-workspace-v173 .tv173-areas > button {
  min-height: var(--tl-top-h) !important; min-width: 180px !important; border-radius: 14px !important;
}
/* Servis Radarı paneli (menüde ayrı sayfası var) ve renk açıklaması gizli: masalar tam genişlik */
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell .table-workspace-v173 .tv173-content > aside.tv172-radar,
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell .table-workspace-v173 .tv173-board-footer { display: none !important; }
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell .table-workspace-v173 .tv173-content {
  display: block !important; grid-template-columns: minmax(0, 1fr) !important; padding: 0 !important; gap: 0 !important; background: var(--tl-stage-bg) !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell .table-workspace-v173 .tv173-board {
  height: 100% !important; padding: 16px !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: var(--tl-stage-bg) !important; box-shadow: none !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell .table-workspace-v173 .tv173-available-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important; grid-auto-rows: clamp(118px, calc(var(--vz-vh, 100vh) * 0.17), 168px) !important; grid-template-rows: none !important; align-content: start !important; gap: 14px !important;
}
/* kart: "Masa 1" büyük sol üstte, durum sağ üstte; numara gizli */
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell .table-workspace-v173 .tv175-compact-table {
  display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-rows: auto !important; align-content: start !important; align-items: center !important; gap: 8px !important;
  height: 100% !important; min-height: 0 !important; max-height: none !important; padding: 18px 16px !important;
  border-radius: 12px !important; border-width: 2px !important; text-align: left !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell .table-workspace-v173 .tv175-compact-table[data-state="available"] {
  --fc: var(--tl-card-line); --fd: transparent;
  background: var(--tl-card-bg) !important; border: 1.5px solid var(--tl-card-line) !important; color: var(--tl-card-fg) !important; box-shadow: 0 1px 2px rgb(15 23 42 / .05) !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell .table-workspace-v173 .tv175-compact-table[data-state="available"]::before { display: none !important; }
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell .table-workspace-v173 .tv175-compact-table .tv173-available-table__number { display: none !important; }
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell .table-workspace-v173 .tv175-compact-table .tv173-available-table__label {
  grid-column: 1 !important; grid-row: 1 !important; position: static !important; margin: 0 !important;
  font-size: clamp(17px, calc(var(--vz-vw, 100vw) * 0.0135), 22px) !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: 0 !important; text-transform: none !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell .table-workspace-v173 .tv175-compact-table[data-state="available"] .tv173-available-table__label { color: var(--tl-card-fg) !important; }
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell .table-workspace-v173 .tv175-compact-table .tv173-available-table__status {
  grid-column: 2 !important; grid-row: 1 !important; position: static !important; margin: 0 !important; justify-self: end !important;
  display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: 13.5px !important; font-weight: 700 !important; white-space: nowrap !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell .table-workspace-v173 .tv175-compact-table[data-state="available"] .tv173-available-table__status { color: var(--tl-ok) !important; }
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell .table-workspace-v173 .tv175-compact-table[data-state="available"] .tv173-available-table__status i { background: var(--tl-ok) !important; }

/* ---------- Ayarlar › Görünüm önizleme çizimleri ---------- */
.s485-art { display: flex; gap: 4px; width: 100%; height: 92px; padding: 6px; border-radius: 10px; background: #EEF2F6; box-sizing: border-box; }
.s485-art i, .s485-art b { display: block; }
.s485-art b { border-radius: 3px; background: #FFFFFF; border: 1px solid #D5DCE4; }
.s485-art-classic { flex-direction: column; }
.s485-art-classic .s485-top { display: flex; gap: 3px; height: 14px; padding: 2px; border-radius: 4px; background: #0F766E; }
.s485-art-classic .s485-top b { flex: 1; background: rgb(255 255 255 / .35); border: 0; }
.s485-art-classic .s485-body { flex: 1; display: flex; gap: 4px; min-height: 0; }
.s485-art-classic .s485-grid { flex: 1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 3px; }
.s485-art-side .s485-rail { display: flex; flex-direction: column; gap: 3px; width: 24%; padding: 3px; border-radius: 4px; background: #FFFFFF; border: 1px solid #D5DCE4; box-sizing: border-box; }
.s485-art-side .s485-rail b { height: 12px; }
.s485-art-side .s485-rail b:first-child { background: #CDEFEA; border-color: #14B8A6; }
.s485-art-side .s485-main { flex: 1; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.s485-art-side .s485-tabs { display: flex; gap: 3px; height: 13px; }
.s485-art-side .s485-tabs b { width: 32%; }
.s485-art-side .s485-tabs b:first-child { background: #CDEFEA; border-color: #14B8A6; }
.s485-art-side .s485-grid { flex: 1; display: grid; grid-template-columns: repeat(5, 1fr); gap: 3px; }

/* üst çubuk düzeninden kalan süs katmanları (sol üstte gölge lekesi) */
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell > aside.pos-v220-rail::before,
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell > aside.pos-v220-rail::after,
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail .pos-v220-brand::before,
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell aside.pos-v220-rail .pos-v220-brand::after { display: none !important; content: none !important; }
/* Salon / Bahçe sekmeleri: seçili açık turkuaz, diğerleri beyaz (görseldeki gibi) */
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell .table-workspace-v173 .tv173-areas > button:not(.hybrid-v178-quick-target) {
  background: var(--tl-card-bg) !important; border: 1px solid var(--tl-card-line) !important; color: var(--tl-card-fg) !important; box-shadow: none !important;
}
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell .table-workspace-v173 .tv173-areas > button:not(.hybrid-v178-quick-target) * { color: inherit !important; -webkit-text-fill-color: currentColor !important; }
html:root[data-tl485="side"]:not(#tl485a):not(#tl485b):not(#tl485c):not(#tl485d):not(#tl485e):not(#tl485f) body .pos-v247-shell.pos-v220-shell .table-workspace-v173 .tv173-areas > button.active:not(.hybrid-v178-quick-target) {
  background: var(--tl-active-bg) !important; border-color: var(--tl-active-line) !important; color: var(--tl-item-fg) !important;
}
html[data-tl485="side"][data-valenzo-theme="dark"]:not([data-valenzo-pos-variant="hybrid"]) .table-workspace-v173 .tv173-areas > button.active { color: #E8F1F5 !important; }
/* ekran dışındaki "içeriğe geç" bağlantısının gölgesi sol üstte leke yapıyordu (klasik düzende üst çubuk örtüyor) */
html[data-tl485="side"] .valenzo-skip-link-v166:not(:focus):not(:focus-visible) { box-shadow: none !important; }

/* v496: dar orta sütunda masa / müşteri seçicisi kesiliyordu ("Masa 1", "Müşteri se…"). Masayı Taşı / Birleştir yalnız simge
   (44 px, ad erişilebilirlik için metinde kalır), iki seçici kalan genişliği paylaşır. */
html:root[data-tl485="side"]:not(#tl496a):not(#tl496b):not(#tl496c):not(#tl496d):not(#tl496e):not(#tl496f) body .pos-v247-shell.pos-v220-shell .ts328-strip { gap: 8px !important; }
html:root[data-tl485="side"]:not(#tl496a):not(#tl496b):not(#tl496c):not(#tl496d):not(#tl496e):not(#tl496f) body .pos-v247-shell.pos-v220-shell .ts328-strip > .pos-v247-order-selectors {
  flex: 1 1 auto !important; min-width: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) !important; gap: 8px !important;
}
html:root[data-tl485="side"]:not(#tl496a):not(#tl496b):not(#tl496c):not(#tl496d):not(#tl496e):not(#tl496f) body .pos-v247-shell.pos-v220-shell .ts328-strip .pos-v247-order-selectors > label {
  width: auto !important; min-width: 0 !important; max-width: none !important; grid-template-columns: 28px minmax(0, 1fr) !important;
}
html:root[data-tl485="side"]:not(#tl496a):not(#tl496b):not(#tl496c):not(#tl496d):not(#tl496e):not(#tl496f) body .pos-v247-shell.pos-v220-shell .ts328-strip .pos-v247-order-selectors > label select {
  width: 100% !important; min-width: 0 !important; text-overflow: ellipsis !important;
}
html:root[data-tl485="side"]:not(#tl496a):not(#tl496b):not(#tl496c):not(#tl496d):not(#tl496e):not(#tl496f) body .pos-v247-shell.pos-v220-shell .ts328-strip .tops304-row { flex: 0 0 auto !important; gap: 8px !important; }
html:root[data-tl485="side"]:not(#tl496a):not(#tl496b):not(#tl496c):not(#tl496d):not(#tl496e):not(#tl496f) body .pos-v247-shell.pos-v220-shell .ts328-strip .tops304-btn {
  width: 44px !important; min-width: 44px !important; padding: 0 !important; gap: 0 !important; justify-content: center !important; font-size: 0 !important; letter-spacing: 0 !important;
}
html:root[data-tl485="side"]:not(#tl496a):not(#tl496b):not(#tl496c):not(#tl496d):not(#tl496e):not(#tl496f) body .pos-v247-shell.pos-v220-shell .ts328-strip .tops304-btn svg { width: 18px !important; height: 18px !important; flex: 0 0 auto !important; }
/* v496: bildirim alt ortada — sağ üstte dört adisyon düğmesini örtüyordu (klasik düzenin eşi sales-head-v490.css sonunda) */
html:root[data-tl485="side"][data-valenzo-scale="on"]:not(#tl496a):not(#tl496b):not(#tl496c):not(#tl496d):not(#tl496e):not(#tl496f) body.pos-active > #toast {
    top: auto !important; right: auto !important; left: 50% !important; bottom: 28px !important; transform: translateX(-50%) !important;
    display: flex !important; flex-direction: column !important; align-items: center !important;
    width: max-content !important; max-width: min(560px, calc(100vw - 32px)) !important;
}