/* VALENZO POS v521 — üst çubuğun sağ köşesi (kullanıcı fotoğrafı, 19.10.2026: "artık burayı daha düzgün yapalım ve daire içindeki
   sarı kısım hiç olmasın").
   Ölçüm (1366 / 1920, kasa uygulaması, açık tema): işletme adı kutusu 54 px (içinde 44 px sarı "VC" yuvarlağı), yanındaki pencere
   tuşları 40 px — boylar tutmuyordu; ayrıca html / body "scrollbar-gutter: stable" (online-bridge-ui-v166) sayfa hiç kaymadığı
   satış / yönetim ekranında sağda 15 px boşluk bırakıyordu (1920'de ölçekle 21 px beyaz şerit, çubuk kenara ulaşmıyordu).
   Düzen: sarı yuvarlak yok (açılır menünün başlığında da); ad kutusu ve üç pencere tuşu aynı 44 px boy, 12 px köşe, aynı ince
   çerçeve ve zemin, aynı çizgide; aralarında ince ayraç. Klasik düzen (üst menü); yan menülü düzene dokunulmaz. */

/* kaymayan ekranlarda kaydırma çubuğu payı yok (uzun bulut sayfaları kendi içinde kayar; orada pay korunur) */
html:has(> body:is(.pos-active, .admin-modern-active, .ph349-active)), body:is(.pos-active, .admin-modern-active, .ph349-active) { scrollbar-gutter: auto !important; }

