/* Genel Ayarlar ve Arka Plan */
body {
    background-image: url('../images/body.png'); /* Arka plan resminizin yolu */
    background-size: cover; /* Resmi tüm alanı kaplayacak şekilde boyutlandır */
    background-position: center; /* Resmi ortala */
    background-repeat: no-repeat; /* Resmin tekrar etmesini engelle */
    background-attachment: fixed; /* Sayfa kaydırıldığında arka plan sabit kalsın */
    min-height: 100vh; /* Minimum yüksekliği ekranın tamamı kadar yap */
    margin: 0; /* Sayfanın kenarlarında boşluk bırakma */
    display: flex; /* Flexbox kullanarak içeriği düzenle */
    flex-direction: column; /* Öğeleri dikeyde sırala */
    align-items: center; /* Yatay eksende (bu durumda dikeyde) ortala */
    justify-content: center; /* Dikey eksende (bu durumda yatayda) ortala */
    background-color: transparent !important;
}

/* Navbar Ayarları */
.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background-color: transparent !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    padding: 0px 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    color: #000 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
}

.navbar-brand {
    color: #000 !important;
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: none;
}

/* Sayfa içeriği için ana kapsayıcı */
.container {
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-top: 10px;
    width: 100%;
    max-width: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
}

/* Giriş formunun stilleri */
form {
    background-color: transparent;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    max-width: 400px;
    width: 90%;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    /* BURASI EKLENDİ: Form içindeki öğeleri merkeze hizala */
    align-items: center; /* İçerdiği elemanları yatayda (flex-direction column olunca) ortalar */
}

/* Form grupları */
.form-group {
    margin-bottom: 15px;
    width: 100%; 
    display: flex; /* İçindeki label ve input'u düzenlemek için */
    flex-direction: column; /* İçindeki elemanları dikeyde sırala */
    align-items: center; /* BURASI EKLENDİ: Form grubu içindeki elemanları ortala */
}

/* Input elemanları */
.form-control {
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    padding: 12px;
    outline: none;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    box-sizing: border-box;
    width: 100%; /* Input'un kendisi de kapsayıcısının (form-group) %100'ünü kaplasın */
    text-align: center; /* Input içindeki metni ortala */
}

    /* Input placeholder metni */
    .form-control::placeholder {
        color: rgba(255, 255, 255, 0.7);
        text-align: center; /* Placeholder metnini de ortala */
    }

/* Label */
label {
    color: #000;
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: bold;
    display: block;
    width: 100%; /* Label'ın da tam genişliği kullanmasını sağla */
    text-align: left; /* BURASI EKLENDİ: Label metnini ortala */
}

