/* ÜRETİLMİŞ DOSYA — elle düzenlenmez.
 * Kaynak: src/designs/00-bilesen-tahtasi/section.css
 *
 * Her bildirime `!important` eklendi. Sebep:
 * florax teması `.post-entry h2 { font-size: 36px !important }` gibi
 * kurallar taşıyor ve `!important` özgüllüğü dinlemiyor. Ayrıntı:
 * scripts/gs-important.mjs başlığı ve assets/base.css.
 */
/* ─── `.gs-00-bilesen-tahtasi` ───────────────────────────────────────────────
 *
 * Tez: tahta bir galeri değil bir ŞARTNAMEDİR. Her bileşen numaralı bir POZ;
 * damgası, adı, ölçüsü ve canlı örneği yan yana.
 *
 * ── 🔒 BU DOSYANIN SINAVI ────────────────────────────────────────────────
 * Burada ÇIPLAK BİR BOŞLUK DEĞERİ YOKTUR. Her `padding` · `margin` · `gap`
 * `--gs-bo-1…6` ya da `--gs-ritim` okur (Ö-106). Ölçek altı basamakla yetiyor
 * mu sorusunun cevabı bu dosyadır: yetmeseydi buraya bir ara değer yazmak
 * zorunda kalırdım ve ölçek daha doğmadan sürüklenmeye başlardı.
 * Tek istisna sınıfı: BİLEŞENİN KENDİ ÖLÇÜSÜ olan değerler — düğmenin dolgusu
 * (0.9/1.6 rem), damganın dolgusu (0.42/0.7 rem), köşe işaretinin kolu
 * (1.25 rem). Bunlar boşluk değil, sözleşmenin kendisi: DESIGN.md §5'te
 * ölçülmüş sayılar ve tahtanın işi onları GÖSTERMEK. Ölçeğe yuvarlansalardı
 * tahta yanlış bir sözleşme gösterirdi.
 *
 * ── Palet YEREL — koyu zemin tokenı Elementor kitinde yok ────────────────
 * `10-aks-hatti` ile aynı değerler. Paylaşılan şey sınıf değil SÖZLEŞMEDİR
 * (M-107): ortak bir `.gs-*` sınıfı scope duvarını delerdi.
 *
 * ── Ölçülmüş kontrastlar (zemin #1B1E20 — DESIGN.md §3) ──────────────────
 *   beyaz 16.76 ✓✓ · #E6E9EA 13.73 ✓✓ · #B9BFC2 9.01 ✓ · #8E9599 5.51 ✓
 *   #363B3E 1.48 ✗ (dekoratif çizgi) · #B40404 2.36 ✗ (yalnız DOLGU)
 * Yeni renk çifti YOK: tahta var olan paleti gösteriyor, yenisini icat
 * etmiyor. Bu yüzden bu turda hesaplanacak yeni bir oran da yok.
 *
 * ⚠️ `!important` yazılmaz (köprü ekler) · başlangıç gizleme CSS'e yazılmaz.
 * ⚠️ `.tb-poz` üzerinde `opacity`/`transform` TANIMLANMAZ — `motion.ts` onları
 * her karede yazıyor ve köprünün eklediği `!important` satır içi stili yener
 * (Ö-023). Pozun JS'siz varsayılanı: hiçbir şey, yani görünür.
 */

.gs-00-bilesen-tahtasi {
    /* Palet — `10-aks-hatti`den devralındı (DESIGN.md §3'te ölçülü). */
    --tb-zemin: #1b1e20;
    --tb-yuzey: #24282a;
    --tb-yuzey-ust: #2c3134;
    --tb-metin: #e6e9ea;
    --tb-ikincil: #b9bfc2;
    --tb-silik: #8e9599;
    --tb-hat: #363b3e;
    --tb-eylem: var(--gs-primary);
    --tb-beyaz: var(--gs-white);
    --tb-aralik: 0.14em;

    color: var(--tb-ikincil) !important;
    font-family: var(--gs-font) !important;
}

