/*
    BITECH — TEMA DÜZELTMELERİ
    ==========================
    🔑 Tema dosyalarına (styles.css / scss) DOKUNULMAZ; düzeltmeler bu ayrı
    dosyada durur ve onun ÜSTÜNE yüklenir.

    Gerekçe: `assets/` klasörü NexLink temasının kopyasıdır ve tema
    güncellendiğinde yeniden kopyalanır. İçine yazılan bir düzeltme o gün
    SESSİZCE kaybolur ve belirtisi "ekran yine bozuldu" olur, sebebi görünmez.
    Bu dosya tema kopyası olmadığı için kopyalamadan etkilenmez.

    ⚠ Buraya yalnızca TEMANIN HATASINI düzelten kurallar yazılır; ekrana özgü
    stil ilgili view'ın kendi bloğunda durmalıdır.
*/

/*
    🔴 KART YÜKSEKLİĞİ.
    Tema `.card`'a `--bs-card-height: calc(100% - var(--bs-gutter-x))` verip
    `height` olarak uyguluyor: her kart, bulunduğu kolonun TAMAMI kadar uzuyor.

    Bir kolonda İKİ kart varsa ikincisi de %100 olmaya çalışıyor ve kolonun
    dışına taşıyor — çekim ekranında "Taksit Yapılabilen Bankalar" kartı
    footer'ın üstüne biniyordu (2026-08-13, ekran görüntüsüyle doğrulandı;
    ölçüm: içeriği 56 px olan kart 890 px yer kaplıyordu).

    Doğru varsayılan: kart İÇERİĞİ kadar yer kaplar. Eşit yükseklik gereken
    yerlerde Bootstrap'in `.h-100` sınıfı AÇIKÇA yazılır — böylece istisna
    görünür olur, kural değil.
*/
.card {
    --bs-card-height: auto;
}

/* ══════════════════════════════════════════════════════════════════════════
   RAPOR YAZDIRMA — `.rapor-sayfa` taşıyan ekranlar için.

   🔑 Rapor ekranı yazdırılabilir OLMAK ZORUNDA: mutabakat ve gün sonu, finans
   tarafında kâğıda basılıp imzalanan/arşivlenen belgelerdir. Ekran düzeni
   olduğu gibi basıldığında sidebar, menü ve filtre formu kâğıda gidiyordu
   (kullanıcı geri bildirimi, 2026-09-06).

   ⚠ Tema dosyasına DEĞİL buraya yazılır: assets/ tema kopyasıdır ve tema
   güncellenince üzerine yazılır (dosyanın başındaki gerekçe).
   ══════════════════════════════════════════════════════════════════════════ */

/* Rakamlar alt alta hizalansın — finans tablosunda tek en önemli tipografi
   ayarı budur; orantılı rakamlarla kolonlar tırtıklı görünür. */
.rapor-sayfa table td,
.rapor-sayfa table th {
    font-variant-numeric: tabular-nums;
}

/* Yalnızca yazdırmada görünen başlık: firma, rapor adı, dönem, alan kişi. */
.yazdirma-basligi { display: none; }

@media print {
    /* Panel kabuğu kâğıda gitmez. */
    .app-menubar-tabs,
    .app-header,
    .app-footer,
    .breadcrumb,
    .yazdirilmaz {
        display: none !important;
    }

    .app-wrapper,
    .app-content,
    .app-content-inner,
    main {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    .yazdirma-basligi { display: block !important; }

    /* Kart çerçeveleri kâğıtta gürültü; ince çizgi yeter. */
    .rapor-sayfa .card {
        border: 1px solid #ddd !important;
        box-shadow: none !important;
        break-inside: avoid;
    }

    /* 🔑 Uzun tablo sayfa atladığında BAŞLIK SATIRI TEKRARLANIR. Olmazsa ikinci
       sayfadaki rakamların hangi kolon olduğu anlaşılmaz. */
    .rapor-sayfa thead { display: table-header-group; }
    .rapor-sayfa tfoot { display: table-footer-group; }
    .rapor-sayfa tr { break-inside: avoid; }

    /* Renkler kâğıda da bassın: durum renkleri raporun bilgisidir, süs değil. */
    * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }

    /* İki kolonlu düzen kâğıtta alt alta daha okunur. */
    .rapor-sayfa .col-xl-7,
    .rapor-sayfa .col-xl-5 { width: 100% !important; max-width: 100% !important; }

    @page { margin: 14mm 10mm; }
}

