/* =========================================================================
   سداسيات · تحسين تصميم لوحة التحكم (سايدبار داكن + توب-بار)
   ملف تحسين طبقي (override) لا يعدّل أي HTML أو روابط موجودة.
   الطريقة: أضِف سطر <link> واحد في نهاية _linksHeader.blade.php
   يعتمد على FontAwesome 4 المحمّلة أصلاً — لا يضيف أي مكتبة جديدة.
   ========================================================================= */

:root {
    --sd-teal-900: #023B3B;   /* خلفية السايدبار الداكنة */
    --sd-teal-800: #034A48;   /* هوفر/عناصر فرعية */
    --sd-teal-700: #005559;   /* اللون الأصلي — التوب-بار */
    --sd-gold:     #B8935A;   /* الذهبي — العنصر النشط */
    --sd-gold-dk:  #023B3B;   /* نص فوق الذهبي */
    --sd-mint:     #6FB3A3;   /* الأيقونات والنص الثانوي */
    --sd-text:     #D6E7E2;   /* نص العناصر */
    --sd-text-sub: #9FC4BB;   /* نص العناصر الفرعية */
    --sd-danger:   #E7B7AC;   /* الخروج */
    --sd-radius:   12px;
}

/* ============================ السايدبار ============================ */

nav#sidebar {
    background: var(--sd-teal-900) !important;
    background-image: none !important;
    border: none !important;
    border-radius: var(--sd-radius) !important;
    padding: 8px !important;
    box-shadow: 0 4px 18px rgba(2, 59, 59, .18) !important;
    overflow: hidden;
}

/* قائمة العناصر */
nav#sidebar .metismenu { padding: 4px !important; }

nav#sidebar .metismenu > li { margin-bottom: 2px; }

/* رابط العنصر الأساسي */
nav#sidebar .metismenu li a {
    display: flex !important;
    align-items: center;
    gap: 11px;
    padding: 11px 12px !important;
    margin: 1px 0;
    border-radius: 10px;
    color: var(--sd-text) !important;
    font-size: 14.5px;
    font-weight: 500;
    text-decoration: none !important;
    transition: background .18s ease, color .18s ease, transform .12s ease;
    line-height: 1.35;
}

/* أيقونات FontAwesome داخل السايدبار */
nav#sidebar .metismenu li a > i.fa {
    color: var(--sd-mint);
    font-size: 18px;
    width: 22px;
    text-align: center;
    transition: color .18s ease;
    padding: 0 !important;
    margin: 0 !important;
}

/* هوفر */
nav#sidebar .metismenu li a:hover {
    background: var(--sd-teal-800) !important;
    color: #fff !important;
    transform: translateX(-2px); /* اتجاه RTL */
}
nav#sidebar .metismenu li a:hover > i.fa { color: #fff; }

/* العنصر النشط (الصفحة الحالية) */
nav#sidebar .metismenu li a.active,
nav#sidebar .metismenu li.active > a,
nav#sidebar .metismenu li a.router-link-active {
    background: var(--sd-gold) !important;
    color: var(--sd-gold-dk) !important;
    font-weight: 500;
}
nav#sidebar .metismenu li a.active > i.fa,
nav#sidebar .metismenu li.active > a > i.fa { color: var(--sd-gold-dk); }

/* سهم القوائم المنسدلة */
nav#sidebar .metismenu li a.has-arrow::after {
    border-color: var(--sd-mint);
    margin-right: auto;
    margin-left: 0;
}

/* القائمة الفرعية المنسدلة */
nav#sidebar .metismenu ul.collapse,
nav#sidebar .metismenu ul.list-unstyled {
    background: rgba(0, 0, 0, .12);
    border-radius: 10px;
    padding: 4px 6px !important;
    margin: 2px 4px 6px !important;
}
nav#sidebar .metismenu ul li a {
    color: var(--sd-text-sub) !important;
    font-size: 13.5px;
    font-weight: 400;
    padding: 8px 12px !important;
    padding-right: 20px !important; /* إزاحة للعناصر الفرعية RTL */
}
nav#sidebar .metismenu ul li a > i.fa {
    color: var(--sd-text-sub);
    font-size: 15px;
    width: 18px;
}
nav#sidebar .metismenu ul li a:hover {
    background: rgba(255, 255, 255, .06) !important;
    color: #fff !important;
    transform: none;
}

/* البادجات (عدّادات مثل الطلبات المتأخرة/الرسائل) */
nav#sidebar .metismenu li a .badge {
    margin-right: auto !important;
    margin-left: 0 !important;
    background: #C4553D !important;
    color: #fff !important;
    font-size: 11px;
    font-weight: 500;
    padding: 3px 9px;
    border-radius: 20px;
}

/* شريط تمرير أنيق داخل السايدبار */
nav#sidebar { scrollbar-width: thin; scrollbar-color: var(--sd-mint) transparent; }
nav#sidebar::-webkit-scrollbar { width: 6px; }
nav#sidebar::-webkit-scrollbar-thumb {
    background: rgba(111, 179, 163, .5); border-radius: 20px;
}

/* ============================ التوب-بار ============================ */

#header-fix.header {
    background: var(--sd-teal-700) !important;
    box-shadow: 0 2px 12px rgba(2, 59, 59, .16) !important;
    border-bottom: 2px solid var(--sd-gold);
}

/* شعار قابل للضغط لطي السايدبار */
#header-fix #sidebarCollapse { transition: opacity .18s ease; }
#header-fix #sidebarCollapse:hover { opacity: .82; }

/* أيقونات التوب-بار */
#header-fix .notifications .nav-link i.fa,
#header-fix .nav-item .nav-link i.fa { transition: transform .18s ease; }
#header-fix .notifications .nav-link:hover i.fa { transform: scale(1.12); }

/* صورة/دائرة المستخدم */
#header-fix .user-profile .media img,
#header-fix .redial-rounded-circle-50 {
    border: 2px solid var(--sd-gold) !important;
    object-fit: cover;
}

/* قوائم الدروب-داون في التوب-بار */
#header-fix .dropdown-menu {
    border: none !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 26px rgba(2, 59, 59, .18) !important;
    overflow: hidden;
    margin-top: 6px;
}
#header-fix .dropdown-menu .dropdown-item {
    font-size: 13.5px;
    padding: 10px 16px !important;
    transition: background .15s ease;
}
#header-fix .dropdown-menu .dropdown-item:hover {
    background: #EAF3F1 !important;
    color: var(--sd-teal-700) !important;
}

/* بادج الإشعارات */
#header-fix .notification-badge {
    background: #C4553D !important;
    box-shadow: 0 0 0 2px var(--sd-teal-700);
}

/* ============================ منطقة المحتوى ============================ */

#content { transition: all .2s ease; }

/* بطاقات عامة أنعم داخل المحتوى (بدون كسر الموجود) */
.wrapper .card.redial-border-light {
    border-radius: var(--sd-radius);
}

/* ============================ تجاوب الموبايل ============================ */

@media (max-width: 991px) {
    nav#sidebar {
        border-radius: 0 !important;
        padding: 6px !important;
    }
    nav#sidebar .metismenu li a { font-size: 15px; }
}