/* ⚠️ Zemin SARMALAYICIDA değil, TAŞAN elemanda.
 * `.tb` `gs-bleed` taşıyor, yani ekranın tamamına açılıyor; WordPress'te
 * sarmalayıcı Elementor konteynerinin 1300 px'ine sıkışık kalır. Zemin
 * sarmalayıcıya yazılsaydı boyalı alan 1300 px'te biter, içerik ise
 * kenarlara kadar giderdi — iki dünyada da yanlış. `11-duyuru-bandi` bu
 * kararı zaten böyle vermişti. */
.gs-00-bilesen-tahtasi .tb {
    /* Galvaniz zemin: iki eğik tarama. Görsel dosya yok. */
    background-color: var(--tb-zemin) !important;
    background-image:
        repeating-linear-gradient(72deg, rgb(255 255 255 / 0.014) 0 2px, rgb(0 0 0 / 0.02) 2px 5px),
        repeating-linear-gradient(-18deg, rgb(255 255 255 / 0.01) 0 3px, rgb(0 0 0 / 0.014) 3px 7px) !important;
    padding-block: var(--gs-ritim) !important;
}

.gs-00-bilesen-tahtasi .tb-sinir {
    max-width: var(--gs-container) !important;
    margin-inline: auto !important;
    padding-inline: var(--gs-gutter) !important;
}

/* ── KÜNYE ───────────────────────────────────────────────────────────────── */

.gs-00-bilesen-tahtasi .tb-etiket {
    margin-bottom: var(--gs-bo-3) !important;
    font-size: var(--gs-fs-1) !important;
    font-weight: 700 !important;
    letter-spacing: var(--tb-aralik) !important;
    text-transform: uppercase !important;
    color: var(--tb-silik) !important;
}

.gs-00-bilesen-tahtasi .tb-h1 {
    font-size: var(--gs-fs-6) !important;
    font-weight: 700 !important;
    line-height: 1.12 !important;
    color: var(--tb-metin) !important;
}

.gs-00-bilesen-tahtasi .tb-giris {
    max-width: 52ch !important;
    margin-top: var(--gs-bo-4) !important;
    font-size: var(--gs-fs-4) !important;
    line-height: 1.65 !important;
}

.gs-00-bilesen-tahtasi .tb-kunye-veri {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--gs-bo-5) !important;
    margin-top: var(--gs-bo-5) !important;
    padding-block: var(--gs-bo-4) !important;
    border-top: 1px solid var(--tb-hat) !important;
    border-bottom: 1px solid var(--tb-hat) !important;
}

.gs-00-bilesen-tahtasi .tb-kunye-oge {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--gs-bo-1) !important;
}

.gs-00-bilesen-tahtasi .tb-dt {
    font-size: var(--gs-fs-1) !important;
    font-weight: 700 !important;
    letter-spacing: var(--tb-aralik) !important;
    text-transform: uppercase !important;
    color: var(--tb-silik) !important;
}

.gs-00-bilesen-tahtasi .tb-dd {
    font-size: var(--gs-fs-3) !important;
    color: var(--tb-metin) !important;
}

/* ── POZ — yedi kez tekrarlanan kabuk ────────────────────────────────────── */

.gs-00-bilesen-tahtasi .tb-poz {
    padding-block: var(--gs-ritim) !important;
    border-bottom: 1px solid var(--tb-hat) !important;
}

.gs-00-bilesen-tahtasi .tb-poz:last-child {
    border-bottom: 0 !important;
}

.gs-00-bilesen-tahtasi .tb-poz-bas {
    margin-bottom: var(--gs-bo-6) !important;
}

/* Damga — çerçeveye perçinlenmiş plaka (DESIGN.md §5 ②).
 * ⚠️ Dolgu ölçeğe yuvarlanmadı: 0.42/0.7 rem sözleşmenin KENDİ ölçüsü. */
.gs-00-bilesen-tahtasi .tb-damga {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: var(--gs-bo-1) !important;
    padding: 0.42rem 0.7rem !important;
    background: var(--tb-zemin) !important;
    border: 1px solid var(--tb-hat) !important;
    font-size: var(--gs-fs-1) !important;
    font-weight: 800 !important;
    letter-spacing: var(--tb-aralik) !important;
    text-transform: uppercase !important;
    color: var(--tb-silik) !important;
    font-variant-numeric: tabular-nums !important;
}

.gs-00-bilesen-tahtasi .tb-damga-no {
    font-size: var(--gs-fs-2) !important;
    color: var(--tb-metin) !important;
}