/* Buton stilleri */
.btn {
    background-color: #0d6efd;
    color: white;
    border: none;
    padding: 12px;
    border-radius: 8px;
    width: 100%; /* Buton da tam genişliği kullansın */
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

    .btn:hover {
        background-color: #0b5ed7;
        transform: translateY(-2px);
    }

/* Hata mesajı görünümü */
.alert-danger {
    background-color: rgba(255, 0, 0, 0.4);
    color: white;
    border: none;
    border-radius: 6px;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

/* Layout dosyasındaki body'ye atanan Bootstrap bg-white ve bg-light class'larını ezeriz. */
body.bg-white, body.bg-light {
    background-color: transparent !important;
}

/* Genel Sayfa Düzeni için CSS (Daha önceki giriş sayfaları için yazdığımız, buraya da etki edecek) */
body.bg-white, body.bg-light {
    background-color: transparent !important;
}

/* Genel Sayfa Düzeni için CSS */
body.bg-white, body.bg-light {
    background-color: transparent !important;
}


/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/


body {
    background-image: url('../images/body.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 100vh;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-color: transparent !important;
}

/* Navbar Ayarları */
.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background-color: transparent !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    padding: 0px 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    color: #000 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
}

.navbar-brand {
    color: #000 !important;
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: none;
}

/* Ana İçerik Kapsayıcısı (.container) Ayarları */
.container {
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-top: 10px;
    width: 100%;
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
}

/* Nav Tabs Ana Kapsayıcısı */
.nav-tabs {
    background-color: transparent !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: none !important;
    border-radius: 15px;
    padding: 10px 15px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    width: fit-content;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 25px !important;
    list-style-type: none; /* Noktaları kaldırır */
    padding-left: 0; /* Varsayılan sol padding'i kaldırır */
}

/* Her bir sekme öğesi */
.nav-item {
    margin: 0 8px;
    list-style-type: none; /* Her ihtimale karşı yine de ekleyelim */
}

/* Her bir sekme linki */
.nav-link {
    background-color: rgba(0, 0, 0, 0.1) !important;
    color: #000 !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    border-radius: 10px !important;
    padding: 15px 30px !important; /* Padding değerleri artırıldı */
    font-weight: bold;
    transition: all 0.3s ease;
    font-size: 1.15em; /* Yazı boyutunu biraz daha büyüt */
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    text-decoration: none; /* Linklerin alt çizgisini kaldırır */
}

    /* Aktif sekme */
    .nav-link.active {
        background-color: rgba(0, 0, 0, 0.3) !important;
        border-color: rgba(255, 255, 255, 0.7) !important;
        color: #fff !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
        transform: translateY(-2px);
    }

    /* Sekme linklerinin hover (üzerine gelme) efekti */
    .nav-link:hover:not(.active) {
        background-color: rgba(0, 0, 0, 0.25) !important;
        color: #fff !important;
        border-color: rgba(255, 255, 255, 0.6) !important;
        transform: translateY(-2px);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    }

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/

/* Personel Index Sayfası*/ 

.btn-custom-create {
    display: inline-block;
    background-color: rgba(40, 167, 69, 0.7) !important;
    color: white !important;
    padding: 10px 20px;
    border-radius: 8px;
    text-decoration: none !important;
    font-weight: bold;
    margin-bottom: 20px;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    border: none !important;
}

    .btn-custom-create:hover {
        background-color: rgba(30, 120, 50, 0.9) !important;
        transform: translateY(-2px);
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
    }

/* Tablo Stilleri (değişiklik yok) */
.table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    background-color: rgba(255, 255, 255, 0.05);
    margin-bottom: 50px;
}

    /* Tablo Başlık (Header) Satırı (değişiklik yok) */
    .table thead tr {
        background-color: rgba(0, 0, 0, 0.4);
        color: white;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    /* Tablo Başlık Hücreleri (değişiklik yok) */
    .table th {
        padding: 15px;
        text-align: left;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        font-weight: bold;
        font-size: 1.1em;
    }

    /* Tablo İçerik (Body) Satırları (değişiklik yok) */
    .table tbody tr {
        transition: background-color 0.3s ease;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

        .table tbody tr:last-child {
            border-bottom: none;
        }

        .table tbody tr:hover {
            background-color: rgba(255, 255, 255, 0.1);
        }

    /* Tablo İçerik Hücreleri - KAYITLI KİŞİ BİLGİLERİ İÇİN (değişiklik yok) */
    .table td {
        padding: 12px 15px;
        color: #000 !important;
        vertical-align: middle;
    }

/* İşlem Butonları (Edit, Details, Delete) için Özel Stiller ve Hover Efektleri */

/* Genel aksiyon butonu stilleri (her üçü için ortak) */
.btn-action-edit,
.btn-action-details,
.btn-action-delete {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 5px;
    text-decoration: none !important;
    font-weight: bold;
    margin-right: 8px;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    color: #000 !important; /* Yazı rengi siyah */
    border: none !important; /* Kenarlığı varsa kaldır */
}

/* Edit Butonu */
.btn-action-edit {
    background-color: rgba(255, 193, 7, 0.7) !important; /* Turuncu/Sarı tonu */
}

    .btn-action-edit:hover {
        background-color: rgba(255, 167, 0, 0.9) !important;
        transform: translateY(-1px);
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    }

/* Details Butonu */
.btn-action-details {
    background-color: rgba(13, 110, 253, 0.7) !important; /* Mavi tonu */
}

    .btn-action-details:hover {
        background-color: rgba(0, 85, 200, 0.9) !important;
        transform: translateY(-1px);
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    }

/* Delete Butonu */
.btn-action-delete {
    background-color: rgba(220, 53, 69, 0.7) !important; /* Kırmızı tonu */
}

    .btn-action-delete:hover {
        background-color: rgba(180, 40, 50, 0.9) !important;
        transform: translateY(-1px);
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    }

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/

/* Personel Create Sayfası - Class Bazlı ve Güçlendirilmiş Kurallar */

/* Sayfa Başlığı (Yeni Kayıt) */
.create-page-title {
    color: #000 !important;
    text-align: center !important;
    margin-top: 60px !important;
    margin-bottom: 20px !important;
    font-size: 2.2em !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.2) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    padding: 10px 20px !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
    display: inline-block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: fit-content !important;
    box-sizing: border-box !important;
}

/* Ayırıcı Çizgi */
.create-custom-hr {
    border: 0 !important;
    height: 1px !important;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) !important;
    margin: 20px auto 30px auto !important;
    width: 60% !important;
}

/* Formun genel kapsayıcısı (div.row) */
.create-form-container-row {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin-bottom: 30px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Formu saran col-md-4 div'i */
.create-form-col {
    max-width: 450px !important;
    width: 90% !important;
    padding: 30px !important;
    border-radius: 15px !important;
    background-color: transparent !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.4) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    box-sizing: border-box !important;
    flex-grow: 0 !important;
}

/* Formun kendisi */
.create-main-form {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Validasyon özeti (hata mesajları) */
.create-validation-summary {
    color: #ff4d4d !important;
    font-weight: bold !important;
    margin-bottom: 20px !important;
    text-align: center !important;
    background-color: rgba(255, 0, 0, 0.2) !important;
    padding: 10px !important;
    border-radius: 8px !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* Form Grupları */
.create-form-group {
    margin-bottom: 20px !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

/* Label'lar */
.create-label {
    color: #000 !important;
    font-weight: bold !important;
    margin-bottom: 8px !important;
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Input alanları */
.create-input {
    background-color: rgba(0, 0, 0, 0.2) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 8px !important;
    padding: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    outline: none !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    text-align: center !important;
}

    /* Input Placeholder metni */
    .create-input::placeholder {
        color: rgba(255, 255, 255, 0.7) !important;
        text-align: center !important;
    }

    /* Input odaklandığında */
    .create-input:focus {
        border-color: rgba(255, 255, 255, 0.8) !important;
        box-shadow: 0 0 10px rgba(255, 255, 255, 0.3) !important;
    }

/* Validasyon hata mesajı span'ları */
.create-validation-msg {
    color: #ff4d4d !important;
    font-size: 0.9em !important;
    margin-top: 5px !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
}

/* Butonun olduğu form-group */
.create-button-group {
    margin-top: 10px !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

/* Kaydet (Submit) Butonu */
.create-submit-btn {
    background-color: rgba(40, 167, 69, 0.7) !important;
    color: white !important;
    padding: 12px 30px !important;
    border-radius: 8px !important;
    border: none !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
    width: 100% !important;
    max-width: 250px !important;
}

    .create-submit-btn:hover {
        background-color: rgba(30, 120, 50, 0.9) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3) !important;
    }

/* Listeye Geri Dön Linki */
.create-back-to-list-container {
    text-align: center !important;
    margin-top: 20px !important;
    margin-bottom: 50px !important;
    width: 100% !important;
}

.create-back-to-list-link {
    display: inline-block !important;
    background-color: rgba(108, 117, 125, 0.7) !important;
    color: white !important;
    padding: 10px 25px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
    border: none !important;
}

    .create-back-to-list-link:hover {
        background-color: rgba(80, 80, 80, 0.9) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3) !important;
    }

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/

/* Personel Edit Sayfası - Revize Edilmiş Class Bazlı Kurallar */

.edit-page-wrapper {
    padding-top: 20px !important; /* Navbar altında biraz boşluk bırakır */
    padding-bottom: 50px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}


/* Sayfa Başlığı (Düzenle) */
.edit-page-title {
    color: #000 !important;
    text-align: center !important;
    margin-top: 60px;
    margin-bottom: 5px !important;
    font-size: 2.2em !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.2) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    padding: 10px 20px !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
    display: inline-block !important; /* Merkezi hizalama için */
    margin-left: auto !important;
    margin-right: auto !important;
    width: fit-content !important;
    box-sizing: border-box !important;
    max-width: 90%; /* Küçük ekranlarda taşmayı önler */
}

/* Alt Başlık (Personel Bilgileri) */
.edit-subtitle {
    color: #000 !important;
    text-align: center !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    font-size: 1.5em !important;
    font-weight: normal !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1) !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
    padding: 5px 15px !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    display: inline-block !important; /* Merkezi hizalama için */
    margin-left: auto !important;
    margin-right: auto !important;
    width: fit-content !important;
    box-sizing: border-box !important;
    max-width: 80%; /* Küçük ekranlarda taşmayı önler */
}

/* Ayırıcı Çizgi */
.edit-custom-hr {
    border: 0 !important;
    height: 1px !important;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) !important;
    margin: 20px auto 30px auto !important;
    width: 60% !important; /* Ortalama çizgi uzunluğu */
    max-width: 400px !important; /* Daha küçük ekranlarda kontrol */
}

/* Formun ana kapsayıcısı (div.row) */
.edit-form-container-row {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin-bottom: 30px !important;
    margin-left: 0 !important; /* Bootstrap'in varsayılan margin'lerini sıfırla */
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/* Formu saran kol (div.col-md-4) */
.edit-form-col {
    max-width: 450px !important; /* Formun maksimum genişliği */
    width: 90% !important; /* Daha küçük ekranlarda duyarlılık */
    padding: 30px !important;
    border-radius: 15px !important;
    background-color: transparent !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.4) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    box-sizing: border-box !important;
    flex-grow: 0 !important; /* Genişlemeyi engeller */
}

/* Formun kendisi */
.edit-main-form {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

/* Validasyon özeti (hata mesajları) */
.edit-validation-summary {
    color: #ff4d4d !important;
    font-weight: bold !important;
    margin-bottom: 20px !important;
    text-align: center !important;
    background-color: rgba(255, 0, 0, 0.2) !important;
    padding: 10px !important;
    border-radius: 8px !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* Her bir form grubu (label + input + span) */
.edit-form-group {
    margin-bottom: 20px !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* İç elemanları ortala */
    box-sizing: border-box !important;
}

/* Label'lar */
.edit-label {
    color: #000 !important;
    font-weight: bold !important;
    margin-bottom: 8px !important;
    display: block !important;
    text-align: center !important; /* Metni ortala */
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Input alanları */
.edit-input {
    background-color: rgba(0, 0, 0, 0.2) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 8px !important;
    padding: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    outline: none !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    text-align: center !important; /* Metni ortala */
}

    /* Input Placeholder metni */
    .edit-input::placeholder {
        color: rgba(255, 255, 255, 0.7) !important;
        text-align: center !important;
    }

    /* Input odaklandığında */
    .edit-input:focus {
        border-color: rgba(255, 255, 255, 0.8) !important;
        box-shadow: 0 0 10px rgba(255, 255, 255, 0.3) !important;
    }

/* Validasyon hata mesajı span'ları */
.edit-validation-msg {
    color: #ff4d4d !important;
    font-size: 0.9em !important;
    margin-top: 5px !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
}

/* Butonun olduğu form-group */
.edit-button-group {
    margin-top: 10px !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important; /* Butonu ortala */
}

/* Kaydet (Submit) Butonu */
.edit-submit-btn {
    background-color: rgba(40, 167, 69, 0.7) !important; /* Yeşil tonu, şeffaf */
    color: white !important;
    padding: 12px 30px !important;
    border-radius: 8px !important;
    border: none !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
    width: 100% !important;
    max-width: 250px !important; /* Butonun maksimum genişliği */
}

    .edit-submit-btn:hover {
        background-color: rgba(30, 120, 50, 0.9) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3) !important;
    }

/* Listeye Geri Dön Linkini saran div */
.edit-back-to-list-container {
    text-align: center !important;
    margin-top: 20px !important;
    margin-bottom: 50px !important; /* Sayfa altında boşluk */
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Listeye Geri Dön Linki */
.edit-back-to-list-link {
    display: inline-block !important;
    background-color: rgba(108, 117, 125, 0.7) !important; /* Gri tonu, şeffaf */
    color: white !important;
    padding: 10px 25px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
    border: none !important;
}

    .edit-back-to-list-link:hover {
        background-color: rgba(80, 80, 80, 0.9) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3) !important;
    }

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/

/* Personel Detayları Sayfası - YENİ YAPI VE HİZALAMA */

/* Sayfa Başlığı (Personel Detayları) */
.details-page-title {
    color: #000 !important;
    text-align: center !important;
    margin-bottom: 25px !important;
    margin-top: 10px !important;
    font-size: 2.2em !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.2) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    padding: 10px 20px !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
    display: inline-block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: fit-content !important;
    box-sizing: border-box !important;
    max-width: 90%;
}

/* Ana kart kapsayıcısı */
.details-card-container {
    max-width: 700px !important;
    width: 90% !important;
    padding: 30px !important;
    border-radius: 15px !important;
    background-color: transparent !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.4) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin: 20px auto !important;
    box-sizing: border-box !important;
    border: none !important;
}

/* Detay öğelerinin ana kapsayıcısı */
.details-items-wrapper {
    width: 100% !important;
    margin-bottom: 20px !important; /* Butondan önce boşluk */
    color: #000 !important;
    font-size: 1.1em !important;
    line-height: 1.5 !important;
}

/* Her bir detay satırı (label ve value'yu içeren div) */
.details-item-row {
    display: flex !important; /* Flexbox ile içindeki elemanları kontrol et */
    justify-content: space-between !important; /* Label'ı sola, Value'yu sağa it */
    align-items: baseline !important; /* Metin taban çizgisine göre dikeyde hizala */
    padding: 5px 0 !important; /* Her satır arasına boşluk ve dikey padding */
    border-bottom: 1px dashed rgba(0,0,0,0.1) !important; /* Her satır arasına hafif çizgi */
}

    /* Son satırdaki çizgiyi kaldırmak için */
    .details-item-row:last-of-type {
        border-bottom: none !important;
    }


/* Detay etiketi (Ad Soyad:, TC No: vb.) */
.details-label {
    font-weight: bold !important;
    margin-right: 15px !important; /* Değerden biraz boşluk */
    white-space: nowrap !important; /* Etiketin tek satırda kalmasını sağlar */
    color: #333 !important;
}

/* Detay değeri (XXXXXXX, YYYYYYY vb.) */
.details-value {
    text-align: right !important; /* Sağa hizala */
    flex-grow: 1 !important; /* Kalan tüm alanı kapla */
    word-wrap: break-word !important; /* Uzun kelimeleri alt satıra atabilir */
    color: #000 !important;
}

/* Mobil uyumluluk için: Küçük ekranlarda alt alta getir */
@media (max-width: 575.98px) {
    .details-item-row {
        flex-direction: column !important; /* Dikey sıralama */
        align-items: flex-start !important; /* Etiketi sola al */
        padding: 5px 0 10px 0 !important; /* Dikey boşluğu artır */
    }

    .details-label {
        margin-right: 0 !important; /* Boşluğu kaldır */
        margin-bottom: 5px !important; /* Etiketin altına boşluk */
    }

    .details-value {
        text-align: left !important; /* Değeri sola hizala */
    }
}

/* Butonları saran div */
.details-actions-container {
    text-align: center !important;
    margin-top: 10px !important;
    width: 100% !important;
}

/* Geri Dön Butonu - Alt Çizgiyi Kaldırıyoruz */
.details-back-to-list-link {
    background-color: rgba(108, 117, 125, 0.7) !important;
    color: white !important;
    padding: 10px 2px !important; /* Sizin istediğiniz padding */
    border-radius: 8px !important;
    text-decoration: none !important; /* !!! Alt çizgiyi kaldırıyoruz !!! */
    font-weight: bold !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
    border: none !important;
    display: inline-block !important;
}

    .details-back-to-list-link:hover {
        text-decoration: none !important; /* Hover durumunda da alt çizgi olmasın */
        background-color: rgba(80, 80, 80, 0.9) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3) !important;
    }

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/

