/* Yasal belge ortak bileşenleri — içindekiler, veri tablosu, sözlük, değişiklik kaydı
   (2026-10-03) · Kapsam: yalnız 7 yasal belge.
   Tasarım dili mevcut yasal sayfalarla aynı: petrol-altın palet, yüksek okunabilirlik.
   NOT: `body > *:not(...)` tuzağına düşmemek için bu dosyada body seçicisi YOKTUR;
   tüm kurallar .dt-yasal* sınıflarına bağlıdır. */

:root {
  --yt-metin: #10242B;
  --yt-soft: #5C7078;
  --yt-cizgi: rgba(16, 36, 43, .14);
  --yt-altin: #C5923E;
  --yt-petrol: #0F6B7C;
  --yt-uyari-bg: rgba(197, 146, 62, .10);
  --yt-uyari-kenar: rgba(197, 146, 62, .45);
  --yt-iptal: #8C3B2E;
  --yt-ok: #1F6B4A;
}

/* ── 1. VERİ TABLOSU (ortak referans) ───────────────────────────────────── */
.dt-veri-tablo {
  width: 100%;
  border-collapse: collapse;
  margin: 1.25rem 0 1.5rem;
  font-size: .88rem;
  line-height: 1.55;
}
.dt-veri-tablo caption {
  caption-side: top;
  text-align: left;
  padding-bottom: .5rem;
  font-weight: 700;
  font-size: .9rem;
  color: var(--yt-petrol);
}
.dt-veri-tablo th,
.dt-veri-tablo td {
  padding: .6rem .7rem;
  border: 1px solid var(--yt-cizgi);
  text-align: left;
  vertical-align: top;
}
.dt-veri-tablo thead th {
  background: rgba(15, 107, 124, .07);
  font-weight: 700;
  color: var(--yt-petrol);
}
.dt-veri-t tbody tr:nth-child(even) { background: rgba(15, 107, 124, .035); }

/* Yatay kaydırma: dar ekranda tablo taşmasın (360 px kapısı) */
.dt-tablo-sarmal {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  margin: 1.25rem 0 1.5rem;
}
/* Sarmalayıcı kenar boşluğunu taşır; tablo içinde ek boşluk olmasın */
.dk-prose .dt-tablo-sarmal > table,
.dk-prose .dt-tablo-sarmal > .dt-veri-tablo { margin: 0; }

/* ── 2. KAYNAK/REFERANS KUTUSU ─────────────────────────────────────────── */
.dt-baginti {
  margin: 1.25rem 0;
  padding: 13px 15px;
  border: 1px solid var(--yt-cizgi);
  border-left: 3px solid var(--yt-petrol);
  border-radius: 10px;
  background: rgba(15, 107, 124, .05);
  font-size: .88rem;
  line-height: 1.65;
}
.dt-baginti > :first-child { margin-top: 0; }
.dt-baginti > :last-child { margin-bottom: 0; }
.dt-baginti-baslik {
  display: block;
  font-weight: 800;
  color: var(--yt-petrol);
  margin-bottom: .35rem;
  font-size: .84rem;
  letter-spacing: .01em;
  text-transform: uppercase;
}

/* ── 3. AVUKAT / DANIŞMAN NOTU (her belgede zorunlu) ─────────────────── */
.dt-danisman-notu {
  display: block;
  margin: 1.25rem 0;
  padding: 13px 15px;
  border: 1px dashed var(--yt-uyari-kenar);
  border-left: 3px solid var(--yt-altin);
  border-radius: 10px;
  background: var(--yt-uyari-bg);
  font-size: .87rem;
  line-height: 1.65;
  color: var(--yt-metin);
}
.dt-danisman-notu > :first-child { margin-top: 0; }
.dt-danisman-notu > :last-child { margin-bottom: 0; }
.dt-danisman-notu-baslik {
  display: block;
  font-weight: 800;
  color: #8A6318;
  margin-bottom: .3rem;
  font-size: .83rem;
  text-transform: uppercase;
  letter-spacing: .01em;
}

/* ── 4. SÖZLÜK ────────────────────────────────────────────────────────── */
.dt-sozluk { margin: 1rem 0 1.5rem; }
.dt-sozluk dt {
  font-weight: 700;
  color: var(--yt-petrol);
  margin-top: .8rem;
  font-size: .92rem;
}
.dt-sozluk dd {
  margin: .2rem 0 0 0;
  padding-left: .9rem;
  border-left: 2px solid var(--yt-cizgi);
  font-size: .9rem;
  line-height: 1.6;
  color: var(--yt-metin);
}

/* ── 5. DEĞİŞİKLİK KAYDI ─────────────────────────────────────────────── */
.dt-degisiklik { list-style: none; margin: 1rem 0; padding: 0; }
.dt-degisiklik li {
  display: grid;
  grid-template-columns: 7.5rem 1fr;
  gap: .35rem .9rem;
  padding: .6rem 0;
  border-bottom: 1px solid var(--yt-cizgi);
  font-size: .88rem;
  line-height: 1.55;
}
.dt-degisiklik li:last-child { border-bottom: 0; }
.dt-degisiklik .dt-surum {
  font-weight: 700;
  color: var(--yt-petrol);
  font-variant-numeric: tabular-nums;
}
.dt-degisiklik .dt-tarih {
  display: block;
  font-weight: 400;
  color: var(--yt-soft);
  font-size: .8rem;
}

