/* ==========================================================================
   ÜRÜN KODU SÜTUNU YERİNDE DURUR (sticky)

   Liste açıkken tabloya 619px kalıyor ama tablo 975px — 356px yatay
   kaydırma var. Kod sütunu kaymasaydı, sağa kaydırınca satırın KİMLİĞİ
   ekrandan çıkıyor ve "bu tarih hangi ürünün" sorusu cevapsız kalıyordu.

   Sticky hücrenin zemini SAYDAM OLAMAZ: altından kayan satırlar görünür.
   Bu yüzden zebra, uyumsuz ve hover hâllerinin her biri için zemin ayrıca
   yazılıyor — tek bir kural yetmiyor.
   ========================================================================== */

.gozlem-tablo th:first-child,
.gozlem-tablo td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  /* Kayan içerikle arasına ince bir ayrım: sütunun "durduğu" okunsun. */
  border-right: 1px solid var(--p-cizgi);
}

/* Başlık hem üstte hem solda sabit → iki eksenin kesişimi, en üstte. */
.gozlem-tablo thead th:first-child { z-index: 3; }

/* Zemin hâlleri — sırası önemli: sonraki kural öncekini ezer. */
.gozlem-tablo tbody td:first-child { background: var(--p-kart); }
.gozlem-tablo tbody tr:nth-child(even) td:first-child { background: var(--p-kart-2); }
.gozlem-tablo tbody tr.uyumsuz td:first-child,
.gozlem-tablo tbody tr.uyumsuz:nth-child(even) td:first-child { background: var(--red-row); }
.gozlem-tablo tbody tr:hover td:first-child { background: var(--p-aksan-yumusak); }
.gozlem-tablo tbody tr.uyumsuz:hover td:first-child { background: var(--red-bg); }

/* ---- FİRMA SÜTUNU — yalnız "Tümü" seçiliyken (2026-09-29) ----

   Sütun eklenince tablonun taban genişliği de büyüyor: 975 + 170 = 1145.
   Büyütülmeseydi yedi sütun 975'e sıkışır ve "22.10.2026 → 15.09.2026"
   hücresi yandakinin üstüne binerdi — bu tablo o hatayı bir kez yaşadı,
   colgroup yorumunda yazılı. */
.gozlem-tablo.firma-var { min-width: 1130px; }

.gozlem-tablo tbody td.s-firma {
  font-weight: 700;
  vertical-align: top;
}

/* Firma adı da kimlik gibi grubun ilk satırında — boş hücreler zemini
   kimlik sütunuyla paylaşıyor ki grup tek blok görünsün. */
.gozlem-tablo tbody tr td.s-firma { background: var(--p-kart); }
.gozlem-tablo tbody tr:nth-child(even) td.s-firma { background: var(--p-kart-2); }
.gozlem-tablo tbody tr.uyumsuz td.s-firma,
.gozlem-tablo tbody tr.uyumsuz:nth-child(even) td.s-firma { background: var(--red-row); }
.gozlem-tablo tbody tr:hover td.s-firma { background: var(--p-aksan-yumusak); }
.gozlem-tablo tbody tr.uyumsuz:hover td.s-firma { background: var(--red-bg); }

/* "Tümü" kartında rozet YOK (kullanıcı kararı 2026-09-29). Metin yine de
   firmaların adıyla aynı hizada başlıyor: kaldırılan rozetin yeri kadar
   soldan boşluk bırakılıyor, yoksa listenin sol kenarı tırtıklı olurdu. */
.tumu-kart {
  padding-left: calc(var(--p-a2) + 30px + var(--p-a2));
  /* Yükseklik de firmalarla eşit: rozet kalkınca kart 44px'e düşüyor,
     firmalar rozet yüzünden 48px kalıyordu — listede tek kart alçak
     duruyordu. Sayı rozetten türetiliyor (30 + iki dolgu + kenarlık). */
  min-height: calc(30px + var(--p-a2) * 2 + 2px);
}

/* SEÇİLİ DEĞİLKEN marka renginde. Kapsam `:not([aria-current])` ile
   sınırlı: kural koşulsuz yazılmıştı ve seçili kartın koyu zemininde
   beyaz yazıyı eziyordu — koyu üstüne koyu, okunmuyordu (ölçüldü
   2026-09-29, kullanıcı ekran görüntüsüyle bildirdi). Yalnız "Tümü"
   kartında görünüyordu çünkü rengi yalnız o kart alıyor. */
.tumu-kart:not([aria-current="true"]) .ted-ad { color: var(--p-aksan-koyu); }


/* Ürün kimliği — kod büyük ve kalın, ad altında soluk; grupta bir kez (KD-0046) */
.hucre-kimlik { vertical-align: middle; }
.hucre-kod {
  font-weight: 700;
  font-size: var(--p-yazi-sm);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Revizyon — kodun yanında, tanımla aynı soluk ton (Selim 2026-09-29) */
.hucre-kod-satir {
  display: flex;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
}
.hucre-kod-satir .kod-ac { min-width: 0; }
.hucre-rev {
  flex: none;
  color: var(--p-ikincil);
  font-size: var(--p-yazi-xs);
  line-height: 1.2;
  white-space: nowrap;
}
/* Ürün ismi AYRI SÜTUN (Selim 2026-10-01) — grupta bir kez, kırpılırsa
   tam hâli ipucunda. */
.gozlem-tablo tbody td.hucre-isim {
  vertical-align: middle;
  color: var(--p-ikincil);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ---- DEĞİŞİM TAKİBİ ROZETİ (Selim 2026-10-01) ----
   Gerçek düğme (public/gecmis-tablo.js · takipDugmesi). ETKİN: marka
   aksanının açık zemini — geçmiş penceresindeki termin rozetiyle aynı
   aile, sayfanın tek vurgu rengi. PASİF: kesik çerçeve, zemin yok, soluk;
   `disabled` olduğu için tıklanmıyor ve imleç değişmiyor. */
.pgt-takip {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 var(--p-a2);
  border: 1px solid var(--brand-line);
  border-radius: 999px;
  background: var(--brand-soft);
  font: inherit;
  font-size: var(--p-yazi-xs);
  font-weight: 700;
  color: var(--brand-dark);
  white-space: nowrap;
  cursor: pointer;
  transition: background var(--p-gecis), border-color var(--p-gecis);
}
.pgt-takip.etkin:hover { background: var(--p-aksan-yumusak); border-color: var(--p-aksan); }
.pgt-takip:focus-visible { outline: none; box-shadow: var(--p-odak); }
.pgt-takip:disabled {
  border-style: dashed;
  border-color: var(--p-cizgi-kuv);
  background: none;
  color: var(--p-ikincil);
  font-weight: 400;
  opacity: .7;
  cursor: default;
}
/* Grup sınırı: yeni ürün başlarken üstten belirgin çizgi */
.gozlem-tablo tbody tr.grup-bas td { border-top: 2px solid var(--p-cizgi); }
/* ESKİ → YENİ GÖSTERİMİ KALKTI (Selim 2026-10-01): hücrede yalnız güncel
   değer; değişimin kendisi Değişim Takibi rozetinin açtığı tabloda. */

.bos-deger { color: var(--p-ikincil); }   /* soluk ton seçili satır zemininde 6.80:1 kalıyordu */

.sabit-deger { color: var(--p-ink); }

.tablo-bos {
  margin: 0;
  padding: var(--p-a6) var(--p-a4);
  font-size: var(--p-yazi-sm);
  color: var(--p-ikincil);
  text-align: center;
}

.tablo-bos[hidden] { display: none; }