/* Personel Silme Sayfası - Genel Stil */

/* Sayfa Başlığı (Personel Sil) */
.delete-page-title {
    color: #dc3545 !important; /* Kırmızı tonu */
    text-align: center !important;
    margin-bottom: 20px !important;
    margin-top: 60px !important;
    font-size: 2.2em !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.2) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    padding: 10px 20px !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
    display: inline-block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: fit-content !important;
    box-sizing: border-box !important;
    max-width: 90%;
}

/* Onay mesajı (Emin misiniz?) */
.delete-confirmation-message {
    color: black !important; /* Beyaz tonu */
    text-align: center !important;
    margin-bottom: 25px !important;
    font-size: 1.5em !important;
    font-weight: 600 !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3) !important;
}

/* Ana kart kapsayıcısı */
.delete-card-container {
    max-width: 700px !important;
    width: 90% !important;
    padding: 30px !important;
    border-radius: 15px !important;
    background-color: transparent !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.4) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin: 20px auto !important;
    box-sizing: border-box !important;
    border: none !important;
}

/* Personel Bilgileri başlığı */
.delete-personel-header {
    color: #000 !important; /* Siyah tonu */
    text-align: center !important;
    margin-bottom: 15px !important;
    font-size: 1.8em !important;
    font-weight: bold !important;
}

