body { font-family: Arial, sans-serif; }
h1 { margin-top: 1rem; }
.banner { padding:8px; margin-bottom:10px; border-radius:6px; background:#eefcee; border:1px solid #bde5bd; }
.toolbar { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-bottom:12px; }
.toolbar input[type="text"] { width:260px; }
.img-thumb { max-width:64px; max-height:64px; border:1px solid #ddd; }
table { border-collapse:collapse; width:100%; margin-top:10px; }
th, td { border:1px solid #ccc; padding:6px; vertical-align:top; }
th { background:#f0f0f0; }
.table-simple { border-collapse:collapse; width:100%; }
.table-simple th, .table-simple td { border:1px solid #ccc; padding:6px; }
.table-simple th { background:#f0f0f0; }
/* admin.css öneri */
.banner { padding:8px; margin-bottom:10px; border-radius:6px; background:#eefcee; border:1px solid #bde5bd; }
.toolbar { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin:12px 0; justify-content:space-between; }
.img-thumb { max-width:64px; max-height:64px; border:1px solid #ddd; display:block; }
.text-uppercase { text-transform: uppercase; }
/* Satırlar arasında dikey boşluk veren tablo */
.table-spacious { 
  border-collapse: separate !important;
  border-spacing: 0 8px;              /* 8px satır aralığı */
}

/* Başlık alt çizgisi normal kalsın */
.table-spacious thead th { 
  border-bottom: 2px solid #dee2e6; 
}

/* Gövde satırları “kart” gibi görünsün */
.table-spacious tbody tr { 
  background: #fff; 
}

/* Hücre kenarlıkları ve iç boşluklar */
.table-spacious tbody td { 
  border: 1px solid #dee2e6; 
  padding: 10px; 
  vertical-align: middle;
}

/* Form elemanları çok sıkışmasın */
.table-spacious .form-control { 
  min-height: 2.25rem; 
  padding: .375rem .5rem;
}

/* (İsteğe bağlı) Üstteki filtre çubuğu aralıkları */
.toolbar { gap: 12px; }
.toolbar .btn { margin-left: 4px; }
/* Scrollbar alanını hep ayır: layout kaymasını önler */
html {
  scrollbar-gutter: stable;           /* modern tarayıcılar */
}

/* Eski destek için güvenli geri dönüş */
@supports not (scrollbar-gutter: stable) {
  html { overflow-y: scroll; }        /* her zaman dikey scrollbar alanı ayır */
}