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

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

:root {
    /* ----------------------------------------------------------------------
       1. اللون الرئيسي التفاعلي (Main Brand & Accent Palette - Elanwar Pharmacy)
       ---------------------------------------------------------------------- */
    --admin-accent: #04A89B;              /* اللون التيل الطبي المميز لشعار صيدلية الأنوار */
    --admin-accent-hover: #03887D;        /* لون التمرير بالماوس (Hover) للأزرار والروابط التفاعلية */
    --admin-accent-gradient: linear-gradient(135deg, #03887D 0%, #04C8B9 100%); /* التدرج التيل الطبي لشعار الأنوار */
    --admin-accent-light: rgba(4, 168, 155, 0.12); /* إضاءة وتوهج الفوكس الخفيف والظلال المحيطة */
    --admin-accent-subtle: rgba(4, 168, 155, 0.05); /* خلفيات خفيفة جداً للأيقونات والتأثيرات */

    /* اللمسة الفيروزية المضيئة من لوجو الأنوار (Medical Teal / Highlights) */
    --admin-accent-cyan: #04C8B9;
    --admin-accent-cyan-hover: #039E92;
    --admin-accent-cyan-gradient: linear-gradient(135deg, #04A89B 0%, #04C8B9 100%);
    --admin-accent-cyan-light: rgba(4, 200, 185, 0.15);

    /* الحفاظ على التوافق مع أي عناصر تستدعي متغيرات الذهب القديمة */
    --admin-gold: var(--admin-accent-cyan);
    --admin-gold-hover: var(--admin-accent-cyan-hover);
    --admin-gold-gradient: var(--admin-accent-cyan-gradient);
    --admin-gold-light: var(--admin-accent-cyan-light);

    /* ----------------------------------------------------------------------
       2. القائمة الجانبية (Sidebar Navigation)
       ---------------------------------------------------------------------- */
    --admin-sidebar-bg: linear-gradient(180deg, #071C22 0%, #0B2B33 50%, #05151A 100%); /* كحلي تيل داكن فاخر ومنسجم مع شعار الأنوار */
    --admin-sidebar-header-bg: transparent;                              /* خلفية منطقة الشعار (شفافة لإبراز الشعار) */
    --admin-sidebar-text: #9BB8C2;        /* لون النصوص والأيقونات غير النشطة في السايدبار */
    --admin-sidebar-hover-bg: rgba(255, 255, 255, 0.07);                  /* خلفية العنصر عند المرور بالماوس */
    --admin-sidebar-active-bg: linear-gradient(90deg, rgba(4, 200, 185, 0.22) 0%, rgba(4, 168, 155, 0.15) 100%); /* خلفية الصفحة النشطة بالسايدبار مدموجة بلمسة الأنوار */
    --admin-sidebar-active-text: #ffffff; /* لون نص وأيقونة العنصر النشط */
    --admin-sidebar-section-title: #04C8B9;/* لون عناوين الأقسام بالسايدبار (تيل الأنوار المضيء) */

    /* ----------------------------------------------------------------------
       3. الشريط العلوي وخلفيات الصفحات (Header & Body Surfaces)
       ---------------------------------------------------------------------- */
    --admin-header-bg: rgba(255, 255, 255, 0.96); /* خلفية الشريط العلوي الزجاجية */
    --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: #0284c7;           /* نص حالة التوصيل والمعلومات */

    /* ----------------------------------------------------------------------
       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;        /* حدود النافذة المنبثقة */

    /* ----------------------------------------------------------------------
       8. توحيد متغيرات مترونيك وبوتستراب (Bootstrap & Metronic Integration)
       ---------------------------------------------------------------------- */
    --bs-primary: var(--admin-accent);
    --bs-primary-active: var(--admin-accent-hover);
    --bs-primary-hover: var(--admin-accent-hover);
    --bs-primary-light: var(--admin-accent-subtle);
    --bs-primary-rgb: 12, 82, 132;
    --bs-primary-inverse: #ffffff;
    --bs-text-primary: var(--admin-accent);
    --bs-component-active-bg: var(--admin-accent);
    --bs-component-hover-color: var(--admin-accent);
    --bs-link-color: var(--admin-accent);
    --bs-link-hover-color: var(--admin-accent-hover);
}

:root,
[data-bs-theme="light"],
[data-theme="light"],
[data-bs-theme="dark"],
[data-theme="dark"],
body {
    --bs-primary: var(--admin-accent) !important;
    --bs-primary-active: var(--admin-accent-hover) !important;
    --bs-primary-hover: var(--admin-accent-hover) !important;
    --bs-primary-light: rgba(12, 82, 132, 0.12) !important;
    --bs-primary-rgb: 12, 82, 132 !important;
    --bs-primary-inverse: #ffffff !important;
    --bs-text-primary: var(--admin-accent) !important;
    --bs-component-active-bg: var(--admin-accent) !important;
    --bs-component-hover-color: var(--admin-accent) !important;
    --bs-link-color: var(--admin-accent) !important;
    --bs-link-hover-color: var(--admin-accent-hover) !important;
}

/* ==========================================================================
   التنسيقات والتطبيقات الفعلية للألوان المتجانسة (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(12, 82, 132, 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-cyan, #2299BA) !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;
}

/* ==========================================================================
   أزرار التبديل بين العرض الشبكي والقائمة (Grid & List View Toggles)
   ========================================================================== */
body .btn-group .btn.view-toggle,
body .btn.view-toggle,
body .view-toggle {
    background-color: var(--admin-secondary-btn-bg, #f1f5f9) !important;
    color: var(--admin-secondary-btn-text, #475569) !important;
    border: 1px solid var(--admin-card-border, #e2e8f0) !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}

body .btn-group .btn.view-toggle i,
body .btn.view-toggle i,
body .view-toggle i {
    color: var(--admin-secondary-btn-text, #475569) !important;
    transition: color 0.25s ease !important;
}

body .btn-group .btn.view-toggle:hover:not(.active),
body .btn.view-toggle:hover:not(.active),
body .view-toggle:hover:not(.active) {
    background-color: var(--admin-accent-subtle, rgba(12, 82, 132, 0.08)) !important;
    color: var(--admin-accent) !important;
    border-color: var(--admin-accent-light) !important;
}

body .btn-group .btn.view-toggle:hover:not(.active) i,
body .btn.view-toggle:hover:not(.active) i,
body .view-toggle:hover:not(.active) i {
    color: var(--admin-accent) !important;
}

body .btn-group .btn.view-toggle.active,
body .btn.view-toggle.active,
body .view-toggle.active {
    background: var(--admin-accent-gradient) !important;
    background-color: var(--admin-accent) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 4px 12px var(--admin-accent-light) !important;
}

body .btn-group .btn.view-toggle.active i,
body .btn.view-toggle.active i,
body .view-toggle.active i {
    color: #ffffff !important;
}

/* ==========================================================================
   أزرار مترونيك التفاعلية (Metronic Button & Badge Overrides)
   ========================================================================== */
body .btn.btn-light-primary {
    background-color: var(--admin-accent-subtle, rgba(12, 82, 132, 0.08)) !important;
    color: var(--admin-accent) !important;
    border-color: transparent !important;
}

body .btn.btn-light-primary i,
body .btn.btn-light-primary .svg-icon {
    color: var(--admin-accent) !important;
}

body .btn.btn-light-primary:hover:not(.active),
body .btn.btn-active-primary:hover:not(.active) {
    background-color: var(--admin-accent-light, rgba(12, 82, 132, 0.18)) !important;
    color: var(--admin-accent-hover) !important;
    border-color: transparent !important;
}

body .btn.btn-light-primary:hover:not(.active) i,
body .btn.btn-active-primary:hover:not(.active) i {
    color: var(--admin-accent-hover) !important;
}

body .btn.btn-active-primary.active,
body .btn.btn-light-primary.active,
body .btn-check:checked + .btn.btn-active-primary,
body .btn-check:checked + .btn.btn-light-primary,
body .btn-check:active + .btn.btn-active-primary,
body .btn-check:active + .btn.btn-light-primary {
    background: var(--admin-accent-gradient) !important;
    background-color: var(--admin-accent) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

body .btn.btn-active-primary.active i,
body .btn.btn-light-primary.active i,
body .btn.btn-active-primary.active .svg-icon,
body .btn.btn-light-primary.active .svg-icon,
body .btn-check:checked + .btn.btn-active-primary i,
body .btn-check:checked + .btn.btn-light-primary i {
    color: #ffffff !important;
}

body .btn.btn-active-color-primary:hover,
body .btn.btn-active-color-primary.active,
body .btn.btn-active-color-primary:active {
    color: var(--admin-accent) !important;
}

body .btn.btn-active-color-primary:hover i,
body .btn.btn-active-color-primary.active i,
body .btn.btn-active-color-primary:active i {
    color: var(--admin-accent) !important;
}

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

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

/* الشارات الأساسية (Badges) */
body .badge.badge-light-primary,
body .badge-light-primary {
    background-color: var(--admin-accent-subtle, rgba(12, 82, 132, 0.12)) !important;
    color: var(--admin-accent) !important;
}

body .badge.badge-primary,
body .badge-primary {
    background-color: var(--admin-accent) !important;
    color: #ffffff !important;
}

/* علامات التبويب والروابط (Tabs & Navs) */
body .nav-line-tabs .nav-item .nav-link.active,
body .nav-line-tabs .nav-item .nav-link:hover,
body .nav-tabs .nav-link.active {
    color: var(--admin-accent) !important;
    border-bottom-color: var(--admin-accent) !important;
}

body .nav-pills .nav-link.active,
body .nav-pills .show > .nav-link {
    background: var(--admin-accent-gradient) !important;
    background-color: var(--admin-accent) !important;
    color: #ffffff !important;
}

/* الترقيم العام (Pagination) */
body .page-item.active .page-link {
    background: var(--admin-accent-gradient) !important;
    background-color: var(--admin-accent) !important;
    border-color: transparent !important;
    color: #ffffff !important;
}

body .page-link:hover {
    color: var(--admin-accent-hover) !important;
}

/* مربعات الاختيار التفاعلية (Checkboxes) */
body .form-check-input:checked {
    background-color: var(--admin-accent) !important;
    border-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, #0C5284);
}

.filament-pagination-btn.active {
    background: var(--admin-accent-gradient, linear-gradient(135deg, #0C5284 0%, #1F7CA1 100%)) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px var(--admin-accent-light, rgba(12, 82, 132, 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);
}