/* ═══════════════════════════════════════════════════════════════════════════════════
   akkopar.com v8 — KANIT SAYFASI parçaları  (yükleme sırası: _v8.css → _v8_kanit.css)
   ⛔ Ortak `_v8.css` bu dosyadan DEĞİŞTİRİLMEZ; burada yalnız kanit.html'in kendi
      bileşenleri (Ş5 kazanım defteri · teslim satırları · dört test) tanımlanır.
   Renk: yeni hex YOK — hepsi `_v8.css :root` token'ları (§2). Çizgi: tek kalınlık 1,5px (§3a).
   ═══════════════════════════════════════════════════════════════════════════════════ */

/* ── Ş5 KAZANIM DEFTERİ (T-hesap / mizan) ──────────────────────────────────────────
   Üst yarı = SVG çizim (üst kural + dikey ayraç + solda üç ölçüm satırı + sağda kesik
   çerçeveli boş kazanım hanesi). SVG'de METİN YOK — etiketler yandaki `dl.hesap` dizininde.
   Alt yarı = "aynı cetvel": tek yatay kural + üstünde kağıt dolgulu düğüm (p-cetvel).
   Kural bir PSEUDO-ELEMAN'dır (Ş1'in `.durak::before` kalıbı): düğümün opak zemini çizgiyi
   maskeler, kardeş elemanlar birbirinin kutusuna girmez. */
.defter-ikili{margin-top:2.6rem}
.defter-cizim{display:block;width:100%;height:auto}
/* Renk CSS'ten verilir (sunum özniteliğini geçer) — çizgi lacivert, kesik hane ikincil (§3a) */
.defter-cizim .d-birincil{stroke:var(--lacivert)}
.defter-cizim .d-ikincil{stroke:var(--ikincil)}

.defter-taban{position:relative;display:flex;justify-content:center;padding-top:1.25rem}
.defter-taban::before{
  content:"";position:absolute;inset-inline:0;height:0;
  top:calc(1.25rem + var(--dugum)/2 - 0.75px);
  border-top:1.5px solid var(--lacivert);
}
.defter-taban .dugum{margin-bottom:0}

.defter-not{margin-top:1.05rem;max-width:66ch}

/* Dizin: dar sütunda tek kolon kalır (ortak `.hesap` iki kolonludur) */
.hesap.defter-dizin{grid-template-columns:1fr;margin-top:0}
.hesap.defter-dizin > div,
.hesap.defter-dizin > div:nth-child(even){padding-inline:0;border-inline-start:0}
.hesap.defter-dizin > div:last-child{border-bottom:0}

/* ── TESLİM SATIRLARI — altı teslim, kart YOK (ortak `.satirlar` ızgarası üstünde) ── */
.teslim-bas{display:flex;flex-direction:column;gap:.32rem}
/* 09-07 (2a): punto/renk/ağırlık artık `_v8.css` `.etiket-vurgu`den (rol 8) — HTML'e
   eklendi. `.teslim-no` SIRA numarasıdır (ölçüm değil, rol 2 dışı — bkz. aşağıdaki not);
   rol 8'e girmesinin gerekçesi FARKLI: eyebrow konumu (h3'ün hemen üstünde), ölçüm iddiası
   değil. Serif burada YOK (yalnız `.serit-no` istisnası serif'te kalır, bkz. `_v8.css`; G24). */
.teslim-no{line-height:1}
.teslim-bicim{font-size:var(--p1);font-weight:500;line-height:1.55;color:var(--ikincil)}
.teslim-metin{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}