.gs-00-bilesen-tahtasi .tb-h2 {
    margin-top: var(--gs-bo-3) !important;
    font-size: var(--gs-fs-5) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: var(--tb-metin) !important;
}

.gs-00-bilesen-tahtasi .tb-poz-not {
    max-width: 62ch !important;
    margin-top: var(--gs-bo-2) !important;
    font-size: var(--gs-fs-4) !important;
    line-height: 1.6 !important;
}

.gs-00-bilesen-tahtasi .tb-h3 {
    font-size: var(--gs-fs-3) !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: var(--tb-metin) !important;
}

.gs-00-bilesen-tahtasi .tb-metin {
    max-width: 58ch !important;
    margin-top: var(--gs-bo-2) !important;
    font-size: var(--gs-fs-3) !important;
    line-height: 1.6 !important;
}

.gs-00-bilesen-tahtasi .tb-dipnot {
    max-width: 62ch !important;
    margin-top: var(--gs-bo-4) !important;
    font-size: var(--gs-fs-2) !important;
    line-height: 1.6 !important;
    color: var(--tb-silik) !important;
}

/* ── ORTAK SATIR — poz gövdelerinin çoğu bir liste ───────────────────────── */

/* ⚠️ Üst çizgi LİSTEDE değil BAŞLIK ŞERİDİNDE: her listenin üstünde bir başlık
 * şeridi var ve ikisi de çizgi taşısaydı çift çizgi olurdu. */
.gs-00-bilesen-tahtasi .tb-bas-satir {
    border-top: 1px solid var(--tb-hat) !important;
}

.gs-00-bilesen-tahtasi .tb-sut {
    font-size: var(--gs-fs-1) !important;
    font-weight: 700 !important;
    letter-spacing: var(--tb-aralik) !important;
    text-transform: uppercase !important;
    color: var(--tb-silik) !important;
}

/* POZ 04'ün iki sütunu da kendi etiketiyle başlar. */
.gs-00-bilesen-tahtasi .tb-p4-sutun {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--gs-bo-3) !important;
}

.gs-00-bilesen-tahtasi .tb-satir {
    display: grid !important;
    align-items: baseline !important;
    gap: var(--gs-bo-1) var(--gs-bo-4) !important;
    padding-block: var(--gs-bo-3) !important;
    border-bottom: 1px solid var(--tb-hat) !important;
}

.gs-00-bilesen-tahtasi .tb-kod {
    font-size: var(--gs-fs-1) !important;
    font-weight: 700 !important;
    letter-spacing: var(--tb-aralik) !important;
    color: var(--tb-silik) !important;
    font-variant-numeric: tabular-nums !important;
}

.gs-00-bilesen-tahtasi .tb-olcu {
    font-size: var(--gs-fs-2) !important;
    color: var(--tb-ikincil) !important;
    font-variant-numeric: tabular-nums !important;
}

.gs-00-bilesen-tahtasi .tb-rol {
    font-size: var(--gs-fs-3) !important;
    color: var(--tb-ikincil) !important;
}

/* ── POZ 01 · punto ──────────────────────────────────────────────────────── */

/* ⚠️ `minmax(0, 1fr)`, düz `1fr` DEĞİL — M-201. `1fr` = `minmax(auto, 1fr)`
   ve `auto` tabanı max-content'tir; 76 px'lik Almanca örnek (`Feuerverzinkung`)
   izi kendi genişliğine BÜYÜTÜYOR ve satırın diğer üç hücresini kadrajın
   dışına itiyordu — 320'de altı eleman taşıyordu. */
.gs-00-bilesen-tahtasi .tb-punto-satir {
    grid-template-columns: minmax(0, 1fr) !important;
}

/* Örnek metin, basamağın KENDİ puntosuyla. Tahtanın işi bu — bir tablo
 * değerin adını söyler, tahta değerin kendisini gösterir. */
.gs-00-bilesen-tahtasi .tb-punto-ornek {
    color: var(--tb-metin) !important;
    line-height: 1.15 !important;
}