/* Rapor tablosu — koyu başlık satırı (GİB borç ekranı deseni, kullanıcı
   referansı 2026-09-06). Kolon başlıkları gövdeden net ayrılınca uzun tabloda
   göz kolonu kaybetmiyor. */
.rapor-tablo > thead > tr > th {
    background: var(--bs-primary);
    color: #fff;
    font-size: .74rem;
    text-transform: uppercase;
    letter-spacing: .4px;
    border-bottom: none;
    white-space: nowrap;
}

/* Toplam satırı gövdeden kalın çizgiyle ayrılır — finans tablosunda toplamın
   bir satır daha olmadığı görülmeli. */
.rapor-tablo > tfoot > tr > td {
    border-top: 2px solid var(--bs-primary);
    background: rgba(var(--bs-primary-rgb), .04);
}

/* ─────────────────────────────────────────────────────────────────────────
   ÇEKİM EKRANI — tipografi ve nefes payı.

   🔑 YÖN DÜZELTİLDİ (2026-09-06, ikinci tur). İlk denemede etiketler KALIN
   BÜYÜK HARF yapılmıştı; kullanıcının verdiği referans (para transferi formu)
   tam tersini gösteriyor: etiketler İNCE ve normal yazımda, kalınlık yalnızca
   BÖLÜM BAŞLIĞI ve SONUÇ satırında. Kalınlık her yerde kullanılırsa hiçbir
   yerde vurgu olmaz.

   🔑 Ferahlığın kaynağı punto değil ÜÇ ŞEY: (1) alanlar arası boşluk,
   (2) alan yüksekliği, (3) etiket ile alan arasındaki nefes.

   ⚠ Kapsam BİLİNÇLİ OLARAK DAR (`.cekim-ekrani`): tema geneline yazılsaydı
   33+ ekranı birden, hiçbiri sınanmadan değiştirirdi.
   ───────────────────────────────────────────────────────────────────────── */

/* Etiket: İNCE, normal yazım, alandan bir nefes uzakta. Kalın DEĞİL —
   kalınlık bölüm başlığına ve toplam satırına ayrılmıştır. */
.cekim-ekrani .form-label {
    font-weight: 400;
    font-size: .875rem;
    color: var(--bs-body-color);
    margin-bottom: .5rem;
    letter-spacing: 0;
    text-transform: none;
}

/* Kart başlığı: normal yazım, orta kalınlık, okunur punto.
   (Eskiden .72rem aralıklı BÜYÜK HARFTİ — küçük ve sert duruyordu.) */
.cekim-ekrani .card-header {
    padding-top: 1.05rem;
    padding-bottom: 1.05rem;
}
.cekim-ekrani .card-header h6 {
    font-size: 1rem;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
}

/* Bölüm başlığı ("Kart Bilgileri") — üstünde ayırıcı çizgi ve geniş boşluk.
   Referanstaki "Personal Details" bandının karşılığı. */
.cekim-ekrani .bolum-basligi {
    font-size: 1rem;
    font-weight: 600;
    color: var(--bs-body-color);
    padding-top: 1.75rem;
    margin-top: .5rem;
    border-top: 1px solid var(--bs-border-color);
}

/* NEFES PAYI — ferahlığın büyük kısmı burada.
   Alanlar arası boşluk ve alan yüksekliği artar; punto sabit kalır. */
.cekim-ekrani .card-body { padding: 1.5rem 1.65rem 1.75rem; }
.cekim-ekrani .card { margin-bottom: 1.1rem; }
.cekim-ekrani .mb-3 { margin-bottom: 1.4rem !important; }
.cekim-ekrani .mb-4 { margin-bottom: 1.75rem !important; }

.cekim-ekrani .form-control,
.cekim-ekrani .form-select {
    min-height: 48px;
    padding: .65rem .9rem;
    font-size: .95rem;
}
.cekim-ekrani .input-group-lg .form-control { min-height: 54px; }

