/* ==========================================================================
   إعادة تصميم أزرار الإجراءات السريعة في النافبار (Quick Actions)
   أسلوب موحّد: شريحة محايدة + أيقونة ملوّنة مموّهة + شارة عدّاد ذكية
   ========================================================================== */

.quick-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.quick-action {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 6px 12px 6px 7px;
    background: #f6f7f9;
    border: 1px solid #edeff2;
    border-radius: 11px;
    color: #3b4453;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    transition: background-color .18s ease, border-color .18s ease,
        box-shadow .18s ease, transform .18s ease;
}

.quick-action:hover,
.quick-action:focus {
    background: #ffffff;
    border-color: #d8dce2;
    transform: translateY(-1px);
    color: #1f2733;
}

/* الأيقونة داخل دائرة بخلفية مموّهة خفيفة تحمل هوية اللون */
.quick-action .qa-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    font-size: 14px;
    flex-shrink: 0;
}

/* شارة العدّاد */
.quick-action .qa-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 21px;
    height: 21px;
    padding: 0 6px;
    border-radius: 999px;
    background: #e8eaee;
    color: #7a8394;
    font-size: 11px;
    font-weight: 700;
}

/* عند وجود عناصر معلّقة تتحوّل الشارة للأحمر لجذب الانتباه */
.quick-action .qa-count.has {
    background: #ff3b46;
    color: #fff;
}

/* ألوان هويّة كل نوع (خلفية مموّهة + أيقونة ملوّنة) */
.qa-icon.qa-purple { background: #f1e4fc; color: #8d1ee5; }
.qa-icon.qa-orange { background: #fdeddc; color: #f9791a; }
.qa-icon.qa-amber  { background: #fdf0d4; color: #e0a008; }
.qa-icon.qa-slate  { background: #e8ecf1; color: #55637a; }
.qa-icon.qa-blue   { background: #dfeeff; color: #1e78e5; }
.qa-icon.qa-teal   { background: #d8f3ee; color: #10a390; }
.qa-icon.qa-green  { background: #ddf5e4; color: #0fa347; }

/* ==========================================================================
   نسخة الجوال (قائمة منسدلة) — نفس هوية الألوان بأسلوب قائمة
   ========================================================================== */
.qa-mobile-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    color: #3b4453;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}
.qa-mobile-item:hover { background: #f6f7f9; color: #1f2733; }
.qa-mobile-item .qa-icon { width: 32px; height: 32px; }
.qa-mobile-item .qa-count { margin-inline-start: auto; }

/* ==========================================================================
   تحسينات المجموعة اليمنى (الإشعارات / اللغة / المستخدم)
   ========================================================================== */
.navbar-tools {
    display: flex;
    align-items: center;
    gap: 8px;
}