/* ==========================================================================
   لوحة التحكم المركزية في ألوان وتصميم النظام (MASTER THEME COLOR CONFIGURATION)
   ==========================================================================
   مرحباً بك! جميع ألوان لوحة التحكم (الأزرار، الروابط، القوائم، الرسوم البيانية،
   الهيدر، السايدبار، الشارات، وحقول الإدخال) يتم التحكم بها بالكامل من هذا القسم فقط!

   لأي تعديل مستقبلي على الألوان، قم بتغيير القيم في (:root) بالأسفل فقط:
   ========================================================================== */

:root {
    /* ----------------------------------------------------------------------
       1. اللون الرئيسي التفاعلي (Main Brand & Accent Palette)
       ---------------------------------------------------------------------- */
    --admin-accent: #6F8A3E;              /* اللون الأخضر الرئيسي للأزرار والروابط والعناصر النشطة والرسوم البيانية */
    --admin-accent-hover: #5A7130;        /* لون التمرير بالماوس (Hover) للأزرار والروابط التفاعلية */
    --admin-accent-gradient: linear-gradient(135deg, #88A252 0%, #688236 100%); /* التدرج اللوني للأزرار والبطاقات المميزة */
    --admin-accent-light: rgba(111, 138, 62, 0.15); /* إضاءة وتوهج الفوكس الخفيف والظلال المحيطة */
    --admin-accent-subtle: rgba(111, 138, 62, 0.08); /* خلفيات خفيفة جداً للأيقونات والتأثيرات */

    /* ----------------------------------------------------------------------
       2. القائمة الجانبية (Sidebar Navigation)
       ---------------------------------------------------------------------- */
    --admin-sidebar-bg: linear-gradient(180deg, #111a13 0%, #1a281c 50%, #132015 100%); /* تدرج أخضر زيتي داكن فاخر متناسق مع هوية المنصة */
    --admin-sidebar-header-bg: transparent;                              /* خلفية منطقة الشعار (شفافة لإبراز الشعار) */
    --admin-sidebar-text: #a0b6a2;        /* لون النصوص والأيقونات غير النشطة في السايدبار */
    --admin-sidebar-hover-bg: rgba(111, 138, 62, 0.16);                  /* خلفية العنصر عند المرور بالماوس */
    --admin-sidebar-active-bg: rgba(111, 138, 62, 0.28);                  /* خلفية الصفحة الحالية النشطة بالسايدبار */
    --admin-sidebar-active-text: #ffffff; /* لون نص وأيقونة العنصر النشط */
    --admin-sidebar-section-title: #739075;/* لون عناوين الأقسام بالسايدبار */

    /* ----------------------------------------------------------------------
       3. الشريط العلوي وخلفيات الصفحات (Header & Body Surfaces)
       ---------------------------------------------------------------------- */
    --admin-header-bg: rgba(255, 255, 255, 0.95); /* خلفية الشريط العلوي الزجاجية */
    --admin-header-border: #e2e8f0;               /* خط حدود الشريط العلوي */
    --admin-body-bg: #f8fafc;                     /* الخلفية المريحة العامة لجميع الصفحات */
    --admin-page-title: #0f172a;                  /* لون عنوان الصفحة الرئيسي */
    --admin-breadcrumb: #64748b;                  /* لون مسار التنقل (Breadcrumb) */

    /* ----------------------------------------------------------------------
       4. البطاقات والكروت (Cards & Containers)
       ---------------------------------------------------------------------- */
    --admin-card-bg: #ffffff;             /* خلفية البطاقات والكروت */
    --admin-card-header-bg: #ffffff;      /* خلفية رأس البطاقة */
    --admin-card-header-text: #0f172a;    /* عنوان البطاقة */
    --admin-card-border: #e2e8f0;         /* حدود البطاقة */
    --admin-card-radius: 16px;            /* استدارة زوايا الكروت */

    /* ----------------------------------------------------------------------
       5. الأزرار العامة وحقول الإدخال (Buttons & Inputs)
       ---------------------------------------------------------------------- */
    --admin-primary: #0f172a;             /* الداكن الرئيسي للأزرار المظلمة */
    --admin-primary-hover: #1e293b;       /* هوفر الزر الداكن */
    --admin-primary-text: #ffffff;        /* النص الناصع فوق الأزرار الملونة */
    --admin-secondary-btn-bg: #f1f5f9;    /* خلفية الأزرار الثانوية الهادئة */
    --admin-secondary-btn-text: #475569;  /* نص الأزرار الثانوية */
    --admin-secondary-btn-hover: #e2e8f0; /* هوفر الأزرار الثانوية */
    --admin-input-bg: #ffffff;            /* خلفية مربعات الكتابة والقوائم */
    --admin-input-border: #cbd5e1;        /* حدود مربعات الكتابة */
    --admin-input-text: #0f172a;          /* نص الكتابة داخل الحقول */
    --admin-input-placeholder: #94a3b8;   /* النص التوضيحي داخل الحقول */
    --admin-input-focus-border: var(--admin-accent); /* حد الحقل عند التركيز والتحديد */

    /* ----------------------------------------------------------------------
       6. شارات الحالة المتجانسة (Status Badges)
       ---------------------------------------------------------------------- */
    --admin-success-bg: #ecfdf5;          /* خلفية حالة النجاح والتسليم */
    --admin-success-text: #047857;        /* نص حالة النجاح والتسليم */
    --admin-danger-bg: #fff1f2;           /* خلفية حالة الإلغاء والرفض */
    --admin-danger-text: #be123c;         /* نص حالة الإلغاء والرفض */
    --admin-warning-bg: #fffbeb;          /* خلفية حالة الانتظار والتجهيز */
    --admin-warning-text: #b45309;        /* نص حالة الانتظار والتجهيز */
    --admin-info-bg: #f0f9ff;             /* خلفية حالة التوصيل والمعلومات */
    --admin-info-text: #0369a1;           /* نص حالة التوصيل والمعلومات */

    /* ----------------------------------------------------------------------
       7. الجداول والنوافذ المنبثقة (Tables & Modals)
       ---------------------------------------------------------------------- */
    --admin-table-header-bg: #f1f5f9;     /* خلفية ترويسة الجدول */
    --admin-table-header-text: #475569;   /* نص ترويسة الجدول */
    --admin-table-row-hover: #f8fafc;     /* تمييز الصف عند الوقوف عليه */
    --admin-table-border: #e2e8f0;        /* خطوط الجداول */
    --admin-table-text: #334155;          /* نصوص بيانات الجدول */
    --admin-modal-bg: #ffffff;            /* خلفية النوافذ المنبثقة */
    --admin-modal-header-bg: #f8fafc;     /* رأس النافذة المنبثقة */
    --admin-modal-border: #e2e8f0;        /* حدود النافذة المنبثقة */
}

/* ==========================================================================
   التنسيقات والتطبيقات الفعلية للألوان المتجانسة (CSS Overrides)
   ========================================================================== */

/* الخلفيات العامة للصفحات */
body.app-default,
body {
    background-color: var(--admin-body-bg) !important;
}

/* العناوين والروابط التنقلية */
body .page-heading h1,
body h1.text-gray-900,
body .text-gray-900 {
    color: var(--admin-page-title) !important;
}

body .breadcrumb-item,
body .breadcrumb-item a {
    color: var(--admin-breadcrumb) !important;
}

/* الأزرار الرئيسية بالتدرج المتجانس */
body .btn-ecom,
body .btn-primary,
body .btn.btn-primary {
    background: var(--admin-accent-gradient) !important;
    color: var(--admin-primary-text) !important;
    border: none !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 14px var(--admin-accent-light) !important;
}

body .btn-ecom:hover,
body .btn-primary:hover,
body .btn.btn-primary:hover {
    background: var(--admin-accent-hover) !important;
    color: var(--admin-primary-text) !important;
    box-shadow: 0 6px 18px rgba(111, 138, 62, 0.35) !important;
}

/* الأزرار الثانوية الهادئة */
body .btn-secondary,
body .btn-light,
body .btn.btn-light {
    background-color: var(--admin-secondary-btn-bg) !important;
    color: var(--admin-secondary-btn-text) !important;
    border-color: var(--admin-secondary-btn-bg) !important;
}

body .btn-secondary:hover,
body .btn-light:hover,
body .btn.btn-light:hover {
    background-color: var(--admin-secondary-btn-hover) !important;
    color: var(--admin-secondary-btn-text) !important;
}

/* القائمة الجانبية المظهرة للوحة التحكم */
body .app-sidebar,
body #kt_app_sidebar {
    background: var(--admin-sidebar-bg) !important;
}

body .app-sidebar-logo,
body #kt_app_header_logo,
body .app-header-logo {
    background: transparent !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
}

body .app-sidebar-logo::before,
body .app-sidebar-logo::after,
body #kt_app_header_logo::before,
body #kt_app_header_logo::after,
body .app-header-logo::before,
body .app-header-logo::after {
    display: none !important;
    content: none !important;
}

body .app-sidebar-logo img,
body #kt_app_header_logo img,
body .app-header-logo img {
    filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
}

body .menu-section {
    color: var(--admin-sidebar-section-title) !important;
}

body .app-sidebar-menu-primary .menu-link {
    border-radius: 10px !important;
    transition: all 0.25s ease !important;
}

body .app-sidebar-menu-primary .menu-link .menu-title,
body .app-sidebar-menu-primary .menu-link .menu-icon i {
    color: var(--admin-sidebar-text) !important;
}

body .app-sidebar-menu-primary .menu-link:hover {
    background: var(--admin-sidebar-hover-bg) !important;
}

body .app-sidebar-menu-primary .menu-link.active {
    background: var(--admin-sidebar-active-bg) !important;
    border-inline-start: 3.5px solid var(--admin-accent) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
}

body .app-sidebar-menu-primary .menu-link.active .menu-title,
body .app-sidebar-menu-primary .menu-link.active .menu-icon i,
body .app-sidebar-menu-primary .menu-link:hover .menu-title,
body .app-sidebar-menu-primary .menu-link:hover .menu-icon i {
    color: var(--admin-sidebar-active-text) !important;
}

/* الشريط العلوي الهيدر */
body .app-header,
body #kt_app_header {
    background: var(--admin-header-bg) !important;
    border-bottom: 1px solid var(--admin-header-border) !important;
}

