/* Çelik Oto – Nakit Takip · ortak stiller
   Renk/rozet sözleşmesi (TÜM şablonlar bunu kullanır):
   - Nakit risk durumu:  "Açık"   -> .risk-acik   (kırmızı)
                         "Dikkat" -> .risk-dikkat (turuncu)
                         "Normal" -> .risk-normal (yeşil)
   - Uyarı seviyeleri (dashboard v.uyarilar -> (seviye, mesaj)):
        kirmizi / turuncu / yesil / mavi  -> .uyari-<seviye>
   - Borç durumu rozetleri: Bekliyor=bg-secondary, "Kısmi ödendi"=bg-info text-dark,
        Ödendi=bg-success, Gecikti=bg-danger
   - Alacak durumu: Bekliyor=bg-secondary, "Kısmi tahsil edildi"=bg-info text-dark,
        "Tahsil edildi"=bg-success, Gecikti=bg-danger
   - Risk seviyesi (yaşlandırma): Normal=bg-success, Düşük=bg-info text-dark,
        Orta=bg-warning text-dark, Yüksek=bg-warning text-dark, Kritik=bg-danger
   - Öncelik: Düşük=bg-secondary, Normal=bg-primary, Yüksek=bg-warning text-dark, Kritik=bg-danger
*/

:root {
  --marka: #1F4E78;
  --marka-koyu: #163a5a;
  --yumusak: #f4f6fa;
}

body { background: var(--yumusak); }

/* Üst menü */
.navbar-marka { background: var(--marka) !important; }
.navbar-marka .navbar-brand,
.navbar-marka .nav-link { color: #fff !important; }
.navbar-marka .nav-link.aktif { font-weight: 700; border-bottom: 2px solid #ffd54a; }
.navbar-marka .nav-link:hover { color: #ffd54a !important; }

/* KPI kartları */
.kpi-card { border: 0; border-radius: .75rem; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.kpi-card .kpi-baslik { font-size: .8rem; color: #6c757d; text-transform: uppercase; letter-spacing: .03em; }
.kpi-card .kpi-deger { font-size: 1.5rem; font-weight: 700; }
.kpi-card .kpi-deger.kucuk { font-size: 1.15rem; }

/* Tutarlar */
.tutar { font-variant-numeric: tabular-nums; white-space: nowrap; }
.tutar-eksi { color: #c0392b; }
.tutar-arti { color: #1e7e34; }

/* Nakit risk satır arka planları */
.risk-acik   { background: #fdecea !important; }
.risk-dikkat { background: #fff4e5 !important; }
.risk-normal { }
.badge-risk-acik   { background: #c0392b; color:#fff; }
.badge-risk-dikkat { background: #e67e22; color:#fff; }
.badge-risk-normal { background: #1e7e34; color:#fff; }

/* Dashboard uyarı kutuları */
.uyari { border-radius: .5rem; padding: .6rem .9rem; margin-bottom: .5rem; border-left: 5px solid; }
.uyari-kirmizi { background:#fdecea; border-color:#c0392b; }
.uyari-turuncu { background:#fff4e5; border-color:#e67e22; }
.uyari-yesil   { background:#eafaf1; border-color:#1e7e34; }
.uyari-mavi    { background:#eaf2fb; border-color:#1F4E78; }

/* Bölüm başlıkları */
.sayfa-baslik { display:flex; align-items:center; gap:.5rem; margin: .25rem 0 1rem; }
.sayfa-baslik i { color: var(--marka); }

/* Tablolar biraz sıkı */
.table-sm td, .table-sm th { padding: .4rem .5rem; }
.tablo-kucuk { font-size: .9rem; }

/* Form kartı (liste sayfalarındaki ekleme formu) */
.form-kart { border-radius: .75rem; }

/* Grafik kapsayıcısı — Chart.js'in sonsuz büyümesini önlemek için SABİT yükseklik şart.
   maintainAspectRatio:false ile birlikte canvas bu kutuyu doldurur. */
.grafik-kutu { position: relative; height: 300px; width: 100%; }
.grafik-kutu canvas { max-height: 100%; }

@media (max-width: 576px) {
  .kpi-card .kpi-deger { font-size: 1.25rem; }
}

/* --- Hızlı Kayıt (mobil giriş ekranı) --- */
.nav-hizli { color: #ffd54a !important; font-weight: 700; }
.hizli-sayfa { max-width: 540px; }
.hizli-tur { padding: .7rem .3rem; line-height: 1.25; }
.hizli-tur small { font-size: .72rem; opacity: .8; }
.hizli-tur i { font-size: 1.3rem; }
.hizli-tutar { font-size: 1.9rem; font-weight: 700; }