/* styles-endeks.css — iş endeksi: gerçek belge tablosu + yetkinlik haritası + iletişim + sayaç */

/* Endeks: tek belge tablosu kesiti; satırlar ince cetvel çizgisiyle ayrılır.
   Sütunlar: no, iş, not, alan, yıl, yığın — 1024px'te 6 sütun ızgarası, altında yığılmış satır. */
.endeks {
  background: var(--yuzey);
  border: 1px solid var(--kenar-cizgi);
  border-radius: var(--radius-kart);
  overflow: hidden;
}
.endeks-basliklar {
  display: none;
  grid-template-columns: 3.4ch minmax(180px, 0.9fr) minmax(0, 1.3fr) minmax(110px, auto) 4ch minmax(120px, auto);
  column-gap: 18px;
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.05em;
  color: var(--pasif);
  border-bottom: 1px solid var(--kenar-cizgi);
  padding: 12px 20px;
}
.endeks li + li .endeks-satir { border-top: 1px solid var(--kenar-cizgi); }

/* Satır: şeffaf — kesit tablonun kendisi; hover zeminde ton kayması */
.endeks-satir {
  display: grid;
  grid-template-columns: 3.4ch minmax(0, 1fr);
  column-gap: 14px;
  row-gap: 6px;
  align-items: baseline;
  padding: 16px 20px;
  text-decoration: none;
  color: inherit;
  font-variant-numeric: tabular-nums;
}
.e-no {
  font-family: var(--mono);
  font-weight: 500;
  font-size: 13px;
  color: var(--pasif);
}
.e-ad { font-weight: 600; font-size: 16.5px; line-height: 1.35; }
.e-tur { display: block; font-weight: 400; font-size: 13.5px; color: var(--pasif); }
.e-not { grid-column: 1 / -1; font-size: 14px; line-height: 1.55; color: var(--pasif); }
/* Mobil alt satır: alan adı + yıl + yığın tek metin satırında */
.e-meta { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 14px; font-family: var(--mono); font-size: 12.5px; }
.e-alan { white-space: nowrap; }
.e-yil { color: var(--pasif); }
.e-yigin { color: var(--pasif); }

@media (min-width: 1024px) {
  .endeks-basliklar { display: grid; }
  .endeks-satir {
    grid-template-columns: 3.4ch minmax(180px, 0.9fr) minmax(0, 1.3fr) minmax(110px, auto) 4ch minmax(120px, auto);
    align-items: first baseline;
  }
  .e-not { grid-column: auto; }
  .e-meta { display: contents; } /* alan, yıl ve yığın doğrudan satır ızgarasına katılır */
}

/* Satır etkileşimi: satır zemininde ton kayması; renk bloğu değil */
a.endeks-satir { transition: background-color var(--hiz-orta) var(--yumuşak); }
@media (hover: hover) {
  a.endeks-satir:hover { background: color-mix(in srgb, var(--vurgu) 6%, var(--yuzey)); }
  a.endeks-satir:hover .e-no { color: var(--vurgu); }
}
a.endeks-satir:focus-visible { background: color-mix(in srgb, var(--vurgu) 6%, var(--yuzey)); }
a.endeks-satir:focus-visible .e-no { color: var(--vurgu); }

/* Yetkinlik haritası: her iddia gerçek işlere bağlanır; kesitler tablo dilinde */
.ygrup {
  background: var(--yuzey);
  border: 1px solid var(--kenar-cizgi);
  border-radius: var(--radius-kart);
  padding: clamp(20px, 2.6vw, 30px);
  display: grid;
  gap: 12px 24px;
}
.ygrup + .ygrup { margin-top: 14px; }
.ygrup h3 {
  font-family: var(--display);
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.005em;
}
.y-liste { display: flex; flex-wrap: wrap; gap: 6px; }
.y-liste .cips { background: var(--zemin); }
.y-kanit { font-family: var(--mono); font-size: 12.5px; line-height: 1.8; color: var(--pasif); }
@media (min-width: 1024px) {
  .ygrup { grid-template-columns: minmax(220px, 3fr) minmax(0, 6fr) minmax(230px, 3fr); align-items: start; }
}

/* İletişim: form yok, tek satırda çözülür */
.iletisim-satir {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 28px;
  padding-block: 10px 34px;
}
.iletisim-link {
  font-family: var(--display);
  font-weight: 600;
  font-size: clamp(20px, 2.4vw, 30px);
  letter-spacing: -0.005em;
}
.kopyala {
  font-family: var(--mono);
  font-size: 13px;
  min-height: 44px;
  padding: 10px 22px;
  border-radius: var(--radius-kart);
  background: var(--yuzey);
  color: var(--metin);
  border: 1px solid var(--kenar-cizgi);
  cursor: pointer;
  transition: transform var(--hiz-kisa) var(--yumuşak), background-color var(--hiz-kisa) var(--yumuşak), color var(--hiz-kisa) var(--yumuşak), border-color var(--hiz-kisa) var(--yumuşak);
}
.kopyala:hover { border-color: var(--vurgu); color: var(--vurgu); }
.kopyala:active { transform: scale(0.98); }
.kopyala--evet { background: var(--vurgu); color: #fff; border-color: var(--vurgu); }

/* Alt künye */
.kunye-alt { border-top: 1px solid var(--kenar-cizgi); }
.kunye-alt .icerik { display: flex; flex-direction: column; gap: 6px; padding-block: 26px 40px; }
.kunye-alt p { font-family: var(--mono); font-size: 12.5px; color: var(--pasif); }

/* Sağ alt pafta numarası: scrub ile anlık set edilir; yalnız ≥1024px görünür.
   Sayaç, antetle birlikte hap yarıçapına izin verilen ikinci yüzeydir (tam cam doz). */
.pafta-sayac {
  position: fixed;
  right: clamp(14px, 2vw, 28px);
  bottom: clamp(14px, 2vw, 24px);
  z-index: 40;
  display: none;
  font-family: var(--mono);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  color: var(--metin);
  border-radius: var(--radius-hap);
  padding: 8px 16px;
}
.pafta-sayac b { font-weight: 500; color: var(--metin); }
@media (min-width: 1024px) {
  .pafta-sayac { display: block; }
}