.gs-00-bilesen-tahtasi .tb-fs-1 { font-size: var(--gs-fs-1) !important; }
.gs-00-bilesen-tahtasi .tb-fs-2 { font-size: var(--gs-fs-2) !important; }
.gs-00-bilesen-tahtasi .tb-fs-3 { font-size: var(--gs-fs-3) !important; }
.gs-00-bilesen-tahtasi .tb-fs-4 { font-size: var(--gs-fs-4) !important; }
.gs-00-bilesen-tahtasi .tb-fs-5 { font-size: var(--gs-fs-5) !important; }
.gs-00-bilesen-tahtasi .tb-fs-6 { font-size: var(--gs-fs-6) !important; }
.gs-00-bilesen-tahtasi .tb-fs-7 { font-size: var(--gs-fs-7) !important; }

/* ── POZ 02 · boşluk ─────────────────────────────────────────────────────── */

.gs-00-bilesen-tahtasi .tb-bosluk-satir {
    grid-template-columns: 1fr !important;
}

.gs-00-bilesen-tahtasi .tb-cubuk-alan {
    display: block !important;
    border-left: 1px solid var(--tb-hat) !important;
}

/* Çubuğun genişliği basamağın kendisidir — resim değil, canlı kanıt. */
.gs-00-bilesen-tahtasi .tb-cubuk {
    display: block !important;
    height: var(--gs-bo-3) !important;
    background: var(--tb-silik) !important;
}

.gs-00-bilesen-tahtasi .tb-cubuk-bo-1 { width: var(--gs-bo-1) !important; }
.gs-00-bilesen-tahtasi .tb-cubuk-bo-2 { width: var(--gs-bo-2) !important; }
.gs-00-bilesen-tahtasi .tb-cubuk-bo-3 { width: var(--gs-bo-3) !important; }
.gs-00-bilesen-tahtasi .tb-cubuk-bo-4 { width: var(--gs-bo-4) !important; }
.gs-00-bilesen-tahtasi .tb-cubuk-bo-5 { width: var(--gs-bo-5) !important; }
.gs-00-bilesen-tahtasi .tb-cubuk-bo-6 { width: var(--gs-bo-6) !important; }
.gs-00-bilesen-tahtasi .tb-cubuk-ritim { width: var(--gs-ritim) !important; }

/* ── POZ 03 · palet ──────────────────────────────────────────────────────── */

/* ⚠️ DÖRT sütun, dört çocuk (yama · rol · hex · oran). Üç sütun yazılmıştı ve
 * dördüncü çocuk ikinci satıra düşüyordu — oran, yamanın altında kalıyordu.
 *
 * ⚠️ Sütunlar SABİT, `auto` değil. Her satır kendi ızgarasıdır ve `auto` her
 * ızgarada içeriğine göre ayrı çözülür: başlık şeridinin ilk hücresi boş
 * olduğu için 0 px'e iniyordu ve "ROLÜ" etiketi yamanın üstüne kayıyordu.
 * Sabit genişlik başlıkla satırı aynı kolona oturtur. */
/* ⚠️ Dar ekranda sayı sütunları DARALIR. 7rem + 5rem, 320'de konteynerin
 * 288 px'ini aşıyordu ve oran sütunu 9 px dışarı taşıyordu (ölçüldü). Hex ve
 * oran ikisi de yedi karakter; 4rem ikisine de yetiyor. */
.gs-00-bilesen-tahtasi .tb-palet-satir {
    grid-template-columns: var(--gs-bo-6) 1fr 4rem 4rem !important;
    align-items: center !important;
}

.gs-00-bilesen-tahtasi .tb-yama {
    display: block !important;
    width: var(--gs-bo-6) !important;
    height: var(--gs-bo-6) !important;
    border: 1px solid var(--tb-hat) !important;
}

.gs-00-bilesen-tahtasi .tb-yama-zemin { background: var(--tb-zemin) !important; }
.gs-00-bilesen-tahtasi .tb-yama-yuzey { background: var(--tb-yuzey) !important; }
.gs-00-bilesen-tahtasi .tb-yama-metin { background: var(--tb-metin) !important; }
.gs-00-bilesen-tahtasi .tb-yama-ikincil { background: var(--tb-ikincil) !important; }
.gs-00-bilesen-tahtasi .tb-yama-silik { background: var(--tb-silik) !important; }
.gs-00-bilesen-tahtasi .tb-yama-hat { background: var(--tb-hat) !important; }
.gs-00-bilesen-tahtasi .tb-yama-eylem { background: var(--tb-eylem) !important; }