/* Ayırıcı çizgi */
.delete-divider {
    border-top: 2px solid rgba(0,0,0,0.2) !important;
    width: 80% !important;
    margin-bottom: 20px !important;
}

/* Detay öğelerinin ana kapsayıcısı */
.delete-items-wrapper {
    width: 100% !important;
    margin-bottom: 20px !important; /* Butondan önce boşluk */
    color: #000 !important;
    font-size: 1.1em !important;
    line-height: 1.5 !important;
}

/* Her bir detay satırı (label ve value'yu içeren div) */
.delete-item-row {
    display: flex !important; /* Flexbox ile içindeki elemanları kontrol et */
    justify-content: space-between !important; /* Label'ı sola, Value'yu sağa it */
    align-items: baseline !important; /* Metin taban çizgisine göre dikeyde hizala */
    padding: 5px 0 !important; /* Her satır arasına boşluk ve dikey padding */
    border-bottom: 1px dashed rgba(0,0,0,0.1) !important; /* Her satır arasına hafif çizgi */
}

    /* Son satırdaki çizgiyi kaldırmak için */
    .delete-item-row:last-of-type {
        border-bottom: none !important;
    }

/* Detay etiketi (Ad Soyad:, TC No: vb.) */
.delete-label {
    font-weight: bold !important;
    margin-right: 15px !important; /* Değerden biraz boşluk */
    white-space: nowrap !important; /* Etiketin tek satırda kalmasını sağlar */
    color: #333 !important;
}

