/* ==========================================================================
   لوحة التحكم المركزية في ألوان وتصميم النظام (MASTER THEME COLOR CONFIGURATION)
   ==========================================================================
   مرحباً بك! جميع ألوان لوحة التحكم (الأزرار، الروابط، القوائم، الرسوم البيانية،
   الهيدر، السايدبار، الشارات، وحقول الإدخال) متوافقة 100% مع هوية وشعار
   صيدلية دكتور نوح - مرسى علم (Dr. Nouh Pharmacy - Marsa Alam).

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

:root {
    /* ----------------------------------------------------------------------
       1. اللون الرئيسي التفاعلي (Main Brand Palette - صيدلية دكتور نوح)
       مستوحى من الإطار الدائري، موج البحر، وشمس مرسى علم الدافئة
       ---------------------------------------------------------------------- */
    --admin-accent: #E05804;              /* البرتقالي التراكوتا الحيوي الدافئ لشعار صيدلية دكتور نوح */
    --admin-accent-hover: #B54009;        /* اللون البني/البرتقالي المحروق العميق المماثل لكلمة (صيدلية دكتور نوح) */
    --admin-accent-gradient: linear-gradient(135deg, #E86510 0%, #C44309 50%, #A33606 100%); /* التدرج الدافئ المتناسق */
    --admin-accent-light: rgba(224, 88, 4, 0.15); /* إضاءة وتوهج الفوكس الخفيف والظلال المحيطة */
    --admin-accent-subtle: rgba(224, 88, 4, 0.08); /* خلفيات ناعمة جداً للأيقونات والتأثيرات الخفيفة */

    /* ----------------------------------------------------------------------
       2. اللون الطبي الزمردي التكميلي (Medical Emerald Green)
       مستوحى من ثعبان أسكليبيوس/هايجيا الزمردي الطبي الملتف حول الكأس في الشعار
       ---------------------------------------------------------------------- */
    --admin-accent-green: #119740;
    --admin-accent-green-hover: #0D7A33;
    --admin-accent-green-gradient: linear-gradient(135deg, #16A34A 0%, #0F766E 100%);
    --admin-accent-green-light: rgba(17, 151, 64, 0.15);

    /* ----------------------------------------------------------------------
       3. اللون الساحلي السماوي والبحري (Marsa Alam Sea & Sky Accent)
       مستوحى من سماء وبحر مرسى علم وقارب الشراع في خلفية الشعار
       ---------------------------------------------------------------------- */
    --admin-accent-cyan: #0284C7;
    --admin-accent-cyan-hover: #0369A1;
    --admin-accent-cyan-gradient: linear-gradient(135deg, #0284C7 0%, #0EA5E9 100%);
    --admin-accent-cyan-light: rgba(2, 132, 199, 0.15);

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

    /* ----------------------------------------------------------------------
       4. القائمة الجانبية (Sidebar Navigation)
       تصميم داكن فخم بتدرج دافئ عميق يبرز شعار صيدلية دكتور نوح بأقصى وضوح
       ---------------------------------------------------------------------- */
    --admin-sidebar-bg: linear-gradient(180deg, #1C120C 0%, #2A1910 50%, #150D08 100%);
    --admin-sidebar-header-bg: transparent;                              /* خلفية منطقة الشعار */
    --admin-sidebar-text: #D5C7BE;        /* لون النصوص والأيقونات غير النشطة في السايدبار (كريمي دافئ هادئ) */
    --admin-sidebar-hover-bg: rgba(255, 255, 255, 0.08);                  /* خلفية العنصر عند المرور بالماوس */
    --admin-sidebar-active-bg: linear-gradient(90deg, rgba(224, 88, 4, 0.32) 0%, rgba(181, 64, 9, 0.22) 100%); /* خلفية الصفحة النشطة بالسايدبار */
    --admin-sidebar-active-text: #ffffff; /* لون نص وأيقونة العنصر النشط */
    --admin-sidebar-section-title: #FB923C;/* لون عناوين الأقسام بالسايدبار (عنبري دافئ مشرق) */

    /* ----------------------------------------------------------------------
       5. الشريط العلوي وخلفيات الصفحات (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) */

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

    /* ----------------------------------------------------------------------
       7. الأزرار العامة وحقول الإدخال (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); /* حد الحقل عند التركيز والتحديد */

    /* ----------------------------------------------------------------------
       8. شارات الحالة المتجانسة (Status Badges)
       ---------------------------------------------------------------------- */
    --admin-success-bg: #ecfdf5;          /* خلفية حالة النجاح والتسليم (أخضر زمردي طبي) */
    --admin-success-text: #119740;        /* نص حالة النجاح متوافق مع ثعبان الشعار */
    --admin-danger-bg: #fff1f2;           /* خلفية حالة الإلغاء والرفض */
    --admin-danger-text: #be123c;         /* نص حالة الإلغاء والرفض */
    --admin-warning-bg: #fffbeb;          /* خلفية حالة الانتظار والتجهيز */
    --admin-warning-text: #b45309;        /* نص حالة الانتظار والتجهيز */
    --admin-info-bg: #f0f9ff;             /* خلفية حالة التوصيل والمعلومات السماوية */
    --admin-info-text: #0284c7;           /* نص حالة التوصيل والمعلومات */

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

    /* ----------------------------------------------------------------------
       10. توحيد متغيرات مترونيك وبوتستراب (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: 224, 88, 4;
    --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(224, 88, 4, 0.12) !important;
    --bs-primary-rgb: 224, 88, 4 !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(181, 64, 9, 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.2) !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(224, 88, 4, 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(224, 88, 4, 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(224, 88, 4, 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(224, 88, 4, 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, #E05804);
}

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