/* === Renk Paleti Açıklaması ===
   Bu palet, zeytin ağacının ve zeytinyağının doğal tonlarından ilham alarak
   modern ve şık bir görünüm sunar.

   - Ana Yeşil (Primary Green): #5B845C (Orta Koyu Zeytin Yeşili - daha yumuşak)
   - Vurgu Sarı (Accent Yellow): #DFA65F (Sıcak Kum Sarısı / Hafif Bronz - daha zarif)
   - Açık Arka Plan (Light Background): #F8F8F4 (Hafif Krem / Kirli Beyaz - göz yormayan)
   - Koyu Metin (Dark Text): #444444 (Koyu Gri - okunabilir)
   - İkincil Vurgu (Secondary Accent): #8C7851 (Kahvemsi Bronz - sıcak bir geçiş)
   - Başarı Yeşili (Success Green): #66BB6A (Canlı, ama soft yeşil - ilerleme çubukları vb.)
*/

/* === Genel Arka Plan ve Yazı Renkleri === */
body, .layout-main {
    background-color: #F8F8F4; /* Hafif Krem / Kirli Beyaz */
    color: #444444; /* Koyu Gri */
    font-family: "Segoe UI", sans-serif; /* Modern ve okunabilir font */
}

/*table {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
}*/


/* === Navbar & Header === */
header, .navbar, .bg-primary {
    background-color: #5B845C !important; /* Ana Yeşil (Logonun ana rengi ile uyumlu) */
    color: white !important; /* Navbar metin rengi */
}

.navbar-brand, .navbar-nav .nav-link, .dropdown-toggle {
    color: white !important; /* Navbar link ve marka rengi */
    transition: color 0.3s ease-in-out; /* Geçiş efekti */
}

    .navbar-nav .nav-link:hover {
        color: rgba(255, 255, 255, 0.8) !important; /* Hover efekti */
    }

.navbar .dropdown-menu {
    background-color: #F8F8F4; /* Açık arka plan */
    border: 1px solid #DFA65F; /* Vurgu sarısı kenarlık (logo ile uyumlu kontrast) */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Hafif gölge */
    border-radius: 0.5rem; /* Köşe yuvarlama */
}

.dropdown-menu .dropdown-item {
    color: #444444; /* Koyu gri metin */
    padding: 0.75rem 1.25rem; /* İç boşluk */
}

    .dropdown-menu .dropdown-item:hover {
        background-color: #DFA65F; /* Vurgu sarısı hover (logo ile uyumlu) */
        color: white; /* Beyaz metin */
        border-radius: 0.25rem; /* İç öğeler için köşe yuvarlama */
    }

/* === Card ve Kutular === */
.card {
    border-radius: 0.75rem;
    border: 1px solid #DFA65F;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
    }

/* Kart Başlığı (Header) Stili */
.card-header {
    background-color: #5B845C; /* Ana Yeşil (Örnek bir arka plan rengi) */
    /*color: white;*/ /* Header metnini beyaz yap */
    font-weight: bold;
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
    padding: 1rem 1.25rem;
}

/* Sorunlu Olan Kısım: .card-title'ın Beyaz Olmasını Garanti Etme */
.card-title {
    /* Bu kuralın önceki genel h1-h5 kuralından daha spesifik olduğundan emin oluyoruz. */
    /*color: white !important;*/
    font-weight: bold;
    font-size: 1.25rem;
    margin-bottom: 0; /* Başlık içinde boşluk bırakmamak için */
}

/* Eğer .card-header içindeki h5 gibi bir etiket kullanılıyorsa, onu da hedefleyelim */
.card-header .card-title,
.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5 {
    color: white !important; /* Başlık etiketini zorla beyaz yap */
}

