/* EPS Konsinye Sayım Web İstemcisi Stilleri */

:root {
  --sat: env(safe-area-inset-top);
  --sar: env(safe-area-inset-right);
  --sab: env(safe-area-inset-bottom);
  --sal: env(safe-area-inset-left);
}

body {
  padding-top: var(--sat);
  padding-bottom: var(--sab);
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

input, select, textarea {
  user-select: auto;
}

/* Dokunmatik buton titreşim ve aktif basılma efekti */
button:active {
  transform: scale(0.98);
}

/* Animasyonlar */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

.fade-in {
  animation: fadeIn 0.2s ease-out forwards;
}

/* Kamera Okuyucu Stilleri */
#reader {
  width: 100% !important;
  border: none !important;
}

#reader video {
  border-radius: 0.75rem;
  object-fit: cover;
}

#reader__scan_region {
  background: transparent !important;
}

/* Scrollbar özelleştirme */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}