/* Detay değeri (XXXXXXX, YYYYYYY vb.) */
.delete-value {
    text-align: right !important; /* Sağa hizala */
    flex-grow: 1 !important; /* Kalan tüm alanı kapla */
    word-wrap: break-word !important; /* Uzun kelimeleri alt satıra atabilir */
    color: #000 !important;
}

/* Form stilleri */
.delete-form {
    width: 100% !important;
    text-align: center !important; /* Form içindeki butonları ortala */
}

/* Butonları saran div */
.delete-actions-container {
    text-align: center !important;
    margin-top: 10px !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important; /* İçindeki öğeleri ortala */
    gap: 20px !important; /* Butonlar arasına boşluk */
}

/* Sil Butonu */
.delete-button {
    background-color: rgba(220, 53, 69, 0.8) !important; /* Kırmızı tonu, şeffaf */
    color: white !important;
    padding: 10px 25px !important;
    border-radius: 8px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
    border: none !important;
    display: inline-block !important;
}

    .delete-button:hover {
        background-color: rgba(180, 40, 55, 0.9) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3) !important;
    }

/* Geri Dön Linki */
.delete-back-to-list-link {
    background-color: rgba(108, 117, 125, 0.7) !important; /* Gri tonu, şeffaf */
    color: white !important;
    padding: 10px 25px !important; /* Padding'i artırdım */
    border-radius: 8px !important;
    text-decoration: none !important; /* Alt çizgiyi kaldırıyoruz */
    font-weight: bold !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
    border: none !important;
    display: inline-block !important;
}

    .delete-back-to-list-link:hover {
        text-decoration: none !important; /* Hover durumunda da alt çizgi olmasın */
        background-color: rgba(80, 80, 80, 0.9) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3) !important;
    }

/* Mobil uyumluluk için (butonlar) */
@media (max-width: 575.98px) {
    .delete-actions-container {
        flex-direction: column !important; /* Butonları alt alta getir */
        gap: 15px !important; /* Butonlar arasına boşluk */
    }

    .delete-button,
    .delete-back-to-list-link {
        width: 80% !important; /* Butonların genişliğini ayarla */
        padding: 12px 15px !important;
    }
}

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/

/* ---- Personel Giriş/Çıkış Sayfası İçin Özel Stiller (Blur ve Ortalama Odaklı) ---- */

/* Ana kapsayıcı: _LayoutPersonel.cshtml'den gelen ana kapsayıcı (beyaz kutu veya blur'lu arka planın)
   içindeki bu formu dikey ve yatayda ortalar. */
.barcode-form-container {
    display: flex !important; /* Flexbox'ı etkinleştir */
    justify-content: center !important; /* Yatayda ortala */
    align-items: center !important; /* Dikeyde ortala */
    min-height: calc(100vh - 200px) !important; /* Ekran yüksekliğinden üst/alt layout boşluğunu çıkar */
    width: 100% !important; /* Genişliğin tamamını kapla */
    box-sizing: border-box !important;
}