/* البطاقات والكروت */
body .card {
    background-color: var(--admin-card-bg) !important;
    border: 1px solid var(--admin-card-border) !important;
    border-radius: var(--admin-card-radius) !important;
}

body .card .card-header {
    background-color: var(--admin-card-header-bg) !important;
    border-bottom: 1px solid var(--admin-card-border) !important;
}

body .card .card-title,
body .card .card-title h3 {
    color: var(--admin-card-header-text) !important;
}

/* حقول المدخلات وقوائم الاختيار */
body .form-control,
body .form-select,
body .select2-container--default .select2-selection--single {
    background-color: var(--admin-input-bg) !important;
    border: 1px solid var(--admin-input-border) !important;
    color: var(--admin-input-text) !important;
    border-radius: 10px !important;
}

body .form-control::placeholder {
    color: var(--admin-input-placeholder) !important;
}

body .form-control:focus,
body .form-select:focus,
body .select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--admin-input-focus-border) !important;
    box-shadow: 0 0 0 4px var(--admin-accent-light) !important;
}

body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--admin-accent) !important;
    color: #ffffff !important;
}

/* الجداول */
body .table thead th {
    background-color: var(--admin-table-header-bg) !important;
    color: var(--admin-table-header-text) !important;
    border-bottom: 1px solid var(--admin-table-border) !important;
}