.gs-00-bilesen-tahtasi .tb-uyari {
    margin-top: var(--gs-bo-5) !important;
    padding: var(--gs-bo-4) !important;
    background: var(--tb-yuzey) !important;
    border-left: 2px solid var(--tb-eylem) !important;
}

/* Kırmızının DOĞRU kullanımı: dolgu, üstünde beyaz metin (7.10:1). */
.gs-00-bilesen-tahtasi .tb-dolgu-ornek {
    display: inline-block !important;
    margin-top: var(--gs-bo-3) !important;
    padding: var(--gs-bo-2) var(--gs-bo-3) !important;
    background: var(--tb-eylem) !important;
    color: var(--tb-beyaz) !important;
    font-size: var(--gs-fs-3) !important;
    font-weight: 700 !important;
    font-variant-numeric: tabular-nums !important;
}

/* ── POZ 04 · çerçeve · damga · kumpas ───────────────────────────────────── */

.gs-00-bilesen-tahtasi .tb-p4-govde {
    display: grid !important;
    gap: var(--gs-bo-5) !important;
}

/* ÇERÇEVE — sayfadaki tek açıklık biçimi (DESIGN.md §5 ①). */
.gs-00-bilesen-tahtasi .tb-cerceve {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 12rem !important;
    overflow: hidden !important;
    background: var(--tb-yuzey) !important;
    border: 1px solid var(--tb-hat) !important;
    border-top-color: rgb(255 255 255 / 0.09) !important;
}

/* Köşe işaretleri — teknik çizimin kesim işareti. Kol ve içeriden mesafe
 * sözleşmenin KENDİ ölçüsü (DESIGN.md §5 ①), boşluk değil. */
.gs-00-bilesen-tahtasi .tb-cerceve::before,
.gs-00-bilesen-tahtasi .tb-cerceve::after {
    content: "" !important;
    position: absolute !important;
    z-index: 2 !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    pointer-events: none !important;
}

.gs-00-bilesen-tahtasi .tb-cerceve::before {
    inset-block-start: 0.55rem !important;
    inset-inline-end: 0.55rem !important;
    border-top: 1px solid rgb(255 255 255 / 0.34) !important;
    border-right: 1px solid rgb(255 255 255 / 0.34) !important;
}

.gs-00-bilesen-tahtasi .tb-cerceve::after {
    inset-block-end: 0.55rem !important;
    inset-inline-start: 0.55rem !important;
    border-bottom: 1px solid rgb(255 255 255 / 0.34) !important;
    border-left: 1px solid rgb(255 255 255 / 0.34) !important;
}

/* Çerçevenin içindeki damga köşeye perçinlenir: yalnız İÇ kenarlar. */
.gs-00-bilesen-tahtasi .tb-damga-ic {
    position: absolute !important;
    z-index: 2 !important;
    inset-block-start: 0 !important;
    inset-inline-start: 0 !important;
    border: 0 !important;
    border-inline-end: 1px solid var(--tb-hat) !important;
    border-block-end: 1px solid var(--tb-hat) !important;
}

.gs-00-bilesen-tahtasi .tb-cerceve-ic {
    font-size: var(--gs-fs-1) !important;
    font-weight: 700 !important;
    letter-spacing: var(--tb-aralik) !important;
    text-transform: uppercase !important;
    color: var(--tb-silik) !important;
}

.gs-00-bilesen-tahtasi .tb-sozlesme {
    display: grid !important;
    gap: var(--gs-bo-4) !important;
    align-content: start !important;
}

.gs-00-bilesen-tahtasi .tb-sozlesme-oge {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--gs-bo-1) !important;
    padding-bottom: var(--gs-bo-4) !important;
    border-bottom: 1px solid var(--tb-hat) !important;
}

/* KUMPAS — bölüntü her yerde AYNI (DESIGN.md §5 ③).
 * 🔴 Aralık YÜZDE OLAMAZ: yüzde bölmenin kendi genişliğine göre ölçülür ve
 * geniş bölmede çentikler üç kat seyrekleşir. Bölüntü tek bir genişlik
 * değişkeninden türetilir — burada `--tb-bolum`. */
