/* Genel Panel Stilleri */
.ods-panel-wrap {
    border: 1px solid #e0e0e0; /* Daha açık gri kenarlık */
    padding: 20px;
    background-color: #fdfdfd; /* Hafif kırık beyaz arka plan */
    margin-top: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); /* Çok hafif gölge */
    border-radius: 4px; /* Köşeleri yuvarla */
    font-size: 14px; /* Temel font boyutunu biraz küçült */
    line-height: 1.6;
    /* YENİ EKLENDİ: Genişliği artır ve ortala */
    max-width: 1200px; /* Panelin maksimum genişliği (istediğiniz gibi ayarlayabilirsiniz) */
    margin-left: auto;  /* Otomatik sol kenar boşluğu (ortalamak için) */
    margin-right: auto; /* Otomatik sağ kenar boşluğu (ortalamak için) */
}
/* YENİ EKLENDİ: Form Kaydetme Butonları */
.ods-tab-content form .submit input[type="submit"] {
    /* Mevcut .button-primary stillerini uygula */
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #0073aa; /* Kenarlık rengi */
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
    background-color: #0073aa;
    color: #fff;
    vertical-align: middle;
}

.ods-tab-content form .submit input[type="submit"]:hover,
.ods-tab-content form .submit input[type="submit"]:focus {
    background-color: #005a87;
    border-color: #005a87;
    color: #fff;
    outline: none; /* Odaklanma çerçevesini kaldır */
}

/* Mevcut İptal Butonu (<a> etiketi) için ek stil (gerekirse) */
.ods-tab-content form .submit a.button {
     /* Mevcut .button stilleri zaten uygulanıyor olmalı */
     /* Gerekirse buraya ek özelleştirmeler eklenebilir */
     margin-left: 8px; /* Kaydet butonuyla arasına boşluk koy */
}
/* Sekme Navigasyonu */
.ods-nav-tabs {
    display: flex;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 25px;
}
.ods-nav-tabs a {
    padding: 10px 18px; /* Biraz daha fazla dikey padding */
    text-decoration: none;
    border: 1px solid transparent;
    border-bottom: 0;
    margin-bottom: -1px;
    color: #555; /* Daha yumuşak renk */
    transition: all 0.2s ease-in-out; /* Yumuşak geçiş */
    font-weight: 500;
}
.ods-nav-tabs a:hover {
    color: #0073aa;
    background-color: #f0f0f1; /* Hover arka planı */
}
.ods-nav-tabs a.nav-tab-active {
    background: #fdfdfd;
    border-color: #e0e0e0;
    border-bottom-color: #fdfdfd;
    color: #000;
    font-weight: 600; /* Aktif sekmeyi daha belirgin yap */
}