/* İçteki kart benzeri blok (görseldeki blur'lu, beyaz olmayan kutu) */
.barcode-card {
    /* Edit sayfasındaki .edit-form-col ve .edit-page-title'daki blur ve arka plan mantığı */
    background-color: rgba(255, 255, 255, 0.1) !important; /* Beyaz olmayan, hafif şeffaf arka plan */
    backdrop-filter: blur(15px) !important; /* Güçlü blur efekti */
    -webkit-backdrop-filter: blur(15px) !important; /* Safari desteği */
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.4) !important; /* Daha belirgin gölge */

    padding: 35px !important; /* Cömert iç dolgu */
    border-radius: 15px !important; /* Belirgin yuvarlak köşeler */
    text-align: center !important; /* İçindeki metinleri ortala */
    max-width: 450px !important; /* Maksimum genişlik */
    width: 90% !important; /* Daha küçük ekranlarda %90 genişlik al */
    box-sizing: border-box !important; /* Padding ve border'ın genişliğe dahil olmasını sağlar */
    border: 1px solid rgba(255, 255, 255, 0.3) !important; /* Hafif şeffaf beyaz bir kenarlık */
    /* İç elemanları ortalamak için flexbox kullanılabilir */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* İç elemanları dikeyde ortala */
    justify-content: center !important; /* İç elemanları dikeyde ortala (eğer yüksekliği varsa) */
}

/* Sayfa Başlığı */
.card-title {
    font-size: 2.2em !important; /* Edit sayfasındaki gibi daha büyük başlık */
    color: #000 !important; /* Siyah başlık rengi */
    text-align: center !important; /* Ortala */
    margin-bottom: 35px !important; /* Alt boşluk */
    font-weight: bold !important; /* Kalın */
    text-shadow: 1px 1px 3px rgba(0,0,0,0.2) !important; /* Hafif metin gölgesi */
}

.input-area {
    margin-bottom: 30px !important; /* Input ile buton arasında boşluk */
    width: 100% !important; /* Input alanının %100 genişliğini kullanmasını sağlar */
    box-sizing: border-box !important;
}

/* Input alanı (Edit sayfasındaki .edit-input mantığı) */
.barcode-input {
    background-color: rgba(0, 0, 0, 0.2) !important; /* Siyahın şeffaf tonu */
    color: #fff !important; /* Beyaz yazı rengi */
    border: 1px solid rgba(255, 255, 255, 0.5) !important; /* Şeffaf beyaz kenarlık */
    border-radius: 8px !important; /* Yuvarlak köşeler */
    padding: 15px 20px !important; /* İç dolgu */
    width: 100% !important; /* Input'un tam genişliğini almasını sağlar */
    box-sizing: border-box !important;
    outline: none !important; /* Odaklandığında varsayılan dış çizgiyi kaldır */
    backdrop-filter: blur(5px) !important; /* Inputun kendisinde hafif blur */
    -webkit-backdrop-filter: blur(5px) !important; /* Safari desteği */
    text-align: center !important; /* Metni ortala */
    font-size: 1.3em !important; /* Büyük yazı boyutu */
}

    .barcode-input::placeholder {
        color: rgba(255, 255, 255, 0.7) !important; /* Placeholder metin rengi */
        text-align: center !important;
    }

    .barcode-input:focus {
        border-color: rgba(255, 255, 255, 0.8) !important; /* Odaklandığında kenarlık daha belirgin */
        box-shadow: 0 0 10px rgba(255, 255, 255, 0.3) !important; /* Odaklandığında parlayan gölge */
    }

/* Gönder Butonu (Edit sayfasındaki .edit-submit-btn mantığı) */
.submit-button {
    background-color: rgba(40, 167, 69, 0.7) !important; /* Yeşil tonu, şeffaf */
    color: white !important; /* Beyaz yazı rengi */
    padding: 15px 30px !important; /* İç dolgu */
    border-radius: 8px !important; /* Yuvarlak köşeler */
    border: none !important; /* Kenarlık yok */
    font-weight: bold !important; /* Kalın */
    cursor: pointer !important; /* Fare imleci el işareti olsun */
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease !important;
    backdrop-filter: blur(5px) !important; /* Butonda da hafif blur */
    -webkit-backdrop-filter: blur(5px) !important; /* Safari desteği */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important; /* Hafif gölge */
    width: 100% !important;
    max-width: 250px !important; /* Maksimum genişlik (edit sayfasındaki gibi) */
}

    .submit-button:hover {
        background-color: rgba(30, 120, 50, 0.9) !important; /* Hover'da daha koyu ve daha az şeffaf */
        transform: translateY(-2px) !important; /* Hafif yukarı kalkma efekti */
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3) !important; /* Hover'da daha belirgin gölge */
    }

    .submit-button:active {
        background-color: rgba(20, 90, 40, 0.95) !important; /* Tıklayınca daha da koyulaşsın */
        transform: translateY(0) !important; /* Geri aşağı insin */
    }

/* Mesaj Alanı (Edit sayfasındaki .edit-validation-summary mantığına benzer) */
.message-display {
    /* Başlangıçta görünür olmalı ve şeffaf olmamalı */
    display: block; /* Veya flex, grid gibi bir değer olabilir */
    opacity: 1; /* Başlangıçta tam görünür olmalı */
    transition: opacity 0.5s ease-out; /* JavaScript gizlerken yumuşak geçiş için */
    /* Diğer stil özelliklerini burada tutabilirsiniz */
    padding: 10px;
    margin-top: 15px;
    border: 1px solid #ddd;
    background-color: #e9ecef;
    border-radius: 5px;
    text-align: center;
    color: #333;
    font-weight: bold;
    /* Eğer önceden 'display: none;' veya 'visibility: hidden;' varsa onları kaldırın */
}

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/