.gs-00-bilesen-tahtasi .tb-kumpas {
    /* 🔴 ÖLÇÜLDÜ — sabit `12rem` DAR EKRANDA TAŞIYORDU. Üç bölme 1 : 1 : 2
     * oranında ve `flex: 0 0` ile küçülmüyor, yani şerit her zaman
     * 4 × `--tb-bolum` ister: 768 px. Konteynerin iç genişliği 320'de
     * yalnız 288 px (320 − 2 × gutter) → 464 px taşma (375'te 409, 768'de 31;
     * 1024 ve 1440'ta 0). Sayfanın kendisi kırpmadığı için bu gerçek taşmaydı.
     *
     * Çözüm bölüntüyü bozmadan: değer görünüm alanına bağlandı. Oran (1:1:2)
     * ve çentik aralığı (`--tb-bolum / 8`) hâlâ TEK bir değişkenden türüyor,
     * yani kumpasın kendi kuralı — "aralık yüzde OLAMAZ" — çiğnenmiyor:
     * yüzde olan bölmenin GENİŞLİĞİ, çentiğin aralığı değil. */
    --tb-bolum: min(12rem, 22vw);
    display: flex !important;
    margin-top: var(--gs-bo-5) !important;
    height: 2rem !important;
    border-top: 1px solid var(--tb-hat) !important;
}

.gs-00-bilesen-tahtasi .tb-kumpas-bolme {
    position: relative !important;
    flex: 0 0 var(--tb-bolum) !important;
    background-image: repeating-linear-gradient(
        90deg,
        var(--tb-hat) 0 1px,
        transparent 1px,
        transparent calc(var(--tb-bolum) / 8)
    ) !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    background-size: 100% var(--gs-bo-3) !important;
}

/* Bilerek daha geniş: yüzde kullanılsaydı çentikleri burada seyrekleşirdi. */
.gs-00-bilesen-tahtasi .tb-kumpas-bolme-genis {
    flex-basis: calc(var(--tb-bolum) * 2) !important;
}

.gs-00-bilesen-tahtasi .tb-kumpas-bolme::before {
    content: "" !important;
    position: absolute !important;
    inset-block-start: 0 !important;
    inset-inline-start: 50% !important;
    width: 1px !important;
    height: var(--gs-bo-5) !important;
    background: var(--tb-metin) !important;
}

/* ── POZ 05 · eylem ──────────────────────────────────────────────────────── */

.gs-00-bilesen-tahtasi .tb-eylem {
    display: grid !important;
    gap: var(--gs-bo-5) !important;
    border-top: 1px solid var(--tb-hat) !important;
    padding-top: var(--gs-bo-5) !important;
}

.gs-00-bilesen-tahtasi .tb-eylem-oge {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: var(--gs-bo-3) var(--gs-bo-4) !important;
}

/* DÜĞME — dolgu sözleşmenin KENDİ ölçüsü (0.9/1.6 rem, DESIGN.md §5 ⑤). */
.gs-00-bilesen-tahtasi .tb-dugme {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.7rem !important;
    padding: 0.9rem 1.6rem !important;
    background: var(--tb-eylem) !important;
    border: 0 !important;
    color: var(--tb-beyaz) !important;
    font-size: var(--gs-fs-4) !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: transform 0.18s ease !important;
}

.gs-00-bilesen-tahtasi .tb-dugme:hover {
    transform: translateY(-1px) !important;
}

.gs-00-bilesen-tahtasi .tb-dugme-kucuk {
    padding: 0.62rem 1.05rem !important;
    font-size: var(--gs-fs-3) !important;
}

/* BAĞLANTI — hover'da RENK değil ÇİZGİ açılır (DESIGN.md §5 ⑥). */
.gs-00-bilesen-tahtasi .tb-bag {
    display: inline-flex !important;
    align-items: center !important;
    min-height: var(--gs-hedef) !important;
    border-bottom: 1px solid var(--tb-hat) !important;
    font-size: var(--gs-fs-3) !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    color: var(--tb-metin) !important;
}

.gs-00-bilesen-tahtasi .tb-bag:hover {
    border-bottom-color: var(--tb-metin) !important;
}