/* Başlıklar */
.ods-tab-content h3 {
    font-size: 1.4em; /* Biraz küçült */
    margin-top: 0;
    margin-bottom: 20px; /* Başlık altı boşluk */
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.ods-tab-content h4 {
    font-size: 1.2em;
    margin-top: 30px; /* Bölümler arası boşluk */
    margin-bottom: 15px;
}

/* Form Tabloları */
.form-table {
    width: 100%;
    border-collapse: collapse; /* Bitişik kenarlıklar */
    margin-bottom: 20px;
}
.form-table th {
    text-align: left;
    width: 200px; /* Etiket genişliği */
    padding: 10px 15px 10px 0; /* Padding ayarı */
    font-weight: 600; /* Etiketleri biraz daha belirgin yap */
    vertical-align: top; /* Üste hizala */
    color: #333;
}
.form-table td {
    padding: 8px 0; /* Giriş alanları etrafındaki dikey boşluk */
    vertical-align: top;
}

/* Form Elemanları */
.regular-text,
.small-text,
.large-text,
textarea,
select {
    width: 100%;
    max-width: 450px; /* Maksimum genişliği biraz artır */
    padding: 8px 12px; /* İç boşluk */
    border: 1px solid #ccc;
    border-radius: 4px; /* Yuvarlak köşeler */
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
    transition: border-color 0.2s ease-in-out;
    font-size: 14px; /* Giriş alanı font boyutu */
}
.small-text { max-width: 80px; }
.large-text, textarea { max-width: 100%; } /* Textarea tam genişlik */

input[type="text"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
textarea:focus,
select:focus {
    border-color: #0073aa; /* Odaklanınca kenarlık rengi */
    box-shadow: 0 0 0 1px #0073aa;
    outline: none;
}

/* Select2 Kütüphanesi için Stil İyileştirmeleri */
.select2-container .select2-selection--single {
    height: 38px !important; /* Yüksekliği diğer inputlarla eşitle */
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important; /* Metni dikeyde ortala */
    padding-left: 12px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important; /* Oku ortala */
}
.select2-dropdown {
     border: 1px solid #ccc !important;
     border-radius: 4px !important;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Düğmeler */
.button,
.button-primary,
.button-secondary {
    padding: 8px 16px; /* Düğme iç boşluğu */
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid transparent;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
    margin-right: 8px; /* Düğmeler arası boşluk */
    vertical-align: middle; /* Diğer elementlerle hizala */
}
.button-primary {
    background-color: #0073aa;
    border-color: #0073aa;
    color: #fff;
}
.button-primary:hover,
.button-primary:focus {
    background-color: #005a87;
    border-color: #005a87;
    color: #fff;
}
.button-secondary,
.button {
    background-color: #f0f0f1;
    border-color: #ccc;
    color: #333;
}
.button-secondary:hover,
.button:hover,
.button-secondary:focus,
.button:focus {
    background-color: #e0e0e0;
    border-color: #bbb;
    color: #000;
}
.button-link-delete { /* Silme linklerini kırmızı yap (Artık kullanılmıyor ama kalsın) */
    color: #b32d2e !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 5px !important;
}
.button-link-delete:hover {
    color: #a00 !important;
    text-decoration: underline;
}
.button-small { /* Küçük düğmeler (örn: Yazdır) */
    padding: 4px 10px;
    font-size: 12px;
    margin: 2px 4px; /* Yazdırma butonları arasına boşluk */
}

/* Listeleme Tabloları (wp-list-table) */
.wp-list-table {
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    border-radius: 4px; /* Köşeleri yuvarla */
}
.wp-list-table thead th {
    background-color: #f9f9f9; /* Başlık arka planı */
    font-weight: 600;
    padding: 10px 12px; /* Başlık iç boşluğu */
    text-align: left; /* Başlıkları sola yasla */
    vertical-align: middle; /* Dikeyde ortala */
}
/* Sıralanabilir sütun başlıkları için stil */
.wp-list-table th a {
    text-decoration: none;
    color: inherit;
    display: block;
}
.wp-list-table th a:hover {
    background-color: #f0f0f0;
    color: #0073aa;
}
.wp-list-table th a:focus {
    box-shadow: none;
    outline: 1px dotted #555;
}
.wp-list-table tbody td {
    padding: 10px 12px; /* Hücre iç boşluğu */
    vertical-align: middle; /* İçeriği ortala */
}
.wp-list-table tbody tr:nth-child(even) {
    background-color: #fdfdfd; /* Hafif Zebra deseni */
}
.wp-list-table tbody tr:hover {
    background-color: #f0f5fa; /* Hover efekti */
}

/* GÜNCELLENDİ: İşlemler Sütunu Stilleri */
.ods-actions-th {
    width: 60px; /* Genişliği azalttık */
    text-align: center !important; /* Başlığı ortala */
    padding-left: 6px !important; /* Sol boşluğu azalt */
    padding-right: 6px !important; /* Sağ boşluğu azalt */
}
.ods-actions {
    text-align: center; /* İkonları yatayda ortala */
    white-space: nowrap; /* İkonların alt satıra düşmesini engelle */
    padding: 0; /* Padding'i sıfırla */
}
.ods-action-icon {
    display: inline-flex; /* Flex container yap */
    justify-content: center; /* İçeriği yatayda ortala */
    align-items: center; /* İçeriği dikeyde ortala */
    padding: 6px; /* İkon etrafındaki boşluğu ayarla */
    margin: 0 2px; /* İkonlar arası boşluğu azalt */
    font-size: 1.1em; /* İkon boyutunu ayarla */
    text-decoration: none;
    color: #555;
    transition: all 0.15s ease-in-out; /* Yumuşak geçiş */
    line-height: 1; /* Satır yüksekliğini sıfırla */
    vertical-align: middle; /* Dikey hizalama */
    border-radius: 50%; /* Yuvarlak arka plan için */
    width: 28px; /* Sabit genişlik */
    height: 28px; /* Sabit yükseklik */
    box-sizing: border-box; /* Padding ve border dahil */
    opacity: 0.8; /* Normalde biraz soluk */
}
.ods-action-icon:hover {
    /* background-color yok */
    opacity: 1; /* Hover'da tam opak */
    transform: scale(1.15); /* Hafif büyütme efekti */
    color: #0073aa; /* Ana hover rengi */
}
.ods-delete-icon:hover {
    color: #b32d2e; /* Silme ikonu hover rengi (arka plan yok) */
    transform: scale(1.15); /* Büyütme efekti */
}


/* Bildirim Mesajları */
.notice {
    padding: 12px 18px; /* Daha fazla padding */
    border-left: 5px solid #4CAF50;
    background-color: #f1f8f1; /* Daha yumuşak arka plan */
    margin-bottom: 20px;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
}
.notice.notice-success {
    border-left-color: #4CAF50;
    background-color: #f1f8f1;
    color: #357a38;
}
.notice.notice-error { /* Hata mesajları için */
    border-left-color: #d9534f;
    background-color: #fdf7f7;
    color: #a94442;
}
.notice p {
    margin: 0;
    padding: 0;
}

/* Modal Stilleri */
#ods-karar-modal {
    z-index: 10000; /* Diğer her şeyin üzerinde */
}
#ods-karar-modal-content {
    max-height: 80vh; /* Yüksekliği sınırla */
    overflow-y: auto; /* İçerik taşarsa scroll ekle */
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
#ods-karar-modal-content h3 {
    margin-top: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}
#ods-karar-modal .form-table th {
    width: 250px; /* Modal içindeki etiket genişliği */
}

