/*
 * Kullanıcı bulgusu (2026-08-22): "2 tarih arasını seçerken olan yer
 * kaldırılmış" (django-admin-rangefilter butonları/kenarlığı görünmüyordu)
 * ve ayrı olarak "takvim tablo içinden görünüyor" (.calendarbox şeffaftı) -
 * ikisinin de kök nedeni AYNI: Jazzmin, Django'nun KENDİ admin/css/
 * base.css'ini (established :root'ta --button-bg/--body-bg/--hairline-color
 * gibi ~25 CSS custom property tanımlayan dosya) HİÇ YÜKLEMİYOR - established
 * Django'nun KENDİ widgets.css/autocomplete.css/forms.css'i (rangefilter'ın
 * date/time alanları, established autocomplete_fields kullanan HER admin
 * sayfası, established İçe/Dışa Aktar sayfaları - projede yaygın) bu
 * değişkenlere yaslanıyor, established tanımsız kalınca arka plan/kenarlık/
 * metin rengi sessizce KAYBOLUYOR.
 *
 * Tek tek bulup yamamak yerine (established "sistemde başka ne bozuk"
 * sorusuna karşı), widgets.css + autocomplete.css + forms.css'in
 * kullandığı TÜM değişkenler Django'nun kendi varsayılan (açık tema)
 * değerleriyle burada topluca tanımlanıyor - established bu üç dosyanın
 * yaslandığı HERHANGİ bir görsel artık sessizce bozulmuyor.
 */
:root {
    --primary: #79aec8;
    --secondary: #417690;
    --accent: #f5dd5d;
    --primary-fg: #fff;
    --body-fg: #333;
    --body-bg: #fff;
    --body-quiet-color: #666;
    --body-medium-color: #444;
    --header-bg: var(--secondary);
    --header-link-color: var(--primary-fg);
    --breadcrumbs-fg: #c4dce8;
    --link-fg: #417893;
    --hairline-color: #e8e8e8;
    --border-color: #ccc;
    --error-fg: #ba2121;
    --darkened-bg: #f8f8f8;
    --selected-bg: #e4e4e4;
    --selected-row: #ffc;
    --button-fg: #fff;
    --button-bg: var(--secondary);
    --close-button-bg: #747474;
    --close-button-hover-bg: #333;
    --delete-button-bg: #ba2121;
    --delete-button-hover-bg: #a41515;
    --font-family-monospace: "Menlo", "Consolas", monospace;
}

/*
 * Jazzmin, date_hierarchy'yi (yıl/ay/gün gezinme çubuğu) dolu koyu mavi
 * "btn btn-primary" olarak render ediyor - liste sayfasının en üstünde,
 * gerçek bir aksiyon (kaydet/sil gibi) olmadığı halde büyük, dikkat çeken
 * bir buton grubu gibi görünüyordu (kullanıcı bildirimi: "en üstte girilmiş
 * verilerin tarihleri buton gibi çıkıyor").
 *
 * Bu sadece bir GEZİNME/filtre aracı olduğu için, daha soluk/pill tarzı bir
 * görünüme çevriliyor - marka rengiyle (core/excel_export.py, e-posta
 * şablonlarıyla aynı #1F4E78) tutarlı, ama "buton" ağırlığında değil.
 */
#change-list-date-hierarchy .date-hierarchy {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

#change-list-date-hierarchy .date-hierarchy .btn {
    background-color: transparent;
    border: 1px solid #c7d2dc;
    color: #1F4E78;
    font-weight: 600;
    font-size: 0.85rem;
    padding: 3px 14px;
    border-radius: 14px;
    box-shadow: none;
    transition: background-color 0.15s ease, color 0.15s ease;
}

#change-list-date-hierarchy .date-hierarchy .btn:hover,
#change-list-date-hierarchy .date-hierarchy .btn:focus {
    background-color: #1F4E78;
    border-color: #1F4E78;
    color: #ffffff;
}