.card-body {
    background-color: #ffffff; /* Temiz beyaz */
    border-radius: 0.7rem;
}
/* === Sidebar Modern Stil === */
.sidebar-modern {
    background-color: #ffffff; /* Beyaz arka plan */
    border-right: 2px solid #8C7851; /* İkincil Vurgu (Kahvemsi Bronz - logo ile uyumlu geçiş) */
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.05); /* Hafif gölge */
}

    .sidebar-modern .nav-link {
        color: #444444; /* Koyu gri metin */
        font-weight: 500;
        padding: 0.75rem 1.5rem; /* Daha iyi iç boşluk */
        transition: background-color 0.3s ease, color 0.3s ease;
    }

        .sidebar-modern .nav-link:hover {
            background-color: rgba(91, 132, 92, 0.1); /* Ana yeşilin %10 şeffaflığı (logoyla uyumlu) */
            color: #5B845C; /* Ana yeşil hover (logonun ana rengi) */
        }

        .sidebar-modern .nav-link.active {
            background-color: #DFA65F !important; /* Vurgu sarısı aktif (logo ile uyumlu) */
            color: white !important;
            border-left: 5px solid #8C7851; /* İkincil vurgu ile sol kenar çizgisi */
        }

/* === Progress Bar === */
.progress {
    height: 1.5rem; /* Biraz daha kalın */
    border-radius: 0.75rem; /* Daha yuvarlak */
    background-color: #E0E0E0; /* Daha soft gri zemin */
}

.progress-bar {
    background-color: #66BB6A; /* Başarı Yeşili (logo ile uyumlu soft yeşil) */
    font-size: 0.9rem; /* Biraz daha büyük font */
    font-weight: 600;
    color: white; /* Metin rengi */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); /* Hafif metin gölgesi */
}

/* === Butonlar === */
.btn-primary {
    background-color: #5B845C; /* Ana Yeşil (logonun ana rengi) */
    border-color: #5B845C;
    color: white;
    font-weight: 600;
    border-radius: 0.5rem; /* Köşe yuvarlama */
    transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.2s ease;
}

    .btn-primary:hover {
        background-color: #4A6B4B; /* Biraz daha koyu yeşil (logoyla uyumlu ton) */
        border-color: #4A6B4B;
        transform: translateY(-2px); /* Hafif yukarı kalkma */
    }

    .btn-primary:active {
        transform: translateY(0); /* Tıklamada geri yerine gelme */
    }

.btn-outline-primary {
    color: #5B845C; /* Ana Yeşil (logonun ana rengi) */
    border-color: #5B845C;
    font-weight: 600;
    border-radius: 0.5rem; /* Köşe yuvarlama */
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

    .btn-outline-primary:hover {
        background-color: #5B845C; /* Ana Yeşil */
        color: white;
    }

/* === Footer === */
footer {
    background-color: #ffffff; /* Beyaz arka plan */
    color: #8C7851; /* İkincil Vurgu (Kahvemsi Bronz - logo ile uyumlu) */
    border-top: 1px solid #E0E0E0; /* Soft gri üst kenarlık */
    padding: 1rem 0; /* İç boşluk */
    font-size: 0.9rem;
}

/* === Spinner === */
.spinner-border.text-success { /* Değişiklik: text-primary yerine text-success */
    color: #DFA65F !important; /* Vurgu Sarı (logo ile uyumlu) */
    width: 3rem; /* Biraz daha büyük */
    height: 3rem; /* Biraz daha büyük */
    border-width: 0.3em; /* Kalınlık */
}

/* === Küçük Ekranlar için Mobil Sidebar === */
#sidebar-overlay {
    background-color: rgba(0, 0, 0, 0.4); /* Biraz daha koyu şeffaf katman */
}

/* === Responsive Başlık Görünümü === */
.app-title {
    font-size: 1.5rem; /* Biraz daha büyük */
    color: #5B845C; /* Ana Yeşil (logonun ana rengi) */
    font-weight: bold;
}

/* === Tooltipler === */
.tooltip-inner {
    background-color: #5B845C; /* Ana Yeşil (logonun ana rengi) */
    border-radius: 0.3rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
}

.tooltip.bs-tooltip-top .arrow::before {
    border-top-color: #5B845C; /* Ana Yeşil */
}

/* === Özel Başlıklar === */
h1, h2, h3, h4, h5 {
    color: #5B845C; /* Ana Yeşil (logonun ana rengi) */
    margin-bottom: 1rem; /* Başlık alt boşluğu */
}

