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

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

:root {
    /* ----------------------------------------------------------------------
       1. اللون الرئيسي التفاعلي (Main Brand & Accent Palette - Awny Pharmacy)
       ---------------------------------------------------------------------- */
    --admin-accent: #22484E;              /* اللون البترولي الداكن المميز لصيدلية عوني للأزرار والروابط والعناصر النشطة */
    --admin-accent-hover: #163439;        /* لون التمرير بالماوس (Hover) للأزرار والروابط التفاعلية */
    --admin-accent-gradient: linear-gradient(135deg, #2D5A62 0%, #173439 100%); /* التدرج البترولي الفاخر للأزرار والبطاقات */
    --admin-accent-light: rgba(34, 72, 78, 0.15); /* إضاءة وتوهج الفوكس الخفيف والظلال المحيطة */
    --admin-accent-subtle: rgba(34, 72, 78, 0.08); /* خلفيات خفيفة جداً للأيقونات والتأثيرات */

    /* اللمسة الذهبية الملكية من اللوجو (Vintage Gold / Hygieia Snake & Highlights) */
    --admin-gold: #C39A57;
    --admin-gold-hover: #A9803F;
    --admin-gold-gradient: linear-gradient(135deg, #D4AF67 0%, #B3863C 100%);
    --admin-gold-light: rgba(195, 154, 87, 0.18);

    /* ----------------------------------------------------------------------
       2. القائمة الجانبية (Sidebar Navigation)
       ---------------------------------------------------------------------- */
    --admin-sidebar-bg: linear-gradient(180deg, #0F1F22 0%, #182E32 50%, #0C181A 100%); /* تدرج بترولي كربوني داكن فاخر منسجم مع اللوجو */
    --admin-sidebar-header-bg: transparent;                              /* خلفية منطقة الشعار (شفافة لإبراز الشعار) */
    --admin-sidebar-text: #9EB1B4;        /* لون النصوص والأيقونات غير النشطة في السايدبار */
    --admin-sidebar-hover-bg: rgba(255, 255, 255, 0.06);                  /* خلفية العنصر عند المرور بالماوس */
    --admin-sidebar-active-bg: rgba(195, 154, 87, 0.16);                  /* خلفية الصفحة الحالية النشطة بالسايدبار مدموجة بلمسة ذهبية خفيفة */
    --admin-sidebar-active-text: #ffffff; /* لون نص وأيقونة العنصر النشط */
    --admin-sidebar-section-title: #C39A57;/* لون عناوين الأقسام بالسايدبار (ذهبي أنيق) */

    /* ----------------------------------------------------------------------
       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: #f0fdfa;             /* خلفية حالة التوصيل والمعلومات البترولية الهادئة */
    --admin-info-text: #0f766e;           /* نص حالة التوصيل والمعلومات */

    /* ----------------------------------------------------------------------
       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: 34, 72, 78;
    --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(34, 72, 78, 0.12) !important;
    --bs-primary-rgb: 34, 72, 78 !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(166, 124, 82, 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-gold, #C39A57) !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(166, 124, 82, 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(166, 124, 82, 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(166, 124, 82, 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(166, 124, 82, 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, #A67C52);
}

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