/* Genel Sayfa Ayarları - Arka plan vs. (Varsa kendi genel stilinize göre ayarlayın) */
body {
    min-height: 100vh; /* Sayfanın tamamını kaplamasını sağlar */
    display: flex; /* İçeriği ortalamak için */
    flex-direction: column; /* İçeriği dikey sırala */
    justify-content: center; /* Dikeyde ortala */
    align-items: center; /* Yatayda ortala */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Daha modern bir font */
}

/* Ana İçerik Sargısı - Sayfayı Ortalama */
.main-content-wrapper {
    width: 100%;
    display: flex;
    justify-content: center; /* İçindeki main-content-container'ı yatayda ortala */
    align-items: flex-start; /* İçindeki main-content-container'ı dikeyde yukarıya hizala, bu önemlidir! */
    min-height: 100vh; /* Ekran yüksekliğini kapla */
    padding: 20px; /* Kenarlardan boşluk bırak */
    box-sizing: border-box; /* Padding'i genişliğe dahil et */
}

/* Ana İçerik Konteyneri - İçerik Bloku */
.main-content-container {
    width: 90%; /* Genişlik */
    max-width: 1200px; /* Maksimum genişlik */
    /* margin: auto; yerine, main-content-wrapper zaten ortalıyor */
    color: #333; /* Genel varsayılan yazı rengi */
    text-align: center; /* Başlıkları ortala */
}

.page-title {
    color: #333; /* Siyah renk */
    margin-bottom: 40px;
    font-size: 2.8em; /* Daha büyük başlık */
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); /* Hafif gölge */
}

/* Kartlar için Ortak Stiller (Filtre ve Tablo) */
.filter-section-card,
.table-section-card {
    padding: 30px;
    margin-bottom: 40px; /* Kartlar arası boşluk */
    border-radius: 20px; /* Daha yuvarlak köşeler */
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4); /* Daha belirgin gölge */
    backdrop-filter: blur(20px); /* Daha güçlü blur efekti */
    -webkit-backdrop-filter: blur(20px);
    background-color: rgba(255, 255, 255, 0.1); /* Daha şeffaf beyaz arka plan */
    border: 1px solid rgba(255, 255, 255, 0.3); /* Daha belirgin kenarlık */
    text-align: left; /* İçerik sola yaslı */
}

/* Filtreleme Formu Stilleri */
.filter-form {
    display: flex;
    justify-content: center; /* İçindeki form-row-custom'ı yatayda ortala */
    width: 100%; /* Formun tam genişliği kaplamasını sağla */
    /* margin-left ekleyerek ortalama */
    margin: 0 auto; /* Bu satır hem yatayda ortalar hem de dikeyde gereksiz marginleri kaldırır */
    max-width: 900px; /* Formun maksimum genişliğini koru */
}

    .filter-form .form-row-custom {
        display: flex;
        flex-wrap: wrap;
        gap: 20px; /* Elemanlar arası boşluk */
        width: 100%; /* Satır tam genişlikte olsun */
        /* max-width: 900px;  Bu artık .filter-form üzerinde olduğu için burada gerekli değil */
    }

    .filter-form .form-group-custom {
        flex: 1;
        min-width: 250px; /* Küçük ekranlarda alt alta gelsin */
        margin-bottom: 15px; /* Gruplar arası dikey boşluk */
        display: flex; /* Label ve input'u dikeyde hizalamak için */
        flex-direction: column; /* İçeriği dikey sırala */
    }

    .filter-form .form-label-custom {
        display: block;
        margin-bottom: 8px;
        font-weight: bold;
        color: #333; /* Siyah renk */
        width: 100%; /* Label'ı blok boyunca uzat */
        text-align: left; /* Label metnini sola hizala */
        padding: 0 5px; /* Label'ın sağ ve solundan hafif boşluk */
        box-sizing: border-box; /* Padding'i genişliğe dahil et */
    }

    .filter-form .form-control-custom {
        background-color: rgba(255, 255, 255, 0.2); /* Input arka planı */
        border: 1px solid rgba(255, 255, 255, 0.4);
        color: #333; /* Input yazı rengi siyah */
        padding: 12px 18px;
        border-radius: 10px; /* Yuvarlak köşeler */
        width: 100%;
        box-sizing: border-box; /* Padding'i genişliğe dahil et */
    }

        .filter-form .form-control-custom::placeholder {
            color: rgba(51, 51, 51, 0.7); /* Placeholder rengi griye yakın */
        }

        .filter-form .form-control-custom:focus {
            background-color: rgba(255, 255, 255, 0.3);
            border-color: rgba(255, 255, 255, 0.6);
            box-shadow: 0 0 0 0.3rem rgba(13, 110, 253, 0.3); /* Mavi odak gölgesi */
            outline: none;
        }

    .filter-form .form-buttons-group-custom {
        display: flex;
        gap: 15px; /* Butonlar arası boşluk */
        align-items: flex-end; /* Butonları formun en altına hizala */
        margin-top: auto; /* Dikeyde kendi başına en aşağıya iter */
        padding-top: 30px; /* Label boşluğunu kapatmak için */
        justify-content: center; /* Buton grubunu kendi içinde ortala */
        flex-grow: 1; /* Esnek büyüme, boşluğu doldurmaya çalışır */
        min-width: 250px; /* Küçük ekranlarda alt alta gelsin */
    }

    /* Özel Buton Stilleri (filter-form içinde) */
    .filter-form .btn-custom {
        padding: 12px 25px; /* Ortak padding */
        border-radius: 10px;
        font-weight: bold;
        border: none;
        transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
        color: white !important;
        cursor: pointer;
        flex: 1; /* Butonların eşit genişlikte olmasını sağlar */
        text-align: center; /* Metni ortala */
        text-decoration: none; /* A etiketindeki alt çizgiyi kaldır */
    }

    .filter-form .btn-primary-custom {
        background-color: rgba(13, 110, 253, 0.8); /* Mavi buton */
    }

        .filter-form .btn-primary-custom:hover {
            background-color: rgba(0, 85, 200, 1);
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
        }

    .filter-form .btn-secondary-custom {
        background-color: rgba(108, 117, 125, 0.8); /* Gri buton */
        text-decoration: none !important; /* Link alt çizgisini kaldır */
    }

        .filter-form .btn-secondary-custom:hover {
            background-color: rgba(80, 90, 100, 1);
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
        }