.logo-preview {
    width: 80px;
    height: 80px;
    object-fit: contain;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* box-shadow da ekledik */
}

    .logo-preview:hover {
        transform: scale(1.1); /* Hafifçe büyütme (örn: %10) */
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Etrafa belirgin bir gölge ekleme */
        z-index: 1000;
        position: relative;
        cursor: pointer; /* Kullanıcının tıklanabilir olduğunu anlaması için */
    }

.styled-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2rem;
    font-size: 0.95rem;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

    .styled-table thead tr {
        background-color: #343a40;
        color: #ffffff;
        text-align: center;
        font-weight: bold;
    }

    .styled-table th, .styled-table td {
        padding: 12px 16px;
        border: 1px solid #dee2e6;
    }

    .styled-table tbody tr:nth-child(even) {
        background-color: #f9f9f9;
    }

    .styled-table tbody tr:hover {
        background-color: #f1f1f1;
    }

    .styled-table .highlight {
        background-color: #000;
        color: #fff;
        font-weight: bold;
        text-align: right;
    }

    .styled-table caption {
        caption-side: top;
        font-size: 1.2rem;
        font-weight: bold;
        padding: 10px;
        color: #333;
    }

}
/*.logo-preview {
    max-width: 60px;
    max-height: 60px;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 4px;
    border: 1px solid #ddd;
}



    .logo-preview:hover {
        transform: scale(2);*/ /* Üzerine gelindiğinde 2 kat büyütür, isteğe göre ayarlayın */
        /*z-index: 10;*/ /* Diğer öğelerin üzerine çıkmasını sağlar */
    /*}*/

.fixed-column-table {
    overflow-x: auto;
    border: 1px solid #dee2e6;
}

    .fixed-column-table thead th {
        white-space: nowrap;
        background-color: #f8f9fa;
    }

    .fixed-column-table tbody td {
        white-space: nowrap;
    }

    .fixed-column-table th:first-child,
    .fixed-column-table td:first-child {
        position: sticky;
        left: 0;
        background-color: #fff;
        z-index: 1;
        box-shadow: 1px 0 0 #dee2e6;
    }

    .fixed-column-table th:nth-child(2),
    .fixed-column-table td:nth-child(2) {
        position: sticky;
        left: 100px;
        background-color: #fff;
        z-index: 1;
        box-shadow: 1px 0 0 #dee2e6;
    }

    .fixed-column-table th:nth-child(3),
    .fixed-column-table td:nth-child(3) {
        position: sticky;
        left: 200px;
        background-color: #fff;
        z-index: 1;
        box-shadow: 1px 0 0 #dee2e6;

    }

.form-check-input:checked {
    background-color: #198754; /* yeşil */
    border-color: #198754;
}

/* Projenizin genel CSS dosyasına (app.css veya site.css) ekleyin */

@media print {
    /* Bu sınıfı taşıyan tüm öğeleri (bizim durumumuzda buton div'ini) 
       yazdırma anında ekrandan kaldırır. */
   
    /* İsteğe bağlı, sayfa başlığını ve gövdesini yazdırmaya uygun hale getirir */
    .container,
    .container * {
        visibility: visible;
        /* Sadece print-container ve içeriği görünür */
    }

    .container {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        /* Yazdırma sayfasına sığacak şekilde ayarla */
    }

    .no-print {
        display: none !important;
    }

    .print-hide {
        display: none !important;
    }

}

.blazored-toast-container {
    z-index: 99999 !important;
}

/* Tablo içeriğinin kaydırılabilir olması için CSS */
.table-container {
    /* Ekran yüksekliğine göre veya sabit bir değer belirleyebilirsiniz. */
    /* Örneğin, 400 pikselden sonra kaydırmaya başla */
    max-height: 700px;
    overflow-y: auto; /* Yalnızca dikey kaydırmayı etkinleştir */
}

/* İsteğe bağlı: Başlığın kaydırma sırasında görünür kalması için */
.table thead {
    position: sticky;
    top: 0; /* Başlığın en üstte yapışmasını sağlar */
    background-color: white; /* Başlığın altındaki içeriği gizlemek için bir arka plan rengi */
    z-index: 10; /* Diğer öğelerin üzerinde görünmesini sağlar */
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1); /* Hafif bir gölge ekler */
}


/* Form floating label stilleri daha iyi çalışması için */
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.form-floating > label {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
}