.gs-00-bilesen-tahtasi .tb-hedef-blok {
    margin-top: var(--gs-bo-6) !important;
}

/* Hedefin sınırı GÖRÜNÜR çizildi: 11 px metin, 24 px alan. */
.gs-00-bilesen-tahtasi .tb-hedef-ornek {
    display: inline-block !important;
    margin-top: var(--gs-bo-4) !important;
    border: 1px dashed var(--tb-hat) !important;
}

.gs-00-bilesen-tahtasi .tb-hedef-bag {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: var(--gs-hedef) !important;
    min-height: var(--gs-hedef) !important;
    font-size: var(--gs-fs-1) !important;
    font-weight: 700 !important;
    letter-spacing: var(--tb-aralik) !important;
    color: var(--tb-metin) !important;
}

/* ── POZ 06 · kayıt ──────────────────────────────────────────────────────── */

/* Üst çizgi başlık şeridinde (yukarı bakınız) — burada tekrarlanmaz. */
.gs-00-bilesen-tahtasi .tb-kayit {
    border-top: 0 !important;
}

/* ⚠️ Satır yükseklikleri BİLEREK eşit değil — bir tablonun satırı içeriği
 * kadardır (DESIGN.md §5 ⑦). Altında zıplayacak bir kumanda yok. */
/* Sütunlar SABİT — başlık şeridiyle hizalansın diye (palet satırındaki
 * gerekçenin aynısı: `auto` her ızgarada ayrı çözülür). */
/* ⚠️ Orta iz `minmax(0, 1fr)` — M-201. Almanca bir başlık max-content'iyle
   izi büyütüyor ve TARİH sütununu kadrajın dışına itiyordu: 320'de tarihin
   sağ kenarı 434.1 px'e çıkıyordu (kadraj 320). */
.gs-00-bilesen-tahtasi .tb-kayit-satir {
    display: grid !important;
    grid-template-columns: 2.5rem minmax(0, 1fr) 6.5rem !important;
    align-items: baseline !important;
    gap: var(--gs-bo-2) var(--gs-bo-4) !important;
    padding-block: var(--gs-bo-4) !important;
    border-bottom: 1px solid var(--tb-hat) !important;
}

.gs-00-bilesen-tahtasi .tb-kayit-no {
    font-size: var(--gs-fs-1) !important;
    font-weight: 800 !important;
    letter-spacing: var(--tb-aralik) !important;
    color: var(--tb-silik) !important;
    font-variant-numeric: tabular-nums !important;
}

.gs-00-bilesen-tahtasi .tb-kayit-govde {
    display: block !important;
}

/* Konusu olmayan kayıtta rozet KAPANIR ve altındaki boşluk da kapanır —
 * ölü boşluk kalmaz (DESIGN.md §5 ⑨). */
.gs-00-bilesen-tahtasi .tb-kayit-konu {
    display: block !important;
    margin-bottom: var(--gs-bo-1) !important;
    font-size: var(--gs-fs-1) !important;
    font-weight: 700 !important;
    letter-spacing: var(--tb-aralik) !important;
    text-transform: uppercase !important;
    color: var(--tb-ikincil) !important;
}

.gs-00-bilesen-tahtasi .tb-kayit-konu:empty {
    display: none !important;
}

.gs-00-bilesen-tahtasi .tb-kayit-baslik {
    display: block !important;
    font-size: var(--gs-fs-5) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: var(--tb-metin) !important;
}

.gs-00-bilesen-tahtasi .tb-kayit-tarih {
    font-size: var(--gs-fs-2) !important;
    color: var(--tb-silik) !important;
    font-variant-numeric: tabular-nums !important;
    white-space: nowrap !important;
}

.gs-00-bilesen-tahtasi .tb-ikili {
    display: grid !important;
    gap: var(--gs-bo-6) !important;
    margin-top: var(--gs-bo-6) !important;
}

.gs-00-bilesen-tahtasi .tb-bos {
    margin-top: var(--gs-bo-3) !important;
    padding: var(--gs-bo-4) !important;
    background: var(--tb-yuzey) !important;
    border: 1px dashed var(--tb-hat) !important;
    font-size: var(--gs-fs-3) !important;
    color: var(--tb-silik) !important;
}