/* "Yeni Kayıt" Butonu (Bu sayfadan kaldırıldı, ancak eğer başka bir yerde kullanıyorsanız stili duruyor) */
.btn-custom-create {
    /* Bu buton Hareketler/Index sayfasından kaldırıldı. */
    /* Eğer başka bir sayfada kullanıyorsanız bu stiller orada geçerli olacaktır. */
    display: none; /* Bu sayfada görünmesini engelle */
}


/* Tablo Stilleri */
.table-custom {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-radius: 15px;
    overflow: hidden; /* Kenar yuvarlaklıklarının çalışması için */
    margin-bottom: 0;
    color: #333; /* Varsayılan tablo yazı rengi siyah */
}

    .table-custom thead tr {
        background-color: rgba(0, 0, 0, 0.2); /* Başlık arka planı biraz daha koyu transparan */
        color: #333; /* Başlık yazı rengi siyah */
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

    .table-custom th {
        padding: 18px 20px; /* Daha fazla padding */
        text-align: left;
        border-bottom: 1px solid rgba(51, 51, 51, 0.3); /* Koyu kenarlık */
        font-weight: bold;
        font-size: 1.1em;
    }

    .table-custom tbody tr {
        transition: background-color 0.3s ease;
        border-bottom: 1px solid rgba(51, 51, 51, 0.1); /* Koyu kenarlık */
    }

        .table-custom tbody tr:last-child {
            border-bottom: none;
        }

        .table-custom tbody tr:hover {
            background-color: rgba(0, 0, 0, 0.05); /* Üzerine gelince hafif koyulaşma */
        }

    .table-custom td {
        padding: 15px 20px;
        color: #333; /* Tablo içeriği yazı rengi siyah */
        vertical-align: middle;
    }

/* Durum mesajları için */
.status-pending {
    color: #dc3545 !important; /* Kırmızı renk (Bootstrap'in danger rengi) */
    font-weight: bold;
}

/* Responsive Düzenlemeler */
@media (max-width: 768px) {
    .filter-form .form-row-custom {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-form .form-group-custom {
        min-width: 100%;
    }

    .filter-form .form-buttons-group-custom {
        flex-direction: column;
        align-items: stretch;
        margin-top: 0;
        padding-top: 0;
    }

    .filter-form .btn-custom {
        width: 100%;
        margin-bottom: 10px;
    }
}


/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/


/* Personel/Index.cshtml İçin Özel Stiller */

/* Butonun konumlandırılması için */
.top-action-container {
    text-align: center; /* Butonu yatayda ortala */
    margin-bottom: 25px; /* Tablo ile arasında boşluk */
    padding: 0 30px; /* Kart içeriği ile aynı hizada olması için padding */
}

.table-custom {
    /* Daha önce Hareketler/Index için tanımladığınız stil burada da geçerli olacak */
    /* width: 100%; */
    /* border-collapse: collapse; */
    /* ... */
}

    .table-custom thead tr {
        /* ... */
    }

    .table-custom th {
        /* ... */
    }

    .table-custom tbody tr {
        /* ... */
    }

        .table-custom tbody tr:hover {
            /* ... */
        }

    .table-custom td {
        /* ... */
    }

/* Aksiyon Butonları için Stiller (Düzenle, Detaylar, Sil) */
.btn-action-edit,
.btn-action-details,
.btn-action-delete {
    /* Daha önce tanımladığınız stil burada da geçerli olacak */
    /* display: inline-block; */
    /* padding: 6px 12px; */
    /* ... */
}

/* "Yeni Kayıt" Buton Stili */
/* Bu stil Hareketler/Index'te display: none yapmıştık, şimdi burada etkinleştiriyoruz */
.btn-custom-create {
    display: inline-block; /* Butonu tekrar göster */
    background-color: rgba(40, 167, 69, 0.8) !important; /* Yeşil tonu */
    color: white !important;
    padding: 12px 25px;
    border-radius: 10px;
    text-decoration: none !important;
    font-weight: bold;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
    border: none !important;
    cursor: pointer;
}

    .btn-custom-create:hover {
        background-color: rgba(30, 120, 50, 1) !important;
        transform: translateY(-3px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
    }