/* ══════════════════════════════════════════════════════════════════════════════════ akkopar.com v8 — ai-masasi.html SAYFAYA ÖZGÜ KURALLAR (Tur 4) İskelet + token + tipografi: _v8.css (SSOT). Burada YALNIZ bu sayfanın taşıdığı yüzeyler var: beş belge yüzeyi + adımlayıcı · veri tabloları · iki akış şeması (Ş7) · departman matrisi · hesap paneli + aralık çubukları · sayaç listesi · merdiven · dipnot. Sözleşme: TASARIM_SOZLESMESI_v8_TASLAK.md §2 (yedi renk, Lora 500 + Inter) · §3a (şema dili: tek çizgi kalınlığı, dolgu yok) · §6 (krom yasakları) · kırmızı ekran başına ≤1. ⛔ Yeni renk YOK: her değer var(--…) üzerinden gelir (K11 palet kapısı). ══════════════════════════════════════════════════════════════════════════════════ */ /* ── ORTAK: işaretli sayı + kanıt sınıfı etiketi + damga ───────────────────────── `.rk` K19 rakam-kaynak kapısının işaretlediği sayıyı sarar: GÖRÜNÜMÜ değiştirmez, yalnız rakamı hizalar ve satır sonunda kırılmasını engeller. */ .rk{font-variant-numeric:tabular-nums;white-space:nowrap} .etiket{font-size:0.78rem;font-weight:600;line-height:1.4;color:var(--ikincil)} .etiket--olculmus{color:var(--lacivert)} /* Senaryo damgası — küçük punto YASAK (A35): gövde ölçüsünde, kendi çizgisiyle. */ .damga{ display:block;margin:0;padding:.72rem .95rem; border:1px solid var(--hat);background:var(--kagit); font-size:0.95rem;font-weight:500;line-height:1.55;color:var(--lacivert); } .bant--kagit .damga{background:var(--beyaz)} /* Dipnot işareti — bağ değil, işaret: alt çizgi yok, rakam küçük ve hizalı. */ .dn{font-size:0.72em;line-height:0;vertical-align:.42em;font-variant-numeric:tabular-nums} .dn a{text-decoration:none;color:var(--lacivert);border-bottom:1px solid var(--hat); padding-inline:.1em} .dn a:hover{border-bottom-color:var(--lacivert)} /* ── BÖLÜM 1: GİRİŞ — hero belge yüzeyi (§17 düzeltme, 2026-09-05 Fable göz) ───── Hero'daki karne kapağı (bitmap, başka kurgusal firmanın kapağı) çıktı; yerine Meşehan Mobilya Gün 2 teşhis belgesinin kompakt önizlemesi geldi — aynı `.belge-yuzey` sınıfı + aynı damga, `#doksan-gun`daki tam belgenin ilk 5 satırı (3 sütun: Birim/İstenen rapor/Bekleme — 6 sütunun tamamı `.hero .yuzey`in 26rem'inde denendi, "Rapor başına ödenen"+"Bekleme" kartın dışına taşıp kaydırma gerektiriyordu — hero'da keşfedilmez, bekleme rakamı gizli kalıyordu; tezin can alıcı sütunu budur, gizlenemez). Başlık h2 (h1→h3 atlaması olmasın diye); tipografi `.belge-yuzey h3` ile birebir, yalnız bu bölüme YEREL (bölüm 4'ün gerçek beş belgesine dokunmaz). `veri--genis` YOK: 3 sütun 26rem'e zaten sığıyor; ≤900px'teki paylaşılan zorunlu-min-genişlik (aşağıda) burada gereksiz kaydırma yaratmasın diye bu bileşene özel sıfırlanır. */ .hero-belge h2{ margin-top:1.1rem;font-family:"Lora",Georgia,"Times New Roman",serif; font-weight:500;font-size:clamp(1.35rem,1.15rem + .6vw,1.72rem);line-height:1.25; } @media (max-width:900px){ .hero-belge table.veri{min-width:0;table-layout:fixed} .hero-belge table.veri th:first-child,.hero-belge table.veri td:first-child{width:29%} .hero-belge table.veri th:nth-child(2),.hero-belge table.veri td:nth-child(2){width:47%} .hero-belge table.veri th:last-child,.hero-belge table.veri td:last-child{width:24%} /* `.veri .say` site-geneli white-space:nowrap taşır (sayı hücreleri için doğru) — ama BU üçüncü sütunun BAŞLIK metni ("Bekleme (iş günü)") 18 karakter, %24 sütunda sarmalanmazsa taşar (G6b göz: statik ekran görüntüsünde kesik metin yakalandı). Yalnız başlık sarsın. */ .hero-belge table.veri thead th.say{white-space:normal} } /* `` yerine `

` kullanıldı (HTML'de, tablonun DIŞINDA, `.veri-sar`dan önce) — ``, table-layout:fixed altında kendi shrink-to-fit/sütun-izi genişliğini alıp taşıyordu (`display:block`/`width:100%` denendi, ikisi de motor tuhaflığıyla 1. sütun genişliğine (%29) kilitlendi — G6b göz ile yakalandı); normal blok akışında bu sorun yok. */ .hero-belge .belge-blok > p.kunye{margin-bottom:.6rem} /* ── BÖLÜM 2: Ş7 İKİ AKIŞ (gölge-AI akışı ↔ masa akışı) ──────────────────────── §3a çizgi dili: 1,5px lacivert bağlaç · düğüm dairesi kağıt dolgulu · ikincil (kontrolsüz) akış kesik çizgi + ikincil renk. Piktogram YOK — mevcut on bir simgenin hiçbiri "kişisel hesap / veri dışarı / doğrulanmamış çıktı" anlamını taşımıyor ve her simge tek anlama kilitli (Ş6'nın kararı burada da geçerli). */ .akis{display:grid;gap:clamp(26px,2.6vw,38px);margin:0} .akis-hat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative} .akis-ad{ grid-column:1 / -1;margin-bottom:1rem;padding-bottom:.5rem; border-bottom:1px solid var(--hat); font-size:0.85rem;font-weight:600;color:var(--lacivert); } .akis-adim{position:relative;padding-inline:1.2rem;text-align:center} .akis-adim:first-of-type{padding-inline-start:0} .akis-adim:last-of-type{padding-inline-end:0} /* bağlaç: düğüm merkezinden komşu düğüm merkezine */ .akis-adim::before{ content:"";position:absolute;top:15px; inset-inline-start:calc(-50% + 1.2rem);inset-inline-end:calc(50% + 15px); border-top:1.5px solid var(--lacivert); } .akis-adim:first-of-type::before{display:none} .akis-nokta{ display:block;width:30px;height:30px;margin:0 auto .7rem; border:1.5px solid var(--lacivert);background:var(--kagit); border-radius:50%;position:relative;z-index:1; } .akis-nokta::after{ content:"";position:absolute;inset:8px;border-radius:50%;background:var(--lacivert); } .akis-adim h3{font-size:0.98rem;line-height:1.35} .akis-adim p{margin-top:.35rem;font-size:0.88rem;line-height:1.55;color:var(--ikincil)} /* kontrolsüz akış: kesik bağlaç, içi boş düğüm, ikincil renk */ .akis-hat--golge .akis-adim::before{border-top-style:dashed;border-top-color:var(--ikincil)} .akis-hat--golge .akis-nokta{border-color:var(--ikincil);border-style:dashed;background:var(--beyaz)} .akis-hat--golge .akis-nokta::after{display:none} .akis-hat--golge .akis-adim h3{color:var(--ikincil)} .bant--kagit .akis-nokta{background:var(--beyaz)} .bant--kagit .akis-hat--golge .akis-nokta{background:var(--kagit)} /* ── BÖLÜM 3: beş parça dizini — legend satırlarına ek alanlar ──────────────────── */ .parca-alt{margin-top:.75rem;display:grid;gap:.45rem} .parca-alt div{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr); gap:.2rem 1.1rem;align-items:baseline} .parca-et{font-size:0.8rem;font-weight:600;color:var(--ikincil)} .parca-alt p{margin:0;font-size:0.94rem;line-height:1.6} /* ── BÖLÜM 4: BEŞ BELGE — adımlayıcı + belge yüzeyi ───────────────────────────── Belge yüzeyi HTML tipografidir (bitmap değil): beyaz kâğıt, ince Hat çerçeve, üstte görünür senaryo damgası. Hareket yalnız kullanıcı tetiğiyle; otomatik geçiş YOK. */ /* ⇢ TAŞINDI (Tur 12): `.adim-nav` görsel kuralları ortak `_v8.css`'e `.sekme-dizini` (+ `.sekme-no`) adıyla geçti — egitim taslağı ikinci kullanıcı oldu, kopya-yapıştır yasak. `ai-masasi.html` nav'ı artık `class="adim-nav sekme-dizini"` taşır: `adim-nav` yalnız `_v8_masa.js`'in JS kancasıdır, görsel kural TAŞIMAZ. Alt etiket `.adim-no` → `.sekme-no`. ROL 4 hover/geçiş kuralları da `_v8.css` sonunda (aşağıdaki §11.8 bloğundan çıkarıldı). Computed görünüm ÖNCE/SONRA birebir aynı ölçüldü. */ /* min-width:0 — ızgara/esnek çocuğun varsayılan `min-width:auto`'su, içindeki geniş tablonun en-küçük-içerik genişliğini kutunun DIŞINA taşırıyordu (390'da ölçüldü: 890px). */ .belgeler-yigin{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(34px,3.4vw,56px)} .belgeler-yigin.js-adim{gap:0} .belge-yuzey{ min-width:0; margin:0;padding:clamp(20px,2.4vw,38px) clamp(18px,2.4vw,42px) clamp(26px,2.6vw,44px); background:var(--beyaz);border:1px solid var(--hat); box-shadow:0 20px 34px -30px rgba(11,37,69,.55); } .belge-ust{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;align-items:baseline; padding-bottom:.7rem;border-bottom:1px solid var(--hat)} .belge-zaman{font-family:"Lora",Georgia,"Times New Roman",serif;font-size:1.05rem; color:var(--lacivert);font-variant-numeric:tabular-nums} /* Eyebrow'un BAĞLAM yarısı (Tur 12 — AKK 09-08 göz turu: "Gün 2 boşta kalıyor"). Etiketin tamamı "Teşhis çıktısı · iki günlük oturumun sonunda"; kırmızı yalnız kısa ÇAPAda ("Teşhis çıktısı") kalsın diye bağlam yarısı ayrı span: ilk ekranda kırmızı dozu h1 vurgusu + amaç cümlesi + panelin üst çizgisiyle sınırlı (§11.8 doz kuralı). */ .belge-zaman-ek{color:var(--ikincil);font-size:0.95rem} .belge-sinif{font-size:0.8rem;font-weight:600;color:var(--ikincil);margin-inline-start:auto} .belge-yuzey h3{margin-top:1.1rem;font-family:"Lora",Georgia,"Times New Roman",serif; font-weight:500;font-size:clamp(1.35rem,1.15rem + .6vw,1.72rem);line-height:1.25} .belge-ne{margin-top:.8rem;max-width:74ch;font-size:1rem;line-height:1.65} .belge-yuzey .damga{margin-top:1.2rem} .belge-blok{margin-top:clamp(22px,2.2vw,32px)} .belge-blok h4{margin:0 0 .7rem;font-size:1rem;font-weight:600;color:var(--lacivert);line-height:1.35} .belge-blok > p{max-width:74ch;font-size:0.97rem;line-height:1.65} .belge-blok > p + p{margin-top:.7rem} .belge-hukum{ margin-top:clamp(22px,2.2vw,32px);padding-top:1.05rem;border-top:1px solid var(--hat); max-width:74ch;font-size:1rem;line-height:1.65;color:var(--lacivert); } /* ── VERİ TABLOSU (belge yüzeyinin içi) — kart yok, ince Hat çizgisi ───────────── */ .veri-sar{overflow-x:auto;max-width:100%} .veri-sar:focus-visible{outline:2px solid var(--lacivert);outline-offset:2px} table.veri{ width:100%;border-collapse:collapse;font-size:0.9rem;line-height:1.5; font-variant-numeric:tabular-nums;color:var(--govde); } .veri caption{ caption-side:top;text-align:start;padding-bottom:.65rem;margin-bottom:.85rem; border-bottom:1px solid var(--hat);font-size:0.85rem;font-weight:500;line-height:1.55; color:var(--ikincil);max-width:104ch; } .veri th,.veri td{text-align:start;vertical-align:top;padding:.55rem 1.15rem .58rem 0; border-top:1px solid var(--hat)} .veri th:last-child,.veri td:last-child{padding-inline-end:0} .veri thead th{border-top:0;padding-block:0 .5rem;font-size:0.78rem;font-weight:600; line-height:1.4;color:var(--ikincil)} .veri tbody th[scope="row"]{font-size:0.92rem;font-weight:600;line-height:1.35; color:var(--lacivert);padding-inline-end:1.2rem} .veri .say{text-align:end;padding-inline-end:1.15rem;white-space:nowrap} .veri td.say:last-child,.veri th.say:last-child{padding-inline-end:0} .veri tfoot th,.veri tfoot td{font-weight:600;color:var(--lacivert)} .veri-ipucu{display:none;margin-top:.65rem} .veri-not{margin-top:.95rem;max-width:96ch} /* ── BÖLÜM 5: DEPARTMAN MATRİSİ — 12 satır, tıkla-aç ───────────────────────────── */ .matris-dep{margin:1.9rem 0 0;border-top:1px solid var(--hat)} .dep{border-bottom:1px solid var(--hat)} .dep > summary{ display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr) 1.6rem; gap:.25rem 1.4rem;align-items:baseline; padding:.95rem 0;cursor:pointer;list-style:none; } .dep > summary::-webkit-details-marker{display:none} .dep > summary::marker{content:""} /* Üç ögenin de yeri AÇIK yazılır: kesin-sütunlu tek öge, otomatik yerleşimli kardeşini ilk hücreden atıyordu (390'da ölçüldü: ad sütunu 26px'e düşmüştü). */ .dep-ad{grid-column:1;grid-row:1;font-size:1.02rem;font-weight:600;color:var(--lacivert)} .dep-urun{grid-column:2;grid-row:1;font-size:0.97rem;line-height:1.55} .dep-im{grid-column:3;grid-row:1;justify-self:end;align-self:center;position:relative; width:1.1rem;height:1.1rem} .dep-im::before,.dep-im::after{ content:"";position:absolute;inset-inline:0;top:50%; border-top:1.5px solid var(--lacivert); } .dep-im::after{transform:rotate(90deg);transition:transform .15s ease} .dep[open] .dep-im::after{transform:rotate(0deg)} .dep-ic{padding:.2rem 0 1.35rem;display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr); gap:.55rem 1.4rem;margin:0} .dep-ic dt{font-size:0.8rem;font-weight:600;color:var(--ikincil)} .dep-ic dd{margin:0;font-size:0.95rem;line-height:1.62;max-width:70ch} /* ── HERO PANELİ · TEK SATIRLIK KAYIT DİZİSİ (Tur 12 — AKK 09-08 göz turu) ────── KÖK NEDEN: hero'daki envanter iki sütunlu `dl.dep-ic` idi; dar hero sütununda her kayıt 2-3 satıra sarıyor, panel 1317 px'e uzuyor, sol sütunun (664 px) altı boş kalıyordu. Kayıt artık TEK satır: birim · kısa ihtiyaç · bekleme. Ölçüm (1440): panel 1317 → 839 px. Rakamlar aynı `rk` işaretleriyle duruyor (K19). */ .kayit-dizi{list-style:none;margin:0;padding:0;border-top:1px solid var(--hat)} .kayit-dizi li{padding:.42rem 0;border-bottom:1px solid var(--hat); font-size:0.92rem;line-height:1.45} .kayit-dizi b{font-weight:600;color:var(--lacivert)} /* ── HERO IZGARASI · 6/6 (bu SAYFAYA özel; `_v8_ai.css` yalnız ai-masasi'nda yüklü) ─ Genel kalıp 1,3fr/1fr; bu sayfada sağdaki belge yüzeyi 416 px'e sıkışıp dikine uzuyordu. 6/6 + 34rem tavan ile panel 544 px genişliğe çıkıyor, boyu düşüyor. ⚠️ `min-width:901px` ŞART: genel `_v8.css` ≤900 px'te hero'yu tek sütuna indiriyor ve bu dosya ondan SONRA yüklendiği için kapsamsız bir kural mobili bozardı. */ @media (min-width:901px){ .hero-ic{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .hero .yuzey{max-width:34rem} } /* ── BÖLÜM 6: HESAP PANELİ ────────────────────────────────────────────────────── Ölçek kuralı: aynı birimi taşıyan çıktılar TEK ölçekte; en uzun çubuk o grubun en büyük değeridir ve değeri satırında yazılıdır (etiketsiz eksen yok). */ .panel{margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(22px,2.2vw,34px)} .panel > *{min-width:0} .panel-girdi{ display:grid;grid-template-columns:repeat(auto-fit,minmax(11.5rem,1fr)); gap:1.1rem clamp(16px,1.8vw,28px); padding:clamp(18px,2vw,26px) 0 0;border-top:1px solid var(--hat); } .alan{display:grid;gap:.28rem;align-content:start} .alan label{font-size:0.88rem;font-weight:600;color:var(--lacivert);line-height:1.35} .alan input{ font:inherit;font-size:1rem;font-variant-numeric:tabular-nums;color:var(--lacivert); background:var(--beyaz);border:1px solid var(--hat);padding:.5rem .6rem;width:100%; } .alan input:hover{border-color:var(--ikincil)} .alan input:focus-visible{outline:2px solid var(--kirmizi);outline-offset:2px} .alan-birim{font-size:0.78rem;color:var(--ikincil);line-height:1.4} .panel-eylem{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;margin-top:.2rem} .dugme-duz{ font:inherit;font-size:0.92rem;font-weight:600;color:var(--lacivert);background:none; border:0;border-bottom:1px solid rgba(11,37,69,.38);padding:0 0 2px;cursor:pointer; } .dugme-duz:hover{border-bottom-color:var(--lacivert)} .panel-uyari{font-size:0.88rem;color:var(--lacivert);margin:0} .olcek{margin:0;padding:0;list-style:none} .olcek + .olcek{margin-top:clamp(20px,2vw,30px)} .olcek-bas{ padding-bottom:.5rem;border-bottom:1px solid var(--hat); font-size:0.8rem;font-weight:600;color:var(--ikincil);line-height:1.4; } .cikti{ display:grid;grid-template-columns:minmax(0,15rem) minmax(0,11rem) minmax(0,1fr); gap:.3rem 1.3rem;align-items:baseline;padding:.85rem 0;border-bottom:1px solid var(--hat); } .cikti:last-child{border-bottom:0} .cikti-ad{font-size:0.95rem;font-weight:600;color:var(--lacivert);line-height:1.4} .cikti-alt{font-size:0.8rem;font-weight:500;color:var(--ikincil);line-height:1.45; grid-column:1;margin-top:.1rem} .cikti-deger{font-size:1.02rem;color:var(--lacivert);font-variant-numeric:tabular-nums; line-height:1.4} .cikti-birim{display:block;font-size:0.78rem;font-weight:500;color:var(--ikincil)} .cubuk{display:block;align-self:center;padding-block:.35rem} .cubuk-iz{display:block;position:relative;height:12px;background:var(--kagit); border:1px solid var(--hat)} .bant--kagit .cubuk-iz{background:var(--beyaz)} .cubuk-dolu{position:absolute;top:0;bottom:0;background:var(--lacivert);min-width:2px} .cubuk-im{position:absolute;top:-3px;bottom:-3px;width:1.5px;background:var(--ikincil)} .cubuk-im span{ position:absolute;top:-1.15rem;inset-inline-start:0;transform:translateX(-50%); font-size:0.7rem;font-weight:600;color:var(--ikincil);white-space:nowrap; } .cikti--sayacsiz .cubuk-iz{border-style:dashed;background:none} .cekmece{margin-top:1.4rem;border-top:1px solid var(--hat)} .cekmece > summary{padding:.9rem 0;cursor:pointer;font-size:0.95rem;font-weight:600; color:var(--lacivert);list-style:none} .cekmece > summary::-webkit-details-marker{display:none} .cekmece > summary::before{content:"+ ";font-variant-numeric:tabular-nums} .cekmece[open] > summary::before{content:"− "} .cekmece-ic{padding-bottom:1.4rem} /* ── BÖLÜM 7: ÖLÇÜLMÜŞ SAYAÇLAR ────────────────────────────────────────────────── */ .sayaclar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:1.9rem 0 0; border-top:1px solid var(--hat)} .sayac{display:grid;gap:.25rem;padding:1.15rem 2rem 1.25rem 0;border-bottom:1px solid var(--hat)} .sayac:nth-child(even){padding-inline:2rem 0;border-inline-start:1px solid var(--hat)} .sayac dt{font-size:0.85rem;font-weight:600;color:var(--ikincil)} .sayac dd{margin:0} .sayac-deger{font-family:"Lora",Georgia,"Times New Roman",serif;font-size:1.3rem; color:var(--lacivert);font-variant-numeric:tabular-nums;line-height:1.3} .sayac-nasil{font-size:0.8rem;color:var(--ikincil);line-height:1.5;word-break:break-word} /* ── BÖLÜM 8: MERDİVEN ──────────────────────────────────────────────────────────── */ table.merdiven{width:100%;border-collapse:collapse;font-size:0.92rem;line-height:1.55; color:var(--govde)} .merdiven caption{caption-side:top;text-align:start;padding-bottom:.65rem;margin-bottom:.85rem; border-bottom:1px solid var(--hat);font-size:0.85rem;font-weight:500; color:var(--ikincil);max-width:104ch} .merdiven th,.merdiven td{text-align:start;vertical-align:top;padding:.72rem 1.3rem .75rem 0; border-top:1px solid var(--hat)} .merdiven th:last-child,.merdiven td:last-child{padding-inline-end:0} .merdiven thead th{border-top:0;padding-block:0 .5rem;font-size:0.78rem;font-weight:600; color:var(--ikincil)} .merdiven tbody th[scope="row"]{font-size:0.98rem;font-weight:600;color:var(--lacivert); padding-inline-end:1.3rem} .uc-soru{margin:1.9rem 0 0;padding:0;list-style:none;border-top:1px solid var(--hat)} .uc-soru li{padding:1.05rem 0;border-bottom:1px solid var(--hat)} .uc-soru p{max-width:74ch;font-size:0.96rem;line-height:1.62} .uc-soru q{font-size:1.02rem;font-weight:600;color:var(--lacivert);display:block; margin-bottom:.35rem;max-width:74ch} /* ── BÖLÜM 9: DÜRÜSTLÜK + KOHORT + ÜÇ HALKA ────────────────────────────────────── */ .vaat{margin:1.9rem 0 0;padding:0;list-style:none;border-top:1px solid var(--hat)} .vaat li{padding:1.05rem 0;border-bottom:1px solid var(--hat);max-width:80ch} .vaat h3{font-size:1.02rem;margin-bottom:.3rem} .vaat p{font-size:0.96rem;line-height:1.64} .kip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:1.9rem 0 0; border-top:1px solid var(--hat)} .kip-hane{padding:1.2rem 1.6rem 1.35rem 0;border-inline-start:1px solid var(--hat); border-bottom:1px solid var(--hat)} .kip-hane:first-child{border-inline-start:0;padding-inline-start:0} .kip-hane h3{font-size:1rem;margin-bottom:.35rem} .kip-hane p{font-size:0.94rem;line-height:1.6} .kip-belirti{margin-top:.55rem;font-size:0.85rem;color:var(--ikincil);line-height:1.5} /* ── DİPNOT LİSTESİ ─────────────────────────────────────────────────────────────── */ .dipnot-blok{margin-top:var(--bosluk);padding-top:clamp(30px,3vw,46px); border-top:1px solid var(--hat)} .dipnot-blok h2{font-size:clamp(1.35rem,1.2rem + .5vw,1.6rem)} ol.dipnot{margin:1.4rem 0 0;padding:0 0 0 2.4rem;font-size:0.85rem;line-height:1.6; color:var(--ikincil)} ol.dipnot li{padding:.5rem 0;border-top:1px solid var(--hat);max-width:104ch; scroll-margin-top:6.5rem} ol.dipnot li:first-child{border-top:0} ol.dipnot li:target{background:var(--kagit)} .bant--kagit ol.dipnot li:target{background:var(--beyaz)} .dipnot-ad{color:var(--lacivert);font-weight:600} .dipnot a{color:var(--lacivert);word-break:break-word} /* ── DUYARLI (kırılımlar _v8.css ile aynı: 1280/1040/900/720/640/430) ───────────── */ @media (max-width:1180px){ .cikti{grid-template-columns:minmax(0,13rem) minmax(0,10rem) minmax(0,1fr);gap:.3rem 1rem} } @media (max-width:1040px){ .dep > summary{grid-template-columns:minmax(0,11rem) minmax(0,1fr) 1.6rem} .dep-ic{grid-template-columns:minmax(0,11rem) minmax(0,1fr)} } @media (max-width:900px){ /* Tablolar sıkışmaz: KENDİ KABINDA yana kayar, sayfa gövdesi taşmaz (danismanlik deseni) */ table.veri{min-width:46rem;table-layout:fixed} table.veri.veri--genis{min-width:58rem} .veri-ipucu{display:block} .veri caption{display:block;position:sticky;inset-inline-start:0; width:calc(100vw - 2*var(--yan));max-width:none} table.merdiven{font-size:0.88rem} .merdiven th,.merdiven td{padding-inline-end:1rem} .sayaclar{grid-template-columns:1fr} .sayac,.sayac:nth-child(even){padding-inline:0;border-inline-start:0} .kip{grid-template-columns:1fr} .kip-hane{border-inline-start:0;padding-inline:0} .akis-hat{grid-template-columns:1fr;row-gap:1.1rem} .akis-adim{padding-inline:0;text-align:start;display:grid; grid-template-columns:30px minmax(0,1fr);column-gap:1rem;row-gap:.2rem} .akis-nokta{margin:0;grid-row:1 / span 2} .akis-adim h3,.akis-adim p{grid-column:2} /* dikey akışta bağlaç düğümden düğüme iner */ .akis-adim::before{top:auto;bottom:calc(100% + .1rem);height:1.1rem; inset-inline-start:14.25px;inset-inline-end:auto; border-top:0;border-inline-start:1.5px solid var(--lacivert)} .akis-hat--golge .akis-adim::before{border-inline-start-style:dashed; border-inline-start-color:var(--ikincil)} } @media (max-width:720px){ .parca-alt div{grid-template-columns:1fr;row-gap:.15rem} .dep > summary{grid-template-columns:minmax(0,1fr) 1.6rem;row-gap:.3rem} .dep-ad{grid-column:1;grid-row:1} .dep-urun{grid-column:1;grid-row:2} .dep-im{grid-column:2;grid-row:1 / span 2} .dep-ic{grid-template-columns:1fr;row-gap:.15rem} .dep-ic dd{margin-bottom:.55rem} .cikti{grid-template-columns:1fr;row-gap:.45rem} .cikti-alt,.cikti-deger,.cubuk{grid-column:1} .cubuk{padding-top:.9rem} .merdiven caption{display:block;position:sticky;inset-inline-start:0; width:calc(100vw - 2*var(--yan));max-width:none} .merdiven-sar{overflow-x:auto} table.merdiven{min-width:44rem;table-layout:fixed} } @media (max-width:640px){ /* `.adim-nav` dar-ekran kuralları da `_v8.css` `.sekme-dizini`e taşındı (Tur 12). */ .belge-sinif{margin-inline-start:0} ol.dipnot{padding-inline-start:1.7rem} } @media (max-width:430px){ table.veri{min-width:42rem} table.veri.veri--genis{min-width:52rem} } /* ── HAREKET KAPALI (sözleşme §11.1 · K20d) ────────────────────────────────────── Bu dosyanın KENDİ hareketi var (`.dep-im::after` departman matrisi aç/kapa oku). K20d dosya-başına ölçer: paylaşılan `_v8.css`'teki blok sayfaya-özgü dosyayı aklamaz — hareketi taşıyan her kaynak kendi `prefers-reduced-motion` karşılığını taşımalı. */ @media (prefers-reduced-motion:reduce){ .dep-im::after{transition-duration:.01ms} } /* ══════════════════════════════════════════════════════════════════════════════════ ═══ TUR 6 YAYILIMI — §11 HAREKET DİLİ + §11.8 KIRMIZI VURGU (ai-masasi) ═══ Sistem `_v8.css` §11.8'de kurulu; sayfa `` taşıdığı için rol 3 (bölüm işareti) + rol 7 (çift-renk başlık) ORADAN gelir — burada tekrarlanmaz. Rol 7 kapsam dışı bırakılan iki H2 (ikisi de <1,75rem, bölüm değil): `.hero-belge h2` (belge yaprağının KENDİ başlığı, 1,72rem) ve `.dipnot-blok h2` ("Kaynaklar", 1,6rem). Uygulanan roller: 2 (aşağıda) · 3 (11 bölüm H2 — Tur 8'de örnek-çıktı eklendi) · 4 (aşağıda) · 5 (aşağıda) · 6 (marka noktası, ortak üst bant) Şemalar (Ş7 iki akış · beş parça dizini): kırmızı YOK — §3a çizgi dili lacivert/ikincil ve hiçbir §11.8 rolü şema çizgisine karşılık gelmiyor (dekor kırmızısı yasak). Tek an: sözleşmede bu sayfa için TANIMSIZ (§11.1'in tek istisnası `surec`'in durak zinciri) → orkestre an KURULMADI, uydurulmadı. ══════════════════════════════════════════════════════════════════════════════════ */ /* ── ROL 2 · ÖLÇÜLEN / HESAPLANAN RAKAM ──────────────────────────────────────────── İKİ küme, ikisi de işaretli (K19) ve ikisi de beyaz/kağıt zeminde: ① `#masa-panel` çıktıları — `masa_modeli.py` ↔ `_v8_masa.js` motorundan HESAPLANIR (`data-model`), okur girdisini değiştirince yeniden yazılır. ② `.sayac-deger` — sitenin tek "ölçülmüş" kümesi (`data-olculmus`, yanında ölçüm komutu yazılı). Kırmızı burada iddiayı taşır: bu sayı sayfaya yazılmadı, ölçüldü. Kırmızı yalnız RAKAMA aittir: birim (`.cikti-birim`) ve etiket ikincil kalır. `.cekmece` içindeki parametreler (varsayım / süreç standardı) çıktı DEĞİLDİR → lacivert. ⚠️ ÇUBUK DOLGUSU BİLİNÇLİ OLARAK LACİVERT KALDI (§11.8 rol 2'nin "çubuk dolgusu kırmızı" satırından sapma, gerekçesi yazılı): index'te tek çubuk vardı, burada 10 çubuk var — 10 kırmızı dolgu "anlam taşıyan vurgu" olmaktan çıkıp dekora döner; ayrıca satırların yarısı BEDEL satırıdır ("kontrol adımına giden kişi-saat", "dışarıdan alınmaya devam eden rapor") ve jüri r2'nin mali-persona notu kırmızının "zarar" okunabildiğini söylüyor. Rakam kırmızı → vurgu var; çubuk nötr → grafik yanlış anlam yüklemiyor. */ .vurgu-sistemi .panel-cikti .cikti-deger .rk{color:var(--kirmizi)} .vurgu-sistemi .panel-cikti .cikti-deger{font-size:1.25rem} /* §11.8 rol 2 tabanı ≥1,25rem */ .vurgu-sistemi .sayac-deger .rk{color:var(--kirmizi)} /* Lora 1,3rem — taban zaten üstünde */ /* İSTİSNA (G11 göz, 1440 klip): "sha16 = 2f02614ff19bbce8" bir RAKAM değil, bir KİMLİKTİR; rol 2 "ölçülen/hesaplanan RAKAM" der. 24 karakterlik kırmızı dizge hem anlamı (nicelik yok) hem dozu (yedi sayaç aynı ekranda) bozuyordu → mühür lacivert kaldı, altı sayaç kırmızı: ekran başına 6 küçük öge = §11.8 bandının üst ucu. */ .vurgu-sistemi .sayac-deger .rk[data-olculmus="OLC-05"]{color:var(--lacivert)} /* ── ROL 5 · BELGE DAMGASI ───────────────────────────────────────────────────────── Belge yaprağının üst kenarında 4px şerit = "mühür", zaman satırı aynı ailede. `.belge-zaman` 1,05rem (16,8px) → §11.8'in "14px altı metinde kırmızı ASLA" sınırı sağlanır. Kapsam: hero'daki kompakt belge + `#doksan-gun`un beş yaprağı (adımlayıcı aynı anda birini gösterir) — sayfanın belge kimliği kırmızıyla mühürlenir. */ .vurgu-sistemi .belge-yuzey{border-top:4px solid var(--kirmizi)} .vurgu-sistemi .belge-zaman{color:var(--kirmizi)} /* ── ROL 4 · AKTİF / HOVER (150-200 ms cevap-hareketi) ──────────────────────────── Dinlenme durumu LACİVERT; kırmızı yalnız okur dokunduğunda belirir (§11.1 "cevap"). AKTİF adım/sayfa çizgisi lacivert KALIR (§2) — `:not([aria-current])` ile ayrılır. `.bag` hover/transition Tur 6'dan beri ORTAK `_v8.css` §11.8'de (satır ~932) — burada tekrarlanmaz (gecekondu temizliği 09-06). */ /* `.adim-nav` ROL 4 kuralları `_v8.css` sonuna `.sekme-dizini` adıyla taşındı (Tur 12). */ /* Departman matrisi (12 satır aç/kapa): imleç hangi satırdaysa onun artı-imi kırmızı. */ .vurgu-sistemi .dep-im::before, .vurgu-sistemi .dep-im::after{transition:transform .15s ease-out,border-color .15s ease-out} .vurgu-sistemi .dep > summary:hover .dep-im::before, .vurgu-sistemi .dep > summary:hover .dep-im::after, .vurgu-sistemi .dep > summary:focus-visible .dep-im::before, .vurgu-sistemi .dep > summary:focus-visible .dep-im::after{border-top-color:var(--kirmizi)} /* Varsayım çekmecesi + "kurgusal firmanın değerlerine dön" düğmesi: ikisi de eylem. */ .vurgu-sistemi .cekmece > summary{transition:color .2s ease-out} .vurgu-sistemi .cekmece > summary:hover, .vurgu-sistemi .cekmece > summary:focus-visible{color:var(--kirmizi)} .vurgu-sistemi .dugme-duz{transition:color .15s ease-out,border-color .15s ease-out} /* 09-08 yayın karnesi §5 dokunma hedefi: "Kurgusal firmanın değerlerine dön" 242×28 ölçüldü → ≤900'de 44px */ @media (max-width:900px){ .dugme-duz{min-height:44px} } .vurgu-sistemi .dugme-duz:hover, .vurgu-sistemi .dugme-duz:focus-visible{color:var(--kirmizi);border-bottom-color:var(--kirmizi)} /* Girdi alanları: okur kendi rakamını yazar — kenar 150 ms'de cevap verir (index deseni). Renk değişmez (mevcut `:hover{border-color:ikincil}` yeter, odak halkası zaten kırmızı): burada eksik olan HAREKETTİ, vurgu değil. */ .vurgu-sistemi .alan input{transition:border-color .15s ease-out} @media (max-width:640px){ /* rol 2 tabanı dar ekranda da korunur; sütun tek sıraya indiği için taşma riski yok */ .vurgu-sistemi .panel-cikti .cikti-deger{font-size:1.25rem} } /* ── HAREKET KAPALI (§11.1 · K20d) — Tur 6'da eklenen geçişlerin karşılığı ──────── Dosyanın ortasındaki eski blok (satır ~400) yalnız `.dep-im`i kapatıyordu ve yukarıdaki `.vurgu-sistemi …` kurallarından DAHA DÜŞÜK özgüllükte + daha erken sırada; bu blok sonda ve aynı özgüllükte olduğu için gerçekten kazanır (K20d "ısırması" mekanik). */ @media (prefers-reduced-motion:reduce){ .vurgu-sistemi .dep-im::before, .vurgu-sistemi .dep-im::after, .vurgu-sistemi .cekmece > summary, .vurgu-sistemi .dugme-duz, .vurgu-sistemi .alan input{transition-duration:.01ms} } /* ══════════════════════════════════════════════════════════════════════════════════ ═══ TUR 8 — ANLATI KEMERİ (4 perde: I. Teşhis · II. Masa · III. Doksan gün · Kapanış) + ÖRNEK ÇIKTI ŞERİDİ (AKK 09-07 madde 6) ═══ Kök neden: 12 h2 aynı ağırlıkta, anlatının nerede başlayıp bittiği belli değildi. Çözüm HTML tarafında: mevcut 9

içeriği KIRPILMADAN/SİLİNMEDEN 4 perdeye gruplandı (
) + her perde başına eyebrow+tez+özet eklendi. `.perde-tez` KASITLI OLARAK `.vurgu-bas` SINIFI TAŞIMAZ — rol-3 (bölüm işareti) ve rol-7 (çift-renk) dozunu bozmasın diye ayrı sınıf; üç kademeli hiyerarşi kurulur: h1 (en büyük) > .perde-tez (perde başlığı) > h2.vurgu-bas (bölüm başlığı, aynı boyut kaldı) > h3 (alt-bölüm). Eyebrow `.etiket-vurgu` KULLANIR (rol 8, ortak _v8.css) — renk/büyük-harf ORADAN gelir, DÜZEN burada. */ .perde-bas{padding-block:clamp(30px,3.2vw,48px) 0} .perde-etiket{display:block;margin-bottom:.6rem} .perde-tez{ font-family:"Lora",Georgia,"Times New Roman",serif;font-weight:500; font-size:clamp(2.05rem,1.65rem + 1.35vw,2.75rem);line-height:1.18;max-width:26ch; } .perde-ozet{margin-top:.9rem;max-width:66ch;font-size:1rem;line-height:1.6;color:var(--govde)} /* Sayfa üstüne yapışkan mini içindekiler — 4 perde, aktif olan vurgulu (IntersectionObserver, sayfa-içi