/* ---------- işletme adı: yuvarlak yok, 44 px ---------- */
html:root:not([data-tl485="side"]):not(#tc521a):not(#tc521b):not(#tc521c):not(#tc521d):not(#tc521e):not(#tc521f):not(#tc521g):not(#tc521h):not(#tc521i):not(#tc521j):not(#tc521k) body .pos-v220-shell .pos-v287-utility > .pos-v287-user-trigger { gap: 10px !important; height: 44px !important; min-height: 44px !important; padding: 0 12px 0 16px !important; border-radius: 12px !important; border: 1px solid rgba(255, 255, 255, .14) !important; background: rgba(255, 255, 255, .06) !important; box-shadow: none !important; }
html:root:not([data-tl485="side"]):not(#tc521a):not(#tc521b):not(#tc521c):not(#tc521d):not(#tc521e):not(#tc521f):not(#tc521g):not(#tc521h):not(#tc521i):not(#tc521j):not(#tc521k) body .pos-v220-shell .pos-v287-utility > .pos-v287-user-trigger:is(:hover, [aria-expanded="true"]),
html:root:not([data-tl485="side"]):not(#tc521a):not(#tc521b):not(#tc521c):not(#tc521d):not(#tc521e):not(#tc521f):not(#tc521g):not(#tc521h):not(#tc521i):not(#tc521j):not(#tc521k) body .pos-v220-shell .pos-v287-utility.is-open > .pos-v287-user-trigger { border-color: rgba(255, 255, 255, .26) !important; background: rgba(255, 255, 255, .12) !important; }
html:root:not(#tc521a):not(#tc521b):not(#tc521c):not(#tc521d):not(#tc521e):not(#tc521f):not(#tc521g):not(#tc521h):not(#tc521i):not(#tc521j):not(#tc521k) body .pos-v220-shell .pos-v287-utility .pos-v247-user-avatar { display: none !important; }
html:root:not([data-tl485="side"]):not(#tc521a):not(#tc521b):not(#tc521c):not(#tc521d):not(#tc521e):not(#tc521f):not(#tc521g):not(#tc521h):not(#tc521i):not(#tc521j):not(#tc521k) body .pos-v220-shell .pos-v287-utility > .pos-v287-user-trigger .pos-v247-user { gap: 0 !important; height: auto !important; min-height: 0 !important; }
html:root:not([data-tl485="side"]):not(#tc521a):not(#tc521b):not(#tc521c):not(#tc521d):not(#tc521e):not(#tc521f):not(#tc521g):not(#tc521h):not(#tc521i):not(#tc521j):not(#tc521k) body .pos-v220-shell .pos-v287-utility > .pos-v287-user-trigger .pos-v247-user-copy b { font-size: 19px !important; font-weight: 900 !important; letter-spacing: .4px !important; line-height: 1 !important; max-width: 260px !important; }   /* v516 isteği: dolu dolu belirgin (19 px) */
html:root:not([data-tl485="side"]):not(#tc521a):not(#tc521b):not(#tc521c):not(#tc521d):not(#tc521e):not(#tc521f):not(#tc521g):not(#tc521h):not(#tc521i):not(#tc521j):not(#tc521k) body .pos-v220-shell .pos-v287-utility > .pos-v287-user-trigger .pos-v287-caret { display: inline-grid !important; place-items: center !important; width: 18px !important; height: 18px !important; margin: 0 !important; opacity: .8 !important; }

/* ---------- pencere tuşları: aynı boy, aynı çerçeve, aynı aralık; ad kutusundan ince ayraçla ayrı ---------- */
html:root:not([data-tl485="side"]):not(#tc521a):not(#tc521b):not(#tc521c):not(#tc521d):not(#tc521e):not(#tc521f):not(#tc521g):not(#tc521h):not(#tc521i):not(#tc521j):not(#tc521k) body .pos-v220-shell .pos-v287-utility > .wc307 { gap: 6px !important; margin-left: 4px !important; padding-left: 10px !important; border-left: 1px solid rgba(255, 255, 255, .14) !important; align-items: center !important; }
html:root:not([data-tl485="side"]):not(#tc521a):not(#tc521b):not(#tc521c):not(#tc521d):not(#tc521e):not(#tc521f):not(#tc521g):not(#tc521h):not(#tc521i):not(#tc521j):not(#tc521k) body .pos-v220-shell .pos-v287-utility > .wc307 .wc307-button { width: 44px !important; min-width: 44px !important; height: 44px !important; border-radius: 12px !important; border: 1px solid rgba(255, 255, 255, .14) !important; background: rgba(255, 255, 255, .06) !important; color: #E2E8F0 !important; }
html:root:not([data-tl485="side"]):not(#tc521a):not(#tc521b):not(#tc521c):not(#tc521d):not(#tc521e):not(#tc521f):not(#tc521g):not(#tc521h):not(#tc521i):not(#tc521j):not(#tc521k) body .pos-v220-shell .pos-v287-utility > .wc307 .wc307-button svg { width: 20px !important; height: 20px !important; }
html:root:not([data-tl485="side"]):not(#tc521a):not(#tc521b):not(#tc521c):not(#tc521d):not(#tc521e):not(#tc521f):not(#tc521g):not(#tc521h):not(#tc521i):not(#tc521j):not(#tc521k) body .pos-v220-shell .pos-v287-utility > .wc307 .wc307-button:hover { border-color: rgba(255, 255, 255, .26) !important; background: rgba(255, 255, 255, .12) !important; color: #FFFFFF !important; }
html:root:not([data-tl485="side"]):not(#tc521a):not(#tc521b):not(#tc521c):not(#tc521d):not(#tc521e):not(#tc521f):not(#tc521g):not(#tc521h):not(#tc521i):not(#tc521j):not(#tc521k) body .pos-v220-shell .pos-v287-utility > .wc307 .wc307-close:hover { border-color: rgba(248, 113, 113, .6) !important; background: rgba(220, 38, 38, .85) !important; color: #FFFFFF !important; }

/* açılır menünün başlığı: sarı yuvarlak yok — işletme adı kesilmeden sığar ("VALEN…" oluyordu) */
html:root:not(#tc521a):not(#tc521b):not(#tc521c):not(#tc521d):not(#tc521e):not(#tc521f):not(#tc521g):not(#tc521h):not(#tc521i):not(#tc521j):not(#tc521k) body .pos-v287-menu-head .pos-v287-avatar { display: none !important; }
html:root:not(#tc521a):not(#tc521b):not(#tc521c):not(#tc521d):not(#tc521e):not(#tc521f):not(#tc521g):not(#tc521h):not(#tc521i):not(#tc521j):not(#tc521k) body .pos-v287-menu-head { padding-left: 18px !important; }
/* ad tek başına tam satır; "Yetki" ve "Çevrimiçi" alt satırda yan yana (menü genişliği ad kutusuna göre 250 px'e indi) */
html:root:not(#tc521a):not(#tc521b):not(#tc521c):not(#tc521d):not(#tc521e):not(#tc521f):not(#tc521g):not(#tc521h):not(#tc521i):not(#tc521j):not(#tc521k) body .pos-v287-menu-head { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-content: center !important; row-gap: 4px !important; column-gap: 8px !important; }
html:root:not(#tc521a):not(#tc521b):not(#tc521c):not(#tc521d):not(#tc521e):not(#tc521f):not(#tc521g):not(#tc521h):not(#tc521i):not(#tc521j):not(#tc521k) body .pos-v287-menu-head .pos-v287-menu-id { display: contents !important; }
html:root:not(#tc521a):not(#tc521b):not(#tc521c):not(#tc521d):not(#tc521e):not(#tc521f):not(#tc521g):not(#tc521h):not(#tc521i):not(#tc521j):not(#tc521k) body .pos-v287-menu-head .pos-v287-menu-id b { grid-column: 1 / -1 !important; grid-row: 1 !important; min-width: 0 !important; }
html:root:not(#tc521a):not(#tc521b):not(#tc521c):not(#tc521d):not(#tc521e):not(#tc521f):not(#tc521g):not(#tc521h):not(#tc521i):not(#tc521j):not(#tc521k) body .pos-v287-menu-head .pos-v287-menu-id small { grid-column: 1 !important; grid-row: 2 !important; align-self: center !important; }
html:root:not(#tc521a):not(#tc521b):not(#tc521c):not(#tc521d):not(#tc521e):not(#tc521f):not(#tc521g):not(#tc521h):not(#tc521i):not(#tc521j):not(#tc521k) body .pos-v287-menu-head .pos-v287-status { grid-column: 2 !important; grid-row: 2 !important; justify-self: end !important; }

/* v530: hesap menüsü başlığında aktif şube adı (çoklu şube açıkken; kapalıyken satır gizli, başlık eski yüksekliğinde) */
html:root:not(#tc521a):not(#tc521b):not(#tc521c):not(#tc521d):not(#tc521e):not(#tc521f):not(#tc521g):not(#tc521h):not(#tc521i):not(#tc521j):not(#tc521k) body .pos-v287-menu-head .pos-v287-menu-branch { grid-column: 1 / -1 !important; grid-row: 3 !important; min-width: 0 !important; font-size: 12px !important; font-weight: 700 !important; line-height: 16px !important; opacity: 0.88 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
html:root:not(#tc521a):not(#tc521b):not(#tc521c):not(#tc521d):not(#tc521e):not(#tc521f):not(#tc521g):not(#tc521h):not(#tc521i):not(#tc521j):not(#tc521k) body .pos-v287-menu-head .pos-v287-menu-branch[hidden] { display: none !important; }