/* azatech – uygulama (PWA) görünümü: kurulum bandı ve ana ekran uygulaması davranışları. Renkler mevcut tema değişkenlerinden gelir. */
html { -webkit-tap-highlight-color: transparent; }
a, button, input, select, textarea, label, summary, [role=button], .chip, .side .si, .mbar a { touch-action: manipulation; }

/* kurulum bandı: tek satır, küçük; alt sekme çubuğunun ve güvenli alanın üstünde, içeriği itmez */
.pwa-bnr { left: 8px; right: 8px; bottom: calc(var(--pwa-mbar, 56px) + 6px + env(safe-area-inset-bottom, 0px)); padding: 5px 6px 5px 10px; gap: 8px; border-radius: var(--r-md, 10px); box-shadow: 0 4px 16px rgba(15, 23, 42, .22); flex-direction: row; z-index: 35; }
.pwa-bnr img { width: 24px; height: 24px; border-radius: 6px; }
.pwa-bnr .pwa-mt { flex: 1; min-width: 0; font-size: 12.5px; line-height: 1.25; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.pwa-bnr button { flex: none; min-height: 32px; padding: 0 12px; font-size: 13px; }
html.pwa-bnr-acik #app { padding-bottom: 44px; }
@media (min-width: 861px) { .pwa-bnr { display: none; } }

/* ana ekran uygulaması */
@media (display-mode: standalone) {
  html, body { overscroll-behavior: none; }
  body { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
  .mbar { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
  #toast { bottom: calc(22px + env(safe-area-inset-bottom)); }
  .pwa-bnr { display: none; }
}

/* Sayfanın zemini her zaman panel zeminidir (tema değişkeni): uygulama modunda da yarı açık / yarı koyu görünmesin */
html { background: var(--bg, #EBE9E4); }
html { color-scheme: light; }   /* panelde koyu tema yok: cihaz koyu modda olsa da form öğeleri ve zemin açık kalsın */