body .table tbody tr td {
    color: var(--admin-table-text) !important;
    border-bottom: 1px solid var(--admin-table-border) !important;
}

body .table tbody tr:hover td {
    background-color: var(--admin-table-row-hover) !important;
}

/* الشارات والتنبيهات المتجانسة */
body .bg-light-success, body .badge-light-success {
    background-color: var(--admin-success-bg) !important;
    color: var(--admin-success-text) !important;
}

body .bg-light-danger, body .badge-light-danger {
    background-color: var(--admin-danger-bg) !important;
    color: var(--admin-danger-text) !important;
}

body .bg-light-warning, body .badge-light-warning {
    background-color: var(--admin-warning-bg) !important;
    color: var(--admin-warning-text) !important;
}

body .bg-light-info, body .badge-light-info {
    background-color: var(--admin-info-bg) !important;
    color: var(--admin-info-text) !important;
}

/* النوافذ المنبثقة */
body .modal-content {
    background-color: var(--admin-modal-bg) !important;
    border-radius: 16px !important;
}

body .modal-header {
    background-color: var(--admin-modal-header-bg) !important;
    border-bottom: 1px solid var(--admin-modal-border) !important;
}

body .modal-footer {
    border-top: 1px solid var(--admin-modal-border) !important;
}

/* الروابط والنصوص الملونة */
body a.text-hover-primary:hover {
    color: var(--admin-accent-hover) !important;
}

body .text-primary {
    color: var(--admin-accent) !important;
}

body .bg-primary {
    background-color: var(--admin-accent) !important;
}

/* ==========================================================================
   Filament PHP Admin Style Pagination
   ========================================================================== */
.filament-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    padding: 0.85rem 1.25rem;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03);
}

.filament-pagination-info {
    font-size: 0.875rem;
    color: #64748b;
    font-weight: 500;
}

.filament-pagination-info b {
    color: #0f172a;
    font-weight: 700;
}

.filament-pagination-list {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.filament-pagination-btn {
    min-width: 36px;
    height: 36px;
    border-radius: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 600;
    color: #475569;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    text-decoration: none;
    transition: all 0.2s ease;
}

.filament-pagination-btn:hover:not(.disabled) {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: var(--admin-accent, #6F8A3E);
}

.filament-pagination-btn.active {
    background: var(--admin-accent-gradient, linear-gradient(135deg, #88A252 0%, #688236 100%)) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px var(--admin-accent-light, rgba(111, 138, 62, 0.25)) !important;
}

.filament-pagination-btn.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

[dir="rtl"] .filament-pagination-btn i {
    transform: scaleX(-1);
}