/* =========================================================================
   ثيم الألوان الرسمي — لوحة العلم العراقي (أحمر / أسود / أخضر / أبيض)
   -------------------------------------------------------------------------
   ملف تجاوزات لوني فقط. يُحمَّل بعد adminltev3.css و custom.css فيغلب عليهما.
   لا يغيّر أي تخطيط (layout) — ألوان حصراً. لإلغاء الثيم: احذف وسم <link>
   الخاص به من resources/views/layouts/admin.blade.php.
   ملاحظة: لوحة مخططات Chart.js (المدقّقة لتمييز الألوان في CLAUDE.md) غير
   مشمولة عمداً — تبقى كما هي.
   ========================================================================= */

:root {
    --brand-red:        #c1272d;   /* الأحمر الأساسي (أزرار/عناصر نشطة) */
    --brand-red-dark:   #9e1f24;   /* أحمر أغمق (hover/active) */
    --brand-red-soft:   #f3d7d8;   /* أحمر باهت (خلفيات خفيفة) */
    --brand-green:      #00843d;   /* الأخضر الثانوي (نجاح/تمييز إيجابي) */
    --brand-green-dark: #016c33;
    --sidebar-bg:       #1c1e21;   /* خلفية القائمة الجانبية (قريب من الأسود) */
    --sidebar-bg-soft:  #26292d;   /* درجة أفتح للحدود/التمرير */
    --ink:              #2b2d31;
}

/* =========================================================================
   1) القائمة الجانبية — خلفية داكنة + عناصر نشطة حمراء + ترويسة حمراء
   ========================================================================= */
.sidebar-dark-primary {
    background-color: var(--sidebar-bg) !important;
}

/* ترويسة القائمة (اسم النظام) بخلفية حمراء بارزة كما في المرجع */
[class*=sidebar-dark] .brand-link {
    background-color: var(--brand-red);
    color: #fff !important;
    border-bottom: 1px solid rgba(0, 0, 0, .25);
    font-weight: 700;
}
[class*=sidebar-dark] .brand-link:hover {
    color: #fff !important;
}

/* العنصر النشط (المستوى الأول) */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--brand-red) !important;
    color: #fff !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}

/* المرور والمجموعة المفتوحة */
.sidebar-dark-primary .nav-sidebar > .nav-item.menu-open > .nav-link,
.sidebar-dark-primary .nav-sidebar > .nav-item:hover > .nav-link {
    background-color: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
}

/* العنصر النشط داخل القوائم الفرعية (treeview) */
.sidebar-dark-primary .nav-treeview > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-treeview > .nav-item > .nav-link.active:hover {
    background-color: var(--brand-red) !important;
    color: #fff !important;
}
.sidebar-dark-primary .nav-treeview > .nav-item > .nav-link:hover {
    background-color: rgba(255, 255, 255, .06) !important;
    color: #fff !important;
}

/* أيقونة العنصر النشط تبقى بيضاء واضحة */
.sidebar-dark-primary .nav-link.active .nav-icon {
    color: #fff !important;
}

/* =========================================================================
   2) الترويسة العلوية — تبقى بيضاء مع شريط أحمر رفيع للهوية
   ========================================================================= */
.main-header.navbar-light {
    border-bottom: 3px solid var(--brand-red) !important;
}

/* =========================================================================
   3) اللون الأساسي (Bootstrap primary الأزرق) ← أحمر في كل مكان
   ========================================================================= */
.btn-primary {
    background-color: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
    color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--brand-red-dark) !important;
    border-color: var(--brand-red-dark) !important;
    color: #fff !important;
}
.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(193, 39, 45, .4) !important;
}

.btn-outline-primary {
    color: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    background-color: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
    color: #fff !important;
}

.bg-primary {
    background-color: var(--brand-red) !important;
    color: #fff !important;
}
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: var(--brand-red-dark) !important;
}

.text-primary {
    color: var(--brand-red) !important;
}
.border-primary {
    border-color: var(--brand-red) !important;
}

.badge-primary {
    background-color: var(--brand-red) !important;
    color: #fff !important;
}

/* بطاقات AdminLTE ذات اللون الأساسي */
.card-primary:not(.card-outline) > .card-header {
    background-color: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
}
.card-primary.card-outline {
    border-top-color: var(--brand-red) !important;
}

/* الترقيم (pagination) */
.page-item.active .page-link {
    background-color: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
    color: #fff !important;
}
.page-link {
    color: var(--brand-red);
}
.page-link:hover {
    color: var(--brand-red-dark);
}

/* التبويبات والحبوب (nav-tabs / nav-pills) */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--brand-red) !important;
    color: #fff !important;
}

/* =========================================================================
   4) النماذج — تركيز الحقول وصناديق الاختيار باللون الأحمر
   ========================================================================= */
.form-control:focus,
.custom-select:focus {
    border-color: rgba(193, 39, 45, .55) !important;
    box-shadow: 0 0 0 .2rem rgba(193, 39, 45, .2) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
}
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(193, 39, 45, .25) !important;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
}

/* حقل بحث select2 (كان أزرق في custom.css) */
.select2-search__field {
    border-color: var(--brand-red) !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--brand-red) !important;
}
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: rgba(193, 39, 45, .55) !important;
}

/* =========================================================================
   5) الروابط داخل منطقة المحتوى ← أحمر (دون المساس بالترويسة/القائمة/الأزرار)
   ========================================================================= */
.content-wrapper a:not(.btn):not(.nav-link):not(.page-link):not(.badge):not(.close):not(.dropdown-item):not(.info-box):not([class*="bg-"]) {
    color: var(--brand-red);
}
.content-wrapper a:not(.btn):not(.nav-link):not(.page-link):not(.badge):not(.close):not(.dropdown-item):hover {
    color: var(--brand-red-dark);
}

/* =========================================================================
   6) الأخضر الثانوي (نجاح) ← درجة العلم العراقي، تمييز أهدأ وأكثر رسمية
   ========================================================================= */
.btn-success {
    background-color: var(--brand-green) !important;
    border-color: var(--brand-green) !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: var(--brand-green-dark) !important;
    border-color: var(--brand-green-dark) !important;
}
.bg-success {
    background-color: var(--brand-green) !important;
}
.text-success {
    color: var(--brand-green) !important;
}
.badge-success {
    background-color: var(--brand-green) !important;
}
.border-success {
    border-color: var(--brand-green) !important;
}
.card-success:not(.card-outline) > .card-header {
    background-color: var(--brand-green) !important;
    border-color: var(--brand-green) !important;
}
.card-success.card-outline {
    border-top-color: var(--brand-green) !important;
}

/* =========================================================================
   7) لمسات متفرقة
   ========================================================================= */
/* دوّارة التحميل (كانت زرقاء في القالب) */
.loading-spinner {
    border-top-color: var(--brand-red) !important;
}

/* بطاقات info-box: شريط سفلي أخضر خفيف للهوية الرسمية */
.info-box {
    border-bottom: 3px solid var(--brand-green);
}

/* الفوتر: شريط علوي رفيع بلون الهوية */
.main-footer {
    border-top: 2px solid var(--brand-red) !important;
}