/* ── §11.8 ROL 2 · ÖLÇÜLEN RAKAM (Tur 6 yayılımı · `body.vurgu-sistemi`) ───────────
   Sözleşme §11.8 rol 2: "`dl.hesap` sayıları (beyaz zeminde) → rakam kırmızı,
   serif/`tabular-nums`, ≥1,25rem" (G24: serif artık gövdeden miras). index'te bu kural YAZILMADI çünkü oranın TEK `dl.hesap`'ı
   lacivert bandın içindedir (K20e → beyaz kalır); kanit'te ise `#sicil`'in `dl.hesap`'ı
   BEYAZ zemindedir ve rakamları gerçekten sayılmıştır ("dosyalardan sayılmış, iddia
   edilmemiş" — dip künyesi). Bu yüzden kural burada, yalnız bu sayfanın CSS'inde.

   ⛔ Kapsam dar tutuldu — `dd.sayi`, yani ölçülmüş üç rakam:
   · "Ölçülmüş kazanım → Kayıt bekliyor." `.sayi` TAŞIMAZ → kırmızıya girmez (sayfanın tezi
     tam olarak o hanenin boş durmasıdır; kırmızı onu doldurulmuş gibi gösterirdi).
   · `#defter`'in `.hesap.defter-dizin`'i düz metindir (`.sayi` yok) → dokunulmaz.
   · `.teslim-no` (01-06) SIRA numarasıdır, ölçüm değil → bu rolün (rol 2) DIŞINDA kalır.
     (09-07: kırmızı rengi artık VAR ama başka bir rolden — rol 8 dizin-eyebrow'u; "ölçülmüş
     rakam" iddiası taşımaz, bkz. `_v8.css` rol 8 notu.)
   Punto lacivert banttaki ikiziyle aynı (1,32rem ≥ 1,25rem sınırı); kontrast
   #C8102E ↔ #FFFFFF ≈ 5,88:1 (§11.8 ≥4,5 şartı). Hareket YOK — kalıcı vurgu. */
.vurgu-sistemi .hesap dd.sayi{
  
  font-size:var(--p3);line-height:1.35;color:var(--kirmizi);
}

/* ── DÖRT TEST — aynı satır ızgarası, başlık solda ────────────────────────────────── */
.testler p{margin-bottom:.75rem}
.testler p:last-child{margin-bottom:0}

@media (max-width:900px){
  .teslim-bas{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:.3rem .9rem}
  .teslim-bicim{flex-basis:100%}
}
@media (max-width:640px){
  .defter-taban{padding-top:1rem}
  .defter-taban::before{top:calc(1rem + var(--dugum)/2 - 0.75px)}
}

/* ── TEŞHİS KARNESİ MİNİ ARACI (§3b, AKK onaylı madde 7) ─────────────────────────────
   Kart YOK (§2/§3 sözleşmesi): fieldset varsayılan çerçevesi sıfırlanır, ayrım ince
   `--hat` çizgisiyle kurulur. Renk: yalnız mevcut token'lar; kırmızı YALNIZ en düşük
   duran hesabın işaretinde (bar dolgusu + "açık veren hesap" etiketi) — §1-B doz kuralı. */
.karne-panel{margin-top:2.6rem}

.karne-girdi{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(20px,2.4vw,34px) clamp(24px,3vw,48px);
  padding-top:1.7rem;border-top:1px solid var(--hat);
}
.karne-alan{border:0;margin:0;padding:0;min-width:0}
.karne-alan .karne-ad{
  padding:0;font-weight:600;
  font-size:var(--p2);color:var(--lacivert);margin-bottom:.35rem;
}
.karne-tanim{margin:0 0 .9rem;font-size:var(--p1);line-height:1.55;color:var(--ikincil)}
.karne-girdi-satir{display:flex;align-items:center;gap:.9rem}
.karne-girdi-satir input[type=range]{
  flex:1 1 auto;width:100%;accent-color:var(--lacivert);cursor:pointer;
}
/* 09-08 yayın karnesi §5 dokunma hedefi: kaydırıcı 304×16 ölçüldü → ≤900'de dokunma alanı 44px
   (görünüm aynı; yalnız isabet yüksekliği) */
@media (max-width:900px){ .karne-girdi-satir input[type=range]{height:44px} }
.karne-girdi-satir input[type=range]:focus-visible{outline:2px solid var(--kirmizi);outline-offset:3px}
.karne-deger{
  flex:none;min-width:1.7rem;text-align:end;font-variant-numeric:tabular-nums;
  font-weight:600;font-size:var(--p2);color:var(--lacivert);
}