.gs-00-bilesen-tahtasi .tb-empty-hat {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--gs-bo-3) !important;
    margin-top: var(--gs-bo-3) !important;
}

.gs-00-bilesen-tahtasi .tb-empty-buton {
    display: inline-flex !important;
    align-items: center !important;
    min-height: var(--gs-hedef) !important;
    padding: var(--gs-bo-2) var(--gs-bo-3) !important;
    background: var(--tb-yuzey) !important;
    border: 1px solid var(--tb-hat) !important;
    font-size: var(--gs-fs-3) !important;
    font-weight: 700 !important;
    color: var(--tb-metin) !important;
}

/* Boş `<a>` hiç çocuk taşımaz → gizlenir. Ölü kutu kalmaz (Ö-066).
 * ⚠️ `:empty` GERÇEKTEN boş olmayı ister: içeri boşluk ya da yorum düşerse
 * tutmaz. */
.gs-00-bilesen-tahtasi .tb-empty-buton:empty {
    display: none !important;
}

/* ── POZ 07 · hareket ve odak ────────────────────────────────────────────── */

.gs-00-bilesen-tahtasi .tb-hareket-satir {
    grid-template-columns: 1fr !important;
}

.gs-00-bilesen-tahtasi .tb-odak-blok {
    margin-top: var(--gs-bo-6) !important;
}

.gs-00-bilesen-tahtasi .tb-odak-ornek {
    display: inline-flex !important;
    align-items: center !important;
    min-height: var(--gs-hedef) !important;
    margin-top: var(--gs-bo-4) !important;
    padding: var(--gs-bo-2) var(--gs-bo-4) !important;
    background: var(--tb-yuzey) !important;
    border: 1px solid var(--tb-hat) !important;
    color: var(--tb-metin) !important;
    font-size: var(--gs-fs-3) !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

/* Odak halkası koyu zeminde AÇIK ton — kırmızı olamaz (DESIGN.md §3).
 * `base.css` halkayı `--gs-primary` veriyor; burada zemin koyu olduğu için
 * geri alınıyor, `10-aks-hatti`in ölçülmüş değeriyle aynı. */
.gs-00-bilesen-tahtasi :focus-visible {
    outline: 2px solid var(--tb-metin) !important;
    outline-offset: 3px !important;
}

/* ── ≥768 ────────────────────────────────────────────────────────────────── */

@media (min-width: 768px) {
    .gs-00-bilesen-tahtasi .tb-punto-satir {
        grid-template-columns: 8rem 5rem minmax(0, 1fr) !important;
    }

    .gs-00-bilesen-tahtasi .tb-punto-ornek {
        grid-column: 1 / -1 !important;
    }

    .gs-00-bilesen-tahtasi .tb-bosluk-satir {
        grid-template-columns: 8rem 5rem 1fr 8rem !important;
        align-items: center !important;
    }

    .gs-00-bilesen-tahtasi .tb-hareket-satir {
        grid-template-columns: 1fr 8rem 8rem !important;
        align-items: center !important;
    }

    /* Yer açılınca sayı sütunları nefes alır. */
    .gs-00-bilesen-tahtasi .tb-palet-satir {
        grid-template-columns: var(--gs-bo-6) 1fr 7rem 5rem !important;
    }

    .gs-00-bilesen-tahtasi .tb-p4-govde {
        grid-template-columns: 1fr 1fr !important;
    }

    .gs-00-bilesen-tahtasi .tb-ikili {
        grid-template-columns: 1fr 1fr !important;
    }

    .gs-00-bilesen-tahtasi .tb-eylem-oge {
        flex-wrap: nowrap !important;
    }
}

/* ── ≥1025 ───────────────────────────────────────────────────────────────── */

@media (min-width: 1025px) {
    .gs-00-bilesen-tahtasi .tb-h1 {
        font-size: var(--gs-fs-7) !important;
    }

    .gs-00-bilesen-tahtasi .tb-punto-satir {
        grid-template-columns: 10rem 6rem 22rem minmax(0, 1fr) !important;
    }

    /* Geniş ekranda örnek kendi sütununda durur — satır atlamaz. */
    .gs-00-bilesen-tahtasi .tb-punto-ornek {
        grid-column: auto !important;
    }
}