/*
 * BUG DÜZELTMESİ (mobil görünüm, 2026-08-04): Chart.js canvas'ları
 * responsive:true olmasına rağmen bazı durumlarda (özellikle
 * maintainAspectRatio:false ile) başlangıç genişliğini konteynerinden daha
 * geniş hesaplayabiliyor - bu da tüm sayfanın yatay kaydırılabilir hale
 * gelmesine (mobilde içeriğin ekran dışına taşmasına) yol açıyordu. Bu
 * dosya TÜM admin sayfalarında (custom_css, bkz. core/settings.py
 * JAZZMIN_SETTINGS) yüklendiği için kural burada - sadece dashboard'a özel
 * bir <style> bloğunda değil - tanımlanıyor, aksi halde rapor sayfaları
 * (custom_index.html'i extend ETMEYEN, admin/base_site.html'i doğrudan
 * extend eden templates/admin/raporlar/*.html) korumasız kalıyordu.
 * .table-responsive gibi kasıtlı yatay kaydırma alanlarını ETKİLEMEZ (ayrı
 * overflow bağlamı).
 */
.content-wrapper { overflow-x: hidden; }
.dashboard-card canvas { max-width: 100% !important; }

/*
 * Django 5.2 + jazzmin 3.0.5 yükseltmesi (2026-08-21) sonrası bulundu:
 * jazzmin'in eski (AdminLTE tabanlı) sürümü .small-box içindeki yazıyı
 * arkaplan renginden bağımsız olarak beyaz zorluyordu - yeni Bootstrap 5
 * tabanlı sürüm bunu kaldırmış, yazı rengi varsayılan (neredeyse siyah)
 * metin rengine düşüyor. bg-dark kullanan kartlarda (ör. dashboard'daki
 * "Bugünkü Toplam Ölüm" 0 iken, finans raporundaki net durum zarardayken)
 * arkaplanla AYNI renk olduğu için yazı TAMAMEN GÖRÜNMEZ oluyordu; diğer
 * renkli kartlarda da düşük kontrastla zar zor okunuyordu. Established
 * dashboard/rapor tasarımının niyeti (renkli kart = beyaz yazı) geri
 * yükleniyor - 8 farklı template'te tekrarlanan deseni tek yerden düzeltir.
 * (JAZZMIN_SETTINGS'te tek bir "custom_css" slotu var - bu yüzden yeni bir
 * dosya değil, bu dosyaya EKLENDİ.)
 */
.small-box .inner,
.small-box .inner h3,
.small-box .inner p,
.small-box .icon,
.small-box .small-box-footer {
    color: #fff !important;
}

/* established AdminLTE small-box deseni: sağ üstte BÜYÜK, yarı saydam bir
   dekoratif ikon (arka planda filigran gibi) - established jazzmin 2.x
   bundle'ında tanımlıydı, yeni Bootstrap 5 tabanlı sürümde HİÇ tanımlı
   değil (kontrol edildi) - ikon küçük/orantısız kalıyordu (kullanıcı
   bulgusu: "en üstteki 5 kartta simgeler küçük ve orantısız"). */
.small-box { position: relative; overflow: hidden; }
.small-box .icon {
    position: absolute;
    top: -10px;
    right: 15px;
    z-index: 0;
    font-size: 70px;
    color: rgba(255, 255, 255, .3) !important;
    transition: all .3s linear;
}
.small-box:hover .icon { font-size: 76px; }
.small-box .inner { position: relative; z-index: 1; }

/*
 * Django 5.2 + jazzmin 3.0.5 yükseltmesi (2026-08-21) - İKİNCİ ve DAHA
 * GENİŞ regresyon: Bootstrap 5 ".badge-{renk}" sınıflarını TAMAMEN
 * KALDIRMIŞ (Bootstrap 4'te vardı, established bu uygulamanın 12
 * template'i - Sistem Durumu, Ödeme/Cari/Stok/HACCP durum rozetleri vb. -
 * hâlâ bu eski sınıf adlarını kullanıyor). Sonuç: rozetler görünürde HİÇ
 * arkaplan/renk almadan, düz metin gibi render oluyor - "Sistem Durumu"
 * kartında başlıkların altındaki "Çalışıyor" gibi değerler görsel olarak
 * KAYBOLUYORDU (kullanıcı ekran görüntüsüyle bildirdi: "çok çirkin
 * gözüküyor").
 *
 * Bootstrap 5'in KENDİ yeni karşılığı olan ".text-bg-{renk}" sınıflarıyla
 * AYNI renk+kontrast mantığı burada established eski ".badge-{renk}"
 * sınıf adları için yeniden kuruluyor - 12 template'i tek tek
 * ".badge-x" -> ".text-bg-x" olarak değiştirmek yerine (established
 * "kalemsiz güvenli tarama"), TEK yerden düzeltir. Renkler jazzmin'in
 * bundle ettiği gerçek Bootstrap 5 paletiyle BİREBİR (computed style ile
 * doğrulandı): warning/info açık renk olduğu için koyu yazı, diğerleri
 * beyaz yazı - Bootstrap 5'in text-bg-* kuralıyla AYNI.
 */