/* ── 6. SIK SORULAN SORULAR ────────────────────────────────────────────── */
.dt-sss { margin: 1rem 0; }
.dt-sss details {
  border: 1px solid var(--yt-cizgi);
  border-radius: 10px;
  padding: .1rem .9rem;
  margin-bottom: .55rem;
  background: rgba(15, 107, 124, .03);
}
.dt-sss summary {
  cursor: pointer;
  font-weight: 700;
  font-size: .91rem;
  color: var(--yt-petrol);
  padding: .65rem 0;
  list-style: none;
  min-height: 44px;
  display: flex;
  align-items: center;
}
.dt-sss summary::-webkit-details-marker { display: none; }
.dt-sss summary::before {
  content: "+";
  display: inline-block;
  width: 1.3em;
  font-weight: 800;
  color: var(--yt-altin);
}
.dt-sss details[open] summary::before { content: "\2212"; }
.dt-sss summary:focus-visible { outline: 2px solid var(--yt-altin); outline-offset: 2px; }
.dt-sss .dt-sss-cevap {
  padding: 0 0 .8rem 1.3em;
  font-size: .89rem;
  line-height: 1.65;
}
.dt-sss .dt-sss-cevap > :first-child { margin-top: 0; }
.dt-sss .dt-sss-cevap > :last-child { margin-bottom: 0; }

/* ── 7. ROL TABLOSU / YETKİ MATRİSİ ───────────────────────────────────── */
.dt-rol-etiket {
  display: inline-block;
  padding: .1rem .5rem;
  border-radius: 999px;
  font-size: .76rem;
  font-weight: 700;
  background: rgba(15, 107, 124, .1);
  color: var(--yt-petrol);
  border: 1px solid rgba(15, 107, 124, .22);
}

/* ── 8. KABUL / TESCİL AKIŞI ─────────────────────────────────────────── */
.dt-akis {
  counter-reset: dt-akis;
  list-style: none;
  margin: 1.1rem 0;
  padding: 0;
}
.dt-akis > li {
  counter-increment: dt-akis;
  position: relative;
  padding: .1rem 0 .1rem 2.4rem;
  margin-bottom: .8rem;
  font-size: .9rem;
  line-height: 1.65;
  min-height: 44px;
}
.dt-akis > li::before {
  content: counter(dt-akis);
  position: absolute;
  left: 0;
  top: .05rem;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background: var(--yt-petrol);
  color: #fff;
  font-size: .82rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ── 9. YASAL TARAMA ROZETİ (her belgede görünür künye) ───────────────── */
.dt-yasal-kunye {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem .9rem;
  margin: 1rem 0 1.5rem;
  padding: 12px 15px;
  border: 1px solid var(--yt-cizgi);
  border-radius: 12px;
  background: rgba(15, 107, 124, .04);
  font-size: .84rem;
}
.dt-yasal-kunye > span { display: inline-flex; gap: .35rem; align-items: baseline; }
.dt-yasal-kunye b { color: var(--yt-petrol); font-weight: 700; }

/* ── 10. KOYU TEMA ────────────────────────────────────────────────────── */
html[data-theme="dark"] .dt-veri-tablo { --yt-metin: #E8EFF1; --yt-soft: #9FB3BA; --yt-cizgi: rgba(232, 239, 241, .16); }
html[data-theme="dark"] .dt-veri-tablo thead th { color: #7FD4E2; background: rgba(127, 212, 226, .1); }
html[data-theme="dark"] .dt-baginti { --yt-metin: #E8EFF1; background: rgba(127, 212, 226, .08); }
html[data-theme="dark"] .dt-baginti-baslik,
html[data-theme="dark"] .dt-sozluk dt,
html[data-theme="dark"] .dt-sss summary,
html[data-theme="dark"] .dt-degisiklik .dt-surum { color: #7FD4E2; }
html[data-theme="dark"] .dt-danisman-notu { --yt-metin: #E8EFF1; background: rgba(197, 146, 62, .14); }
html[data-theme="dark"] .dt-danisman-notu-baslik { color: #F5C542; }
html[data-theme="dark"] .dt-sozluk dd { color: #E8EFF1; }
html[data-theme="dark"] .dt-sss summary { color: #7FD4E2; }
html[data-theme="dark"] .dt-rol-etiket { color: #7FD4E2; background: rgba(127, 212, 226, .12); }
html[data-theme="dark"] .dt-akis > li::before { background: #7FD4E2; color: #0B1E24; }

/* ── 11. DUYARLI ──────────────────────────────────────────────────────── */
@media (max-width: 560px) {
  .dt-veri-tablo { font-size: .82rem; }
  .dt-veri-tablo th, .dt-veri-tablo td { padding: .5rem .55rem; }
  .dt-degisiklik li { grid-template-columns: 1fr; gap: .1rem; }
  .dt-sss > details, .dt-sss { padding-left: 0; }
  .dt-sss .dt-sss-cevap { padding-left: 0; }
  .dt-yasal-kunye { font-size: .8rem; }
}

/* Yazdırma: renk kaybı olmasın, kırılma noktası arkasında bölünmesin */
@media print {
  .dt-veri-tabo { table-layout: fixed; }
  .dt-veri-tablo, .dt-sss details { break-inside: avoid; }
  .dt-sss details > .dt-sss-cevap { display: block !important; }
  .dt-taslak-uyari, .taslak-uyari { border: 1px solid #666; }
}