[data-page="atf_contact_add"][data-itemid="integrated_edit_field2"][data-page="atf_contact_add"][data-itemid="integrated_edit_field2"][data-page="atf_contact_add"][data-itemid="integrated_edit_field2"][data-page="atf_contact_add"][data-itemid="integrated_edit_field2"] {
  width: 100%;
}
[data-page="atf_contact_add"][data-itemid="integrated_edit_field3"][data-page="atf_contact_add"][data-itemid="integrated_edit_field3"][data-page="atf_contact_add"][data-itemid="integrated_edit_field3"][data-page="atf_contact_add"][data-itemid="integrated_edit_field3"] {
  width: 100%;
}
[data-page="atf_contact_add"][data-itemid="integrated_edit_field4"][data-page="atf_contact_add"][data-itemid="integrated_edit_field4"][data-page="atf_contact_add"][data-itemid="integrated_edit_field4"][data-page="atf_contact_add"][data-itemid="integrated_edit_field4"] {
  width: 100%;
}
[data-page="atf_contact_add"][data-itemid="page_image_ash8f23hr"] {
  width: 400px;
}

/* --- GENEL ARKA PLAN VE RENK AYARLARI --- */
body, .r-small-page, .r-form, table.r-edit-form {
    background-color: #2a2627 !important; /* Koyu gri/siyah tonunuz */
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* Başlık Ayarı */
h2[data-itemtype="add_header"] {
    color: #ef4136 !important; /* Kırmızı Accent */
    text-align: center;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: uppercase;
}

/* --- AD, İKİNCİ AD, SOYAD AYNI SATIRDA --- */
/* Masaüstü ve Tablet için yan yana dizilim */
@media (min-width: 768px) {
    /* İsim alanlarını içeren ana hücreyi esnek yapıya çeviriyoruz */
    [data-cellid="grid_c3"] .clearfix {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    /* Ad, İkinci Ad ve Soyad alanlarını %31 genişliğe sabitle */
    [data-field="name_first"], 
    [data-field="name_middle"], 
    [data-field="name_last"] {
        flex: 1;
        min-width: 200px; /* Çok daralmasını engelle */
        margin-bottom: 20px !important;
    }

    /* Diğer alanların tam satır kaplamasını sağla */
    .r-integrated-field:not([data-field="name_first"]):not([data-field="name_middle"]):not([data-field="name_last"]) {
        width: 100%;
    }
}

/* Mobil için alt alta geçiş (Otomatik) */
@media (max-width: 767px) {
    [data-cellid="grid_c3"] .clearfix {
        display: block;
    }
}

/* --- INPUT VE FORM ELEMANLARI TASARIMI --- */
.form-control {
    background-color: #1a1a1a !important;
    border: 1px solid #444 !important;
    color: #fff !important;
    border-radius: 4px;
    height: 45px;
    transition: all 0.3s ease;
}

.form-control:focus {
    border-color: #ef4136 !important; /* Focus durumunda kırmızı */
    box-shadow: 0 0 8px rgba(239, 65, 54, 0.3) !important;
    outline: none;
}

/* Label Renkleri */
.control-label {
    color: #ccc !important;
    font-weight: 500;
    margin-bottom: 8px;
}

/* Zorunlu alan yıldızı */
.icon-required {
    color: #ef4136 !important;
}

/* --- BUTONLAR --- */
#saveButton1 {
    background-color: #ef4136 !important;
    border: none !important;
    padding: 12px 35px;
    font-weight: 600;
    text-transform: uppercase;
    transition: 0.3s;
}

#saveButton1:hover {
    background-color: #c9302c !important;
    transform: translateY(-2px);
}

#backButton1 {
    background-color: transparent !important;
    border: 1px solid #666 !important;
    color: #fff !important;
}

/* Dropdown (Select) menüleri siyah temaya uydurma */
select.form-control option {
    background-color: #2a2627;
    color: #fff;
}

/* Table border temizliği */
.r-edit-form {
    border: none !important;
}