/* Spinner (Yükleniyor ikonu) */
.spinner {
    visibility: hidden; /* Başlangıçta gizle */
}

/* Duyarlılık (Mobil Görünüm) */
@media (max-width: 782px) {
    .ods-panel-wrap {
        padding: 15px;
        /* Mobilde tam genişlik kullanması için max-width'i kaldır */
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }
    .ods-nav-tabs a {
        padding: 8px 10px;
        font-size: 13px;
    }
    .form-table th,
    .form-table td {
        display: block; /* Etiket ve giriş alanını alt alta getir */
        width: 100%;
        padding: 5px 0;
    }
    .form-table th {
        padding-bottom: 2px; /* Etiket altı boşluk */
    }
    .regular-text, .small-text, .large-text, textarea, select, .select2-container {
        max-width: 100%; /* Mobil cihazda tam genişlik */
    }
    .wp-list-table {
        font-size: 13px;
    }
    .wp-list-table thead {
        display: none; /* Mobilde tablo başlığını gizle */
    }
    .wp-list-table tbody tr {
        display: block; /* Satırları blok yap */
        margin-bottom: 15px;
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        padding: 10px; /* İç boşluk */
    }
    .wp-list-table tbody td {
        display: block; /* Hücreleri blok yap */
        text-align: right; /* İçeriği sağa yasla */
        padding-left: 50%; /* Sol tarafa etiket için boşluk bırak */
        position: relative;
        border: none;
        padding-top: 8px;
        padding-bottom: 8px;
        min-height: 32px; /* İkonların sığması için min yükseklik (artırıldı) */
    }
     .wp-list-table tbody td:not(:last-child) {
         border-bottom: 1px dotted #eee; /* Hücre aralarına çizgi (son hücre hariç) */
    }

    .wp-list-table tbody td::before { /* Etiketleri pseudo-element ile ekle */
        content: attr(data-label); /* data-label eklenmeli */
        position: absolute;
        left: 0; /* Sol kenara yasla */
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        color: #555;
        top: 8px; /* Etiketi üste hizala */
        line-height: 1.6; /* Satır yüksekliği */
    }
    /* GÜNCELLENDİ: İşlemler sütunu mobilde farklı görünsün */
    .wp-list-table tbody td.ods-actions {
        padding-left: 0; /* Etiket boşluğunu kaldır */
        text-align: center; /* İkonları ortala */
        border-bottom: none; /* Alt çizgiyi kaldır */
        padding-top: 10px; /* Üst boşluğu azalt */
        padding-bottom: 5px; /* Alt boşluğu azalt */
        min-height: auto; /* Min yüksekliği kaldır */
        /* Flexbox ile ikonları daha iyi ortala */
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .wp-list-table tbody td.ods-actions::before {
        display: none; /* İşlemler sütunu etiketini gizle */
    }
    /* GÜNCELLENDİ: Olay listesindeki yazdırma butonları mobilde */
     .wp-list-table tbody td[data-label="Belge Yazdır"] {
        padding-left: 0;
        text-align: center;
        border-bottom: none; /* Alt çizgiyi kaldır */
    }
     .wp-list-table tbody td[data-label="Belge Yazdır"]::before {
        display:none; /* Etiketi gizle */
    }


    #ods-karar-modal-content {
        width: 95%;
        margin: 5% auto;
        padding: 15px 20px;
    }
}