/* Yardım metni alana yapışık durmasın. */
.cekim-ekrani .form-text,
.cekim-ekrani small.text-muted { display: inline-block; margin-top: .4rem; line-height: 1.5; }

/* Rakamlar hizalı okunur (tabular-nums); tutar ve kart numarası ORTA kalınlıkta —
   siyah zaten belirgin, ayrıca kalınlaştırmak gürültü olurdu. */
.cekim-ekrani #tutar,
.cekim-ekrani #kartNo {
    font-variant-numeric: tabular-nums;
    letter-spacing: .4px;
    font-weight: 500;
}

/* Taksit tablosu: satırlar yükselir, başlıklar ince ve gri kalır. */
.cekim-ekrani .table { font-variant-numeric: tabular-nums; }
.cekim-ekrani .table > :not(caption) > * > * { padding-top: .8rem; padding-bottom: .8rem; }
.cekim-ekrani .table > thead > tr > th {
    font-size: .8rem;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    color: var(--bs-secondary-color);
}

/* Özet bloğu — referanstaki "Total Fees / Total To Pay" deseni:
   ara satırlar ince, SONUÇ satırı kalın ve bir punto büyük. */
.cekim-ekrani .ozet-satir { font-variant-numeric: tabular-nums; }
.cekim-ekrani .ozet-satir > div { padding-block: .15rem; }

/* ─────────────────────────────────────────────────────────────────────────
   OKUNURLUK — metin kontrastı ve yüzey ayrımı (kullanıcı geri bildirimi
   2026-09-06: "ekran net/ferah değil, Hepsiburada'daki gibi fontlar siyah,
   bir belirginlik var").

   🔴 SEBEP BULUNDU: NexLink temasının gövde metin rengi SİYAH DEĞİL —
   `--bs-body-color: #696981` (gri-mor). Etiket, değer ve yardım metni
   AYNI tonda basıldığı için ekranda hiyerarşi oluşmuyordu: her şey eşit
   derecede soluk okunuyordu. Sorun punto değil KONTRASTTI.

   ⚠ Burası bilinçli olarak GENEL (kapsam sınıfı yok): tek bir ekranı
   koyulaştırmak, panelin geri kalanıyla çelişen ikinci bir görünüm üretirdi.
   🔑 Değişenler yalnızca RENK ve GÖLGE — hiçbiri yerleşimi (punto, boşluk,
   genişlik) etkilemez, yani sayfa akışı kaymaz.
   ───────────────────────────────────────────────────────────────────────── */
:root {
    /* Gövde metni neredeyse siyah. Gri ton artık YALNIZCA yardımcı metinde
       kullanılıyor ve bu sayede gerçekten "ikincil" görünüyor. */
    --bs-body-color: #14141F;
    --bs-body-color-rgb: 20, 20, 31;
    --bs-secondary-color: #6E6E85;
    --bs-emphasis-color: #000;
}

/* ⚠ Tema `.text-muted`'ı gövde renginin %75 saydamı olarak tanımlıyordu;
   gövde koyulaşınca "muted" da koyulaşır ve ayrım yine kaybolurdu.
   Bu yüzden ayrı, SABİT bir gri veriliyor. */
.text-muted { color: #6E6E85 !important; }

/* Yüzey ayrımı: sayfa zemini #FDFDFF, kart #FFF idi — yani ikisi de beyaz;
   kartın sınırı da neredeyse görünmezdi (#EEEEF3 + %2 gölge). Kartlar
   "kâğıt" gibi ayrılmadığı için ekran tek bir düz yüzey olarak okunuyordu. */
body { background-color: #F3F4F8; }

.card {
    border-color: #E4E4EE;
    box-shadow: 0 1px 2px rgba(16, 16, 48, .06), 0 1px 3px rgba(16, 16, 48, .04);
}
.card-header { border-bottom-color: #EDEDF4; }

/* Form alanlarının kenarı da görünür olmalı — tıklanacak yerin nerede
   bittiği belli olsun. */
.form-control, .form-select { border-color: #D9D9E5; }