/* ══════════════════════════════════════════════════════════════════════════════════
akkopar.com — v8 · RAPORLAR sayfası (yalnız bu sayfa kullanır)
Sözleşme: web/TASARIM_SOZLESMESI_v8_TASLAK.md §5b (site-geneli yöntem: soru → hat →
belge → bağ) · H1 = B'deki soru · ilk cümle = eski v7 tezi · cevap bandı = C matrisi.
⛔ `_v8.css`'e DOKUNULMAZ. Bu dosya onun ÜSTÜNE gelir (raporlar.html'de ikinci ).
Yeni renk YOK: yalnız §2'nin yedi token'ı var(--…) üzerinden — K11 palet kapısı.
Kart YOK · radius YOK · gölge YOK (pul/kapak yüzeylerinde bilinçle kapatıldı) ·
animasyon YOK · zebra YOK — yapı ince `Hat` çizgisi + tipografiyle taşınır (§6).
MATRİS: `_arsiv/_v8_altC.css`'in hizmet kartından devralındı; satırlar artık HAT değil
DÖRT BELGE, sütunlar ne anlatır / ne zaman-sürüm / nasıl doğrulanır / örnek (§5b tablo).
══════════════════════════════════════════════════════════════════════════════════ */
/* ── SAYFA BAŞI — Tur 3b'de `_v8.css`'e TERFİ ETTİ (§5b ORTAK İSKELET) ───────────
`.sayfa-bas/.bas-tez/.bas-eylem/.bas-alt` burada 4 sayfa-CSS'inde birebir ikizdi;
kaynak/kanonik olarak bu dosyanın değerleri alındı. Bu sayfada gerçek fark YOK —
satır kalmadı (bkz. `_v8.css` sonu). */
/* ── CEVAP BANDI: DÖRT BELGE MATRİSİ (gerçek
) ──────────────────────────── */
.matris-bant{padding-block:48px} /* M4: 33,12/72 → tek basamak 48 (spacing-09) */
.matris-sar{margin-top:0}
table.matris{
width:100%;
border-collapse:collapse;
font-size:var(--p1);
line-height:1.5;
font-variant-numeric:tabular-nums; /* §2: rakam/tarih hizalı */
color:var(--govde);
}
/* Tablo başlığı ÜSTTE — raporun kendi konvansiyonu (tablo adı üstte, notu altta).
Bandın ayrı bir
'si YOK: caption tablonun adıdır ve tablo bu bandın cevabıdır;
araya ikinci bir başlık koymak hem "üst-etiket" krom teli (§6) hem de matrisi ilk
ekranın dışına iterdi (ölçüldü: h2 + künye bloğu ≈77px). */
.matris caption{
caption-side:top;
text-align:start;
padding-bottom:.7rem;
margin-bottom:.9rem;
border-bottom:1px solid var(--hat);
font-size:var(--p1);
font-weight:500;
line-height:1.55;
color:var(--ikincil);
max-width:66ch;
}
.matris th,.matris td{
text-align:start;
vertical-align:top;
padding:.68rem 1.4rem .72rem 0;
border-top:1px solid var(--hat); /* satır ayracı: ince Hat — zebra YOK */
}
.matris th:last-child,.matris td:last-child{padding-inline-end:0}
.matris thead th{
border-top:0;
padding-block:0 .6rem;
font-size:var(--p1);
font-weight:600;
line-height:1.4;
color:var(--ikincil);
}
/* Satır başı = belgenin kimliği: kapak pulu solda, ad sağda */
.matris tbody th[scope="row"]{padding-inline-end:1.5rem}
.belge-ic{display:flex;align-items:flex-start;gap:.8rem}
.belge-ad{display:block;font-size:var(--p2);font-weight:600;line-height:1.3;color:var(--lacivert)}
.belge-alt{display:block;margin-top:.2rem;font-size:var(--p1);font-weight:500;
line-height:1.45;color:var(--ikincil)}
/* Kapak pulu — 3:4, 52px. figure.yuzey ailesinden; gölge burada kapalı (pul, vitrin değil) */
.matris-pul{flex:none;width:52px;margin:0}
.matris-pul img,.matris-pul svg{
width:52px;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:top center;
border:1px solid var(--hat);box-shadow:none;background:var(--beyaz);
}
.matris td p{margin:0}
.matris td p + p{margin-top:.4rem}
.matris .taslak{display:inline-block}
.matris-ornek .bag{font-weight:600}
.matris-durum{display:block;margin-top:.35rem;font-size:var(--p1);font-weight:500;
line-height:1.45;color:var(--ikincil)}
/* Pul kaynak beyanı — caption'ın ikinci çizgisi olmasın diye çerçevesiz */
.matris-kunye{margin-top:1.1rem}
/* ── KATALOG: dört belgenin kendi bölümü (v7 metni, id'leriyle) ────────────────── */
.katalog{margin-top:2.1rem;border-top:1px solid var(--hat)}
.katalog-belge{
display:grid;
grid-template-columns:minmax(0,13rem) minmax(0,1fr);
column-gap:clamp(26px,3vw,54px);
row-gap:1.1rem;
align-items:start;
margin:0;
padding:clamp(28px,2.8vw,44px) 0;
border-bottom:1px solid var(--hat);
scroll-margin-top:96px; /* yapışkan üst bant çapayı örtmesin */
}
.katalog-belge .yuzey img,.katalog-belge .yuzey svg{
aspect-ratio:300/400;object-fit:cover;object-position:top center;box-shadow:none;
}
.katalog-durum{display:flex;flex-wrap:wrap;gap:.25rem 1.4rem;margin:0;
font-size:var(--p1);font-weight:500;line-height:1.5;color:var(--ikincil)}
/* `.canli` artık `_v8.css` `.etiket-vurgu`den kırmızı alır (rol 8, Tur 8b — AKK "raporlar
ürün kartları zayıf" 09-07); eski `color:var(--lacivert)` KALDIRILDI — aynı özgüllükte
(iki sınıf) ve bu dosya `_v8.css`'ten SONRA yüklendiği için lacivert kırmızıyı ezerdi. */
.katalog-metin h3{margin-top:.45rem;font-size:var(--p3);line-height:1.3}
.katalog-metin p{max-width:64ch;margin-top:.8rem;color:var(--govde)}
.katalog-bekliyor{margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--hat);
max-width:58ch;font-size:var(--p1);color:var(--ikincil)}
.katalog-metin .bag{display:inline-block;margin-top:1.05rem;font-weight:600}
/* Denetim künyesi rozeti (Tur 8, AKK madde 7 onayı) — ③/② künyesinin yanında GERÇEK
ölçülmüş kapı sayıları; ikon/renk yok, `.kunye`'nin metin rozetini aynen devralır
(tabular-nums zaten `.kunye`'de var), burada yalnız aralık ekleniyor. */
.denetim-kunyesi{margin-top:1rem}
.denetim-not{margin-top:.35rem;max-width:60ch}
/* ── BELGE VİTRİNLERİ — FİRMA İSTİHBARAT DOSYASI (36 sayfa) + AI MASASI TEŞHİS BELGESİ
(12 sayfa) (2026-09-06, kilit #36) — İKİSİ de bu tek `.karne-vitrin` kabını paylaşır.
Şerit mekaniği (`.sayfa-serit-bas`/`.sayfalar`/`.sayfa`) `_v8.css`'ten aynen devralınır
(sektor-raporu.html'in "ilk sekiz sayfa" deseniyle birebir) — burada yalnız katalog
ızgarasından ayıran ince Hat çizgisi + boşluk (kart/gölge YOK, §6 krom). */
.karne-vitrin{margin-top:clamp(28px,2.8vw,44px);padding-top:clamp(28px,2.8vw,44px);
border-top:1px solid var(--hat)}
/* ── ARA GENİŞLİKLER ───────────────────────────────────────────────────────────── */
@media (max-width:1240px){
table.matris{font-size:var(--p1)}
.matris th,.matris td{padding-inline-end:1rem}
.matris tbody th[scope="row"]{padding-inline-end:1.1rem}
.belge-ic{gap:.65rem}
}
@media (max-width:900px){
.katalog-belge{grid-template-columns:minmax(0,10rem) minmax(0,1fr)}
}
/* ── 900 ALTI (T2 kanonik 2026-09-16, eski eşik 720): tablo "kart-değil liste" olarak yığılır (yatay kaydırma YOK) ────── */
@media (max-width:900px){
.matris colgroup{display:none}
table.matris,.matris tbody,.matris tr,.matris th,.matris td{display:block;width:auto}
.matris caption{display:block}
/* Sütun başlıkları görsel olarak kalkar; karşılığı her hücrenin kendi etiketidir */
.matris thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;
overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.matris tbody tr{border-top:1px solid var(--hat);padding-block:1.5rem .3rem}
.matris tbody tr:first-child{border-top:0;padding-top:0}
.matris tbody th[scope="row"],.matris td{border-top:0;padding:0 0 1.05rem}
.matris tbody th[scope="row"]{padding-bottom:1rem}
.matris td::before{
content:attr(data-bas);
display:block;
margin-bottom:.25rem;
font-size:var(--p1);
font-weight:600;
line-height:1.4;
color:var(--ikincil);
}
.belge-ad{font-size:var(--p2)}
/* Katalog: kapak üstte, metin altta */
.katalog-belge{grid-template-columns:1fr;row-gap:1.3rem}
.katalog-belge .yuzey{max-width:12rem}
}
@media (max-width:640px){
table.matris{font-size:var(--p2)}
.matris-pul,.matris-pul img,.matris-pul svg{width:48px}
}
/* ORNEK-CERCEVE + rozet (AKK 2026-09-15: "kurgusal firma için hazırlananların ÖRNEK olduğu
ve istek üzerine firmaya özel hazırlanacağı net belirtilmiyor").
📏 ÖLÇÜLDÜ: sayfada "kurgusal/örnek" 47 kez geçiyor ama yalnız figür altyazısı ve alt
metninde; "talep üzerine firmaya özel" ifadesi 0 kez. Yani bilgi vardı, ziyaretçinin
BAKTIĞI yerde ve eksiksiz değildi.
⛔ Yeni görsel dil icat edilmedi: çerçeve satırı .ex'in 28×2 kırmızı kuralını, rozet
.raf-etiket'in büyük-harf/harf-aralığı ölçeğini devralır. */
/* ⛔ KÖK-FİX 2026-09-16 (Ⓔ · @390 GÖRSEL taramada yakalandı, kapılar göremezdi):
bu kural `display:flex` idi. Flex kabı SATIR-İÇİ çocuklarını da blok-laştırır →
paragraftaki `` ANONİM metin parçasından AYRI bir flex öğesi oluyordu. Sonuç:
tek paragraf iki sütuna bölünüyor, 390px'te iki sütun birbirinin üstüne biniyordu
(okunurluk kırılır). `scrollWidth==clientWidth` olduğu için taşma kapısı göremedi;
M-serisi yükseklik ölçüyor, ÇAKIŞMA ölçmüyor — bu yüzden 09-16'ya dek canlıda kaldı.
Görsel dil DEĞİŞMEDİ: 28×2 kırmızı kural aynı yerde, aynı ölçüde; yalnız akış
flex-öğesi yerine konumlandırılmış süsleyiciyle kuruluyor, metin TEK akış kalıyor. */
.ornek-cerceve{display:block;position:relative;padding-left:44px; /* 28px kural + 16px boşluk — `var(--s3)` bu dosyanın yüklendiği
bağlamda TANIMSIZ (ölçüldü: calc geçersiz → bildirim düşüyordu, kural metnin üstüne biniyordu) */
max-width:35em; /* T3: 72ch YETMEZ —
karne 'ch'i font-size×0,5 sayar, CSS ch≈0,6em; ölçüldü 2026-09-16: 72ch=635px=75 karne-ch 🔴.
35em ≈ 70 karne-ch (493f660d'deki `.ac-body>p{max-width:36em}` ile aynı doktrin). */
font-size:var(--p1);line-height:1.55;color:var(--slate);margin:0 0 var(--s4)}
.ornek-cerceve::before{content:"";position:absolute;left:0;top:.68em;
width:28px;height:2px;background:var(--red)}
.ornek-cerceve b{color:var(--govde);font-weight:700}
.ornek-rozet{display:inline-block;margin-right:.55em;padding:0 .4em;font-size:var(--t1);
font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red);
border:1px solid var(--red);border-radius:2px;vertical-align:.06em}
/* GERÇEK rozeti: örnek rozetinin nötr kardeşi — kırmızı "uyarı" rengi taşımaz,
gövde rengiyle sakin durur (kırmızı TEK aksan kuralı, sözleşme §renk). */
.ornek-rozet--gercek{color:var(--govde);border-color:var(--cizgi,currentColor);opacity:.75}
/* KOYU BANT KARŞILIĞI (2026-09-16, gözle yakalandı): çerçeve paragrafı ve kapak altyazıları
lacivert hero'da (.sayfa-bas.bant--lacivert) duruyor; yukarıdaki gövde-rengi rozet ve
slate paragraf orada KOYU-ÜSTÜ-KOYU kalıyordu — ekran görüntüsünde "Gerçek" rozeti hiç
görünmedi (A23 WCAG kuralı). Zemin değişince renk kâğıda döner; kırmızı ÖRNEK rozeti
koyuda zaten okunur (5,9:1), dokunulmadı. NOT: bu dosya web/site altında ama ÜRETİLMİŞ
DEĞİL — _uretim/site_v9/_v8_raporlar.css buraya symlink; gerçek kaynak burasıdır. */
.bant--lacivert .ornek-cerceve{color:var(--kagit)}
.bant--lacivert .ornek-cerceve b{color:var(--beyaz)}
.bant--lacivert .ornek-rozet--gercek{color:var(--kagit);border-color:var(--kagit);opacity:.85}