/* VALENZO POS v519 — açılış / güncelleme örtüsü.
   Kullanıcı (19.10.2026): "telefon modu da bilgisayar modu da tablet modu çok fazla eski ekran çıkıyor karşımıza … kökten bir
   çözüm bulman gerek" (seçimi: açılışta önce eski görünüm + güncelleme sonrası eski sürüm). Ölçüm (gerçek cloud.js, yavaş
   işlemci, kare kare): önce eski tarz "Güvenli bağlantı kuruluyor…" ekranı (bayrak logonun yanına kaymış), ardından saati,
   bölüm simgeleri, pencere tuşları ve logosu birkaç yüz ms geç gelen satış ekranı görünüyordu.
   Tek örtü, yeni görünümle:
   - bekleme ekranı durdukça (index.html açılış ekranı),
   - satış ekranı ilk kez süslenene kadar (table-ops-v304 → html[data-to519-ready]; modül hiç inmezse 2,5 sn sonra kendiliğinden kalkar),
   - yeni sürüme geçilirken (pwa-update-v245 → html[data-vz519-updating]).
   Renk satış ekranının temasına göre (koyu / açık); dokunuşları tutar (yarım ekrana basılmaz). */
html { --vz519-bg: #0A1114; --vz519-ink: #F2F8F7; --vz519-bar: #12B8B5; --vz519-track: rgba(242, 248, 247, .12); }
html[data-valenzo-pos-theme-preference="light"] { --vz519-bg: #EEF5F4; --vz519-ink: #10221F; --vz519-track: rgba(16, 34, 31, .1); }
/* telefon kendi temasını kullanır (Diğer › Tema; desktop-lock-v348 → html[data-vz519-phone]; "Sistem" cihaz temasına uyar) */
html[data-valenzo-device="phone"] { --vz519-bg: #0A1114; --vz519-ink: #F2F8F7; --vz519-track: rgba(242, 248, 247, .12); }
html[data-valenzo-device="phone"][data-vz519-phone="light"] { --vz519-bg: #E8F5F3; --vz519-ink: #10221F; --vz519-track: rgba(16, 34, 31, .1); }
@media (prefers-color-scheme: light) { html[data-valenzo-device="phone"]:not([data-vz519-phone="dark"]) { --vz519-bg: #E8F5F3; --vz519-ink: #10221F; --vz519-track: rgba(16, 34, 31, .1); } }
body:has(#app > main.place-items-center > section.text-center > .animate-pulse)::before,
html:not([data-to519-ready]) body.pos-active:not(.ph349-active)::before,
html[data-vz519-updating] body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 2147483600;
  background: var(--vz519-bg) url("./assets/valenzo-deer-gold-v241.webp") center calc(50% - 44px) / 108px auto no-repeat;
  pointer-events: auto;
}
body:has(#app > main.place-items-center > section.text-center > .animate-pulse)::after,
html:not([data-to519-ready]) body.pos-active:not(.ph349-active)::after,
html[data-vz519-updating] body::after {
  content: "VALENZO POS";
  position: fixed;
  top: calc(50% + 30px);
  left: 50%;
  z-index: 2147483601;
  width: 190px;
  padding: 0 0 18px .3em;
  transform: translateX(-50%);
  color: var(--vz519-ink);
  font: 800 17px/1.2 Manrope, "Segoe UI", system-ui, -apple-system, sans-serif;
  letter-spacing: .3em;
  text-align: center;
  white-space: nowrap;
  background:
    linear-gradient(var(--vz519-bar), var(--vz519-bar)) -67% 100% / 40% 3px no-repeat,
    linear-gradient(var(--vz519-track), var(--vz519-track)) 0 100% / 100% 3px no-repeat;
  pointer-events: none;
}
/* güvenlik: örtü hiçbir zaman ekranı kilitlemez — satış ekranında 2,5 sn, bekleme ekranında 15 sn, güncellemede 10 sn sonra kalkar */
html:not([data-to519-ready]) body.pos-active:not(.ph349-active)::before { animation: vz519-off-pos 0s linear 2.5s forwards; }
html:not([data-to519-ready]) body.pos-active:not(.ph349-active)::after { animation: vz519-run 1.1s ease-in-out infinite, vz519-off-pos 0s linear 2.5s forwards; }
body:has(#app > main.place-items-center > section.text-center > .animate-pulse)::before { animation: vz519-off-boot 0s linear 15s forwards; }
body:has(#app > main.place-items-center > section.text-center > .animate-pulse)::after { animation: vz519-run 1.1s ease-in-out infinite, vz519-off-boot 0s linear 15s forwards; }
html[data-vz519-updating] body::before { animation: vz519-off-upd 0s linear 10s forwards; }
html[data-vz519-updating] body::after { animation: vz519-run 1.1s ease-in-out infinite, vz519-off-upd 0s linear 10s forwards; }
@keyframes vz519-run { 0% { background-position: -67% 100%, 0 100%; } 100% { background-position: 167% 100%, 0 100%; } }
/* her aşamanın sayacı ayrı adla: bekleme ekranından satış ekranına geçince sayaç baştan başlar (aynı ad sürüp giderdi) */
@keyframes vz519-off-boot { to { visibility: hidden; pointer-events: none; } }
@keyframes vz519-off-pos { to { visibility: hidden; pointer-events: none; } }
@keyframes vz519-off-upd { to { visibility: hidden; pointer-events: none; } }
@media (prefers-reduced-motion: reduce) {
  body::after { background-position: 50% 100%, 0 100% !important; }
}