/* تحسين شكل رأس النافذة (Header) */
.modal-header {
    background-color: #2c3e50; /* لون داكن احترافي */
    color: white;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

/* إضافة ظل وتدوير الحواف للنافذة ككل */
.modal-content {
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
    border: none !important;
}

/* تحسين شكل الأزرار في الأسفل */
.modal-footer {
    background-color: #f8f9fa;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

/* تنسيق الحقول الافتراضي (Normal) */
.form-control {
    border: 1px solid #d1d1d1;
    border-radius: 6px !important; /* حواف دائرية خفيفة */
    padding: 10px 15px !important;
    height: auto !important;
    transition: all 0.3s ease; /* انسيابية عند الضغط */
    background-color: #fff;
    box-shadow: none;
}

/* حالة التركيز (Active / Focus) - اللون البنفسجي مثل الصورة */
.form-control:focus {
    border-color: #5d5fef !important;
    box-shadow: 0 0 0 3px rgba(93, 95, 239, 0.1) !important;
    outline: none;
}

/* تنسيق الحقول للقراءة فقط (Read Only / Disable) */
.form-control[readonly], .form-control[disabled] {
    background-color: #f5f5f5 !important;
    border-color: #e0e0e0 !important;
    color: #9e9e9e !important;
    cursor: not-allowed;
}

/* حالة الخطأ (Error) - اللون الأحمر */
.has-error .form-control {
    border-color: #eb5757 !important;
    background-color: #fff9f9 !important;
}

/* حالة النجاح (Complete/Success) */
.has-success .form-control {
    border-color: #27ae60 !important;
}



/* تكبير عرض النافذة المنبثقة */
@media (min-width: 768px) {
    .modal-dialog {
        width: 80% !important; /* يمكنك تغيير النسبة حسب رغبتك، مثلاً 900px */
        max-width: 1000px !important; 
    }
}







#navbarlogo {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* إزالة الإطار الأسود عن الأزرار */
.btn, .btn:focus, .btn:active, .btn-default {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* إزالة الإطار عن اللوجو والصور */
#navbarlogo, .navbar-brand img, [data-itemid="logo"] img {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* إزالة الإطار الذي يظهر عند النقر (Focus State) */
a:focus, button:focus, input:focus {
    outline: none !important;
    box-shadow: none !important;
}