.badge-success { background-color: #198754 !important; color: #fff !important; }
.badge-danger  { background-color: #dc3545 !important; color: #fff !important; }
.badge-primary { background-color: #0d6efd !important; color: #fff !important; }
.badge-dark    { background-color: #212529 !important; color: #fff !important; }
.badge-secondary { background-color: #6c757d !important; color: #fff !important; }
.badge-warning { background-color: #ffc107 !important; color: #000 !important; }
.badge-info    { background-color: #0dcaf0 !important; color: #000 !important; }
.badge-light   { background-color: #f8f9fa !important; color: #000 !important; }

/* Aynı Bootstrap 4->5 geçişi: established onlarca rapor tablosunda
   kullanılan .text-right (sayı/tutar hizalama) ve .badge-pill (yuvarlak
   rozet köşesi) de Bootstrap 5'te kaldırıldı - established .text-start/
   .text-end yerine geçti. .text-left zaten tarayıcı varsayılanıyla aynı
   olduğu için etkisiz kalıyordu, buraya gerek yok. */
.text-right { text-align: right !important; }
.badge-pill { border-radius: 10rem !important; }

/*
 * Django 5.2 + jazzmin 3.0.5 - ÜÇÜNCÜ regresyon, en YAYGIN olanı: Bootstrap
 * 5, established ".mr-x"/".ml-x" (margin-right/left) sınıflarını RTL
 * (sağdan-sola diller) desteği için ".me-x"/".ms-x" (margin-end/start)
 * olarak yeniden adlandırdı - established 18 template'te (ikon+metin
 * aralığı: `<i class="fas fa-coins mr-2"></i>Başlık` gibi) YÜZLERCE yerde
 * kullanılıyor. Sonuç: TÜM ikonlar established metne YAPIŞIK görünüyordu,
 * "Raporlama Merkezi" butonları da (ikon+yazı arası boşluk kaybolunca)
 * düzensiz/dengesiz göründü (kullanıcı bulgusu: "simgelerle arasında
 * boşluk yok", "rastgele butonlar gibi duruyor"). Değerler established
 * Bootstrap spacer ölçeğiyle (4/5'te AYNI kaldı) birebir.
 */
.mr-1 { margin-right: .25rem !important; }
.mr-2 { margin-right: .5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.ml-1 { margin-left: .25rem !important; }
.ml-2 { margin-left: .5rem !important; }

/* established ".border-left-{renk}" (dashboard analiz kartlarının sol
   renkli vurgu şeridi, ör. "Yem Dönüşüm Oranı" kartı) jazzmin'in ESKİ
   bundle ettiği AdminLTE sürümüne aitti - yeni (Bootstrap 5 tabanlı)
   sürümde hiç tanımlı değil, hiçbir yerde bulunamadı (kontrol edildi).
   established SB-Admin-2/AdminLTE deseniyle AYNI (4px renkli sol kenarlık)
   burada yeniden kuruluyor. */
.border-left { border-left: 1px solid #dee2e6 !important; }
.border-left-primary   { border-left: .25rem solid #0d6efd !important; }
.border-left-success   { border-left: .25rem solid #198754 !important; }
.border-left-danger    { border-left: .25rem solid #dc3545 !important; }
.border-left-warning   { border-left: .25rem solid #ffc107 !important; }
.border-left-info      { border-left: .25rem solid #0dcaf0 !important; }
.border-left-secondary { border-left: .25rem solid #6c757d !important; }
.border-left-dark      { border-left: .25rem solid #212529 !important; }

/*
 * Django 5.2 + jazzmin 3.0.5 - DÖRDÜNCÜ regresyon: Bootstrap 5 ".btn-block"
 * sınıfını TAMAMEN KALDIRDI (established "Raporlama Merkezi" butonları
 * `<div class="col-6 col-lg-3 ..."><a class="btn btn-block ...">` deseninde
 * - established grid kolonları eşit genişlikte ama .btn-block etkisiz
 * kalınca butonun kendisi METNİN uzunluğuna göre büzülüyordu, "Stok
 * Raporu" ile "Kümes Performans Raporu" görsel olarak ÇOK FARKLI genişlikte
 * görünüyordu - kullanıcı bulgusu: "çok ayrı ayrı gözüküyor, rastgele
 * butonlar gibi". established Bootstrap 4 davranışı (display:block +
 * width:100%, established grid kolonunu TAM doldurur) burada yeniden
 * kuruluyor.
 */
.btn-block { display: block !important; width: 100% !important; }

/*
 * Django 5.2 + jazzmin 3.0.5 - BEŞİNCİ ve EN YAYGIN regresyon: Bootstrap 5
 * ".font-weight-bold"ı ".fw-bold" olarak yeniden adlandırdı - established
 * 17 template'te (rapor başlıkları, tablo TOPLAM satırları, kart başlıkları)
 * 115 KEZ kullanılıyor. Tüm bu metinler normal kalınlıkta render oluyordu.
 */
.font-weight-bold { font-weight: 700 !important; }

/* established ".text-xs"/".text-gray-800" (SB-Admin-2 üslubu küçük büyük
   harf etiket + koyu gri değer, dashboard'daki 4 analiz kartında
   kullanılıyor) hiçbir bundle'da hiç tanımlı değildi - jazzmin sürümünden
   bağımsız, established eksik kalmış bir yardımcı sınıf çifti. Standart
   SB-Admin-2 değerleriyle tanımlanıyor. */
.text-xs { font-size: .7rem !important; }
.text-gray-800 { color: #5a5c69 !important; }

/*
 * Kullanıcı bulgusu (2026-08-22): "tarih seçme kısımları açılınca
 * modalın altına giriyor" - Django'nun klasik takvim/saat popup'ı
 * (established DateTimeShortcuts.js'in dinamik oluşturduğu .calendarbox/
 * .clockbox - ör. "+" ile ilişkili bir kayıt eklerken açılan Jazzmin
 * modalı İÇİNDEKİ bir tarih alanında) established Bootstrap 5 .modal'ın
 * z-index'inden (1055) daha düşük/tanımsız kaldığı için ya modalın
 * ARKASINDA görünüyor ya da modalın kendi overflow sınırında kırpılıyordu.
 * position:fixed + yüksek z-index established modalın (veya herhangi bir
 * overflow:hidden/auto ata elemanın) sınırlamasından tamamen KAÇIRIYOR.
 */
.calendarbox, .clockbox {
    position: fixed !important;
    z-index: 2000 !important;
}

/*
 * Kullanıcı bulgusu (2026-08-22): "Seçilenleri Renkli Excel'e Aktar" gibi
 * zararsız action'lar, "Seçili ... nesnelerini SİL" gibi GERİ ALINAMAZ
 * bir action'la aynı düz <select>'te yan yana, görsel ayrım olmadan
 * duruyor - established yanlışlıkla silme seçilme riski. Projedeki HER
 * admin listesinde established action dropdown'ı aynı Django şablonundan
 * geldiği için (established "delete_selected" adı tüm modellerde sabit),
 * tek bir CSS kuralı TÜM sayfalarda düzeltiyor - her admin.py'yi tek tek
 * değiştirmeye gerek yok. Silme action'ı kırmızı/kalın, established bir
 * uyarı işareti (⚠) öneki ile diğerlerinden görsel olarak ayrılıyor.
 * NOT: Django'nun kendi delete_selected action'ı zaten established ayrı
 * bir ONAY sayfası gösteriyor (silinecek nesneleri listeleyip "Evet,
 * eminim" istiyor) - established bu CSS o güvenliği DEĞİŞTİRMİYOR, sadece
 * YANLIŞ action'ı SEÇME ihtimalini azaltıyor. NOT (2): <option> üzerinde
 * ::before/::after çoğu tarayıcıda render OLMUYOR (option, normal bir
 * kutu modeli elemanı değil) - "⚠ " öneki bu yüzden CSS'te değil,
 * select2_focus_fix_v3.js'te (established metni doğrudan değiştirerek)
 * ekleniyor.
 */
select[name="action"] option[value="delete_selected"] {
    color: #ba2121;
    font-weight: bold;
}
