/* ملف CSS مخصص لـ SweetAlert2 - تحسين التوافق مع CSP */

/* تحسين أنماط SweetAlert2 */
.swal2-popup {
    font-family: 'Cairo', 'Tajawal', sans-serif !important;
    direction: rtl !important;
    text-align: right !important;
}

.swal2-title {
    font-family: 'Cairo', 'Tajawal', sans-serif !important;
    font-weight: 600 !important;
    color: #2c3e50 !important;
}

.swal2-content {
    font-family: 'Cairo', 'Tajawal', sans-serif !important;
    color: #5a6c7d !important;
}

.swal2-confirm {
    background-color: #1e88e5 !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: 'Cairo', 'Tajawal', sans-serif !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
}

.swal2-cancel {
    background-color: #6c757d !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: 'Cairo', 'Tajawal', sans-serif !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
}

.swal2-actions {
    gap: 10px !important;
}

/* تحسين الألوان */
.swal2-success {
    color: #1e88e5 !important;
}

.swal2-error {
    color: #e53935 !important;
}

.swal2-warning {
    color: #ffb300 !important;
}

.swal2-info {
    color: #039be5 !important;
}

/* تحسين الاستجابة */
@media (max-width: 768px) {
    .swal2-popup {
        width: 90% !important;
        margin: 0 auto !important;
    }
    
    .swal2-actions {
        flex-direction: column !important;
        width: 100% !important;
    }
    
    .swal2-confirm,
    .swal2-cancel {
        width: 100% !important;
        margin: 5px 0 !important;
    }
}