/* ── MİZAN — altı çubuk, kırmızı yalnız en düşük hesapta ─────────────────────────── */
.karne-mizan{margin-top:2.4rem;padding-top:1.7rem;border-top:2px solid var(--lacivert)}
.karne-mizan-bas{margin-bottom:1rem;font-size:var(--p1);font-weight:600;color:var(--lacivert)}
.karne-cubuklar{list-style:none;margin:0;padding:0}
.karne-satir{
  display:grid;grid-template-columns:minmax(0,7.5rem) minmax(0,1fr) 1.6rem;
  align-items:center;gap:.7rem;padding:.55rem 0;border-bottom:1px solid var(--hat);
}
.karne-satir:last-child{border-bottom:0}
.karne-satir-ad{font-size:var(--p1);font-weight:600;color:var(--lacivert)}
.karne-satir-iz{display:block;position:relative;height:10px;background:var(--beyaz);border:1px solid var(--hat)}
.karne-satir-dolu{
  position:absolute;inset:0;background:var(--lacivert);
  transform-origin:left center;                             /* değer HTML'de inline (K20g dinlenme durumu) */
  transition:transform .2s ease-out,background-color .2s ease-out;
}
.karne-satir-puan{font-variant-numeric:tabular-nums;font-weight:600;color:var(--lacivert);text-align:end}
.karne-satir--acik .karne-satir-dolu{background:var(--kirmizi)}
.karne-satir-etiket{
  grid-column:1 / -1;margin-top:.2rem;font-size:var(--p1);font-weight:700;color:var(--kirmizi);
  text-transform:uppercase;letter-spacing:.06em;
}
.karne-acik-cumle{margin-top:1.1rem}

/* ── ÇIKTI — kopyala + CTA, rakam eklemiyoruz ────────────────────────────────────── */
.karne-cikti{margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--hat)}
.karne-not{margin-bottom:1.1rem;max-width:66ch}
.karne-eylem{display:flex;flex-wrap:wrap;align-items:center;gap:1.1rem 1.7rem}
#karne-kopyala{
  font:inherit;background:none;border:0;border-bottom:1px solid rgba(11,37,69,.38);
  padding:0 0 2px;cursor:pointer;
}
/* 09-08 karne §5: "Sonucu kopyala" 126×32 ölçüldü → 44px isabet (alt çizgi metinde kalır).
   ⛔ UX-S3 (2026-09-17, site-genel-borc): eşik ≤900px'e HAPSEDİLMİŞTİ — ux_kapisi masaüstünü
   (1440px) 900px altı sanıp ısırdı. Görsel BÜYÜMEZ (align-items:flex-end metni tabanda
   tutar), yalnız dokunma kutusu her viewport'ta 44px.
   ⚠️ NOT: web/_kaynak_v8/_v8_kanit.css BU DOSYANIN KAYNAĞI DEĞİL (README: "v8 kuşağı
   ÜRETİCİSİ YOK", bu dosya doğrudan burada elle düzenlenir — kaynak_v8 kopyası zaten
   BAŞKA yönlerden de driftli/bayat, aynı satır orada da düzeltildi ama ETKİSİZ). */
#karne-kopyala{min-height:44px;display:inline-flex;align-items:flex-end}
.karne-kopya-durum{margin-top:.75rem;font-size:var(--p1);font-weight:600;color:var(--lacivert);min-height:1.2em}

@media (max-width:900px){
  .karne-girdi{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .karne-girdi{grid-template-columns:1fr}
  .karne-satir{grid-template-columns:minmax(0,5.4rem) minmax(0,1fr) 1.4rem}
  .karne-eylem{flex-direction:column;align-items:flex-start;gap:.9rem}
}

/* K20d — bu dosyada hareket var (.karne-satir-dolu transition) → dosya-başına zorunlu blok */
@media (prefers-reduced-motion:reduce){
  .karne-satir-dolu{transition-duration:.01ms !important}
}