/* Modül kapsayıcısı: sadece bu blok içinde etkili olsun */
.tabs-wrap {
  margin-bottom: 1rem;
}

/* Bootstrap nav-tabs görünümü (yalnız modül içinde) */
.tabs-wrap .nav-tabs {
  border-bottom: 0;
  background: #fff;
  border-radius: .75rem;
  box-shadow: 0 6px 18px rgba(16,24,40,.06);
  padding: .25rem;

  /* taşma için yatay kaydırma */
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.tabs-wrap .nav-tabs .nav-link {
  border: 0;
  border-radius: .5rem;
  font-weight: 600;
}

.tabs-wrap .nav-tabs .nav-link.active {
  background: #0d6efd;
  color: #fff !important;
}

/* Sekme içeriği kart stili */
.tab-card {
  background: #fff;
  border-radius: .75rem;
  box-shadow: 0 10px 30px rgba(16,24,40,.08);
  padding: 1.5rem;
}

/* İsteğe bağlı: üstte yapışık sekmeler istiyorsan uncomment et
.tabs-wrap { position: sticky; top: 0; z-index: 1020; }
*/

/* Küçük sayfa genel rengi istenirse yalnız blok içini hedefle
   (body yerine daha güvenli hedefleme)
*/
.tabs-wrap .tab-card,
.tabs-wrap .nav-tabs {
  /* arka plan zaten beyaz; sayfa arka planını modül dışında bırakıyoruz */
}