/* ============================================= */
/* --- 1. تنسيق القائمة العائمة (Modal) --- */
/* ============================================= */
.modal-content {
    border-radius: 15px; /* حواف دائرية */
    border: none;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.modal-header {
    border-bottom: none;
    padding: 1.5rem 1.5rem 0 1.5rem;
    /* (جديد) إضافة خط سفلي بلون الموقع */
    border-bottom: 3px solid #2a8f99;
}

.modal-body {
    padding: 1rem 2.5rem 2.5rem 2.5rem; /* مساحات داخلية "مريحة" */
}

/* (جديد) عنوان المودال بلون الموقع */
.modal-title {
    color: #2a8f99;
}

/* تنسيق أزرار الاختيار "الفاخرة" */
/* (جديد) تم تغيير اللون من أزرق لـ #2a8f99 */
.survey-modal-option {
    font-weight: 600;
    font-size: 1.1rem;
    padding: 0.8rem;
    border-width: 2px;
    border-radius: 10px;
    transition: all 0.3s ease;
    
    /* (جديد) تحديد اللون الأساسي */
    color: #2a8f99;
    border-color: #2a8f99;
}

/* (جمدان) تأثير الـ Hover */
/* (جديد) تم تغيير اللون من أزرق لـ #2a8f99 */
.survey-modal-option:hover {
    transform: scale(1.03); /* تكبير بسيط */
    background-color: #2a8f99;
    color: #fff;
    /* (جديد) تعديل لون الظل ليتناسب */
    box-shadow: 0 8px 15px rgba(42, 143, 153, 0.2);
}


/* ============================================= */
/* --- 2. تنسيق زرار الفلترة الفاخر --- */
/* ============================================= */

/* الزرار الرئيسي */
/* (جديد) تم تغيير اللون من أزرق لـ #2a8f99 */
#survey-filter-dropdown .btn-primary {
    border-radius: 10px; 
    padding: 0.8rem 1.25rem; 
    font-size: 1.2rem;
    font-weight: 600;
    
    /* (جديد) تحديد اللون الأساسي */
    background-color: #2a8f99;
    border-color: #2a8f99;
}

/* (جديد) لون الهوفر للزرار */
#survey-filter-dropdown .btn-primary:hover,
#survey-filter-dropdown .btn-primary:focus,
#survey-filter-dropdown .btn-primary:active {
    background-color: #247c87; /* درجة أغمق */
    border-color: #247c87;
    box-shadow: none;
}


/* القائمة المنسدلة */
#survey-filter-dropdown .dropdown-menu {
    border-radius: 10px; 
    border: 1px solid #ddd;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    padding: 0.5rem 0;
}

#survey-filter-dropdown .dropdown-item {
    font-size: 1.1rem;
    font-weight: 500;
    padding: 0.75rem 1.25rem;
    transition: all 0.2s ease;
}

/* (جديد) تم تغيير اللون من أزرق لـ #2a8f99 */
#survey-filter-dropdown .dropdown-item:active {
    background-color: #2a8f99;
    color: #fff;
}

#survey-filter-dropdown .dropdown-item:hover {
    background-color: #f4f4f4;
    color: #2a8f99; /* (جديد) تغيير لون النص عند الهوفر */
}


/* ============================================= */
/* --- 3. تنسيق حاوية المحتوى --- */
/* ============================================= */

#surveyTabsContent {
    background-color: #fff;
    border: 1px solid #ddd; 
    border-radius: 10px; 
    overflow: hidden; 
    margin-top: 1rem; /* مسافة بين الزرار والمحتوى */
}

/* ============================================= */
/* --- 4. تنسيق قائمة الاستبيانات --- */
/* ============================================= */

/* (جديد) تطبيق اللون على عناوين الاستبيانات */
.list-group-item h5.text-primary {
    color: #2a8f99 !important;
}

.list-group-item-action {
    transition: background-color 0.2s ease-in-out, transform 0.2s ease;
    border-top: 1px solid #f0f0f0;
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: none;
}

.list-group-item-action:hover {
    background-color: #f7fbfb; /* (جديد) لون هوفر متناسق */
    transform: scale(1.01);
}

.list-group-item.disabled {
    background-color: #f9f9f9;
}
.list-group-item.disabled h5 {
    color: #999 !important;
}