/* Temel spacing ve kart görünümü */
.card { border-radius: 1rem; }
.stat-card .fs-4 { letter-spacing: 0.2px; }

/* QR görselini net göster */
.qr-img {
  width: min(320px, 70vw);
  height: auto;
  image-rendering: pixelated;
  border: 8px solid var(--bs-body-bg);
  box-shadow: 0 0 0 1px rgba(0,0,0,.07), 0 8px 24px rgba(0,0,0,.08);
}

/* Navbar brand biraz daha sıkı */
.navbar-brand { font-weight: 700; letter-spacing: .2px; }

/* Yardım kartı */
.card-help { background: var(--bs-tertiary-bg); }

/* Form alanları daha eşit aralık */
.form-label { font-weight: 600; }

/* Dark mode iyileştirmeleri */
@media (prefers-color-scheme: dark) {
  .qr-img { border-color: #111; }
}


/* ------------------------------
   UI/UX iyileştirmeleri
   ------------------------------ */

/* Tipografi ve ölçek */
:root {
  --radius-xl: 1rem;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.06);
  --shadow-md: 0 6px 20px rgba(0,0,0,.12);
  --container-max: 1100px;
}

/* Container genişliği kontrolü */
.container { max-width: var(--container-max); }

/* Kartlar & paneller */
.card { border: 1px solid var(--bs-border-color); border-radius: var(--radius-xl); box-shadow: var(--shadow-sm); }
.card.shadow-sm { box-shadow: var(--shadow-md); }

/* Navigasyon markası */
.navbar-brand { font-weight: 700; letter-spacing: .2px; }

/* Form elemanları */
.form-label { font-weight: 600; }
.form-control, .form-select { border-radius: 0.75rem; padding: .6rem .9rem; }
.input-group .btn { border-radius: 0.75rem; }

/* Butonlar */
.btn { border-radius: .75rem; font-weight: 600; }
.btn-icon { width: 2.25rem; height: 2.25rem; display: inline-flex; align-items: center; justify-content: center; padding: 0; }

/* Tablolar */
.table th { font-weight: 700; }
.table td, .table th { vertical-align: middle; }
.table-hover tbody tr:hover { background-color: var(--bs-tertiary-bg); }

/* QR görseli */
.qr-img {
  width: min(360px, 70vw);
  height: auto;
  image-rendering: pixelated;
  border: 8px solid var(--bs-body-bg);
  box-shadow: 0 0 0 1px rgba(0,0,0,.07), 0 8px 24px rgba(0,0,0,.08);
}

/* Yardım kartı arkaplanı */
.card-help { background: var(--bs-tertiary-bg); }

/* Tema toggle ikonları */
#themeToggle [data-theme-icon="light"],
#themeToggle [data-theme-icon="dark"] { font-size: 1rem; line-height: 1; }
#themeToggle { padding: .375rem .6rem; }

/* Dark mode ekstra dokunuşlar */
@media (prefers-color-scheme: dark) {
  .qr-img { border-color: #111; }
}

/* data-bs-theme=dark olduğunda kontrastı netle */
[data-bs-theme="dark"] .card { box-shadow: 0 10px 30px rgba(0,0,0,.35); }
[data-bs-theme="dark"] .table-hover tbody tr:hover { background-color: rgba(255,255,255,.04); }


.navbar .nav-link { font-weight: 600; }
.navbar .nav-link:hover { color: #fff !important; }
.navbar-brand { font-weight: 800; letter-spacing: .2px; }
.card-help img { display:block; width:100%; height:auto; }