/* ==========================================================================
   لوحة التحكم المركزية في ألوان وتصميم النظام (صيدلية مها الجديدة - MAHA NEW PHARMACY)
   ==========================================================================
   الهوية البصرية الرسمية للصيدلية:
   • اللون الأخضر الزمردي الصيدلاني: #1E5D3A
   • اللون الذهبي الفاخر: #D4AF37
   • الأسود الداكن للعناوين والخطوط: #111111
   • الخلفية العاجية الناعمة: #F5EFE6
   ========================================================================== */

:root {
    /* ----------------------------------------------------------------------
       1. اللون الرئيسي التفاعلي (Main Brand & Accent Palette - Emerald & Gold)
       ---------------------------------------------------------------------- */
    --admin-accent: #1E5D3A;              /* الأخضر الصيدلاني الزمردي */
    --admin-accent-hover: #16462C;        /* أخضر داكن عند التمرير */
    --admin-accent-gradient: linear-gradient(135deg, #1E5D3A 0%, #15462C 100%); /* تدرج زمردي للأزرار */
    --admin-accent-light: rgba(30, 93, 58, 0.15); /* إضاءة الفوكس الخضراء */
    --admin-accent-subtle: rgba(30, 93, 58, 0.08); /* خلفيات هادئة خضراء */

    /* اللمسة الذهبية الفاخرة (Gold Accents) */
    --admin-gold: #D4AF37;
    --admin-gold-hover: #B89324;
    --admin-gold-gradient: linear-gradient(135deg, #E5C358 0%, #C49E26 100%);
    --admin-gold-light: rgba(212, 175, 55, 0.2);

    /* ----------------------------------------------------------------------
       2. القائمة الجانبية (Sidebar Navigation - Luxury Deep Emerald)
       ---------------------------------------------------------------------- */
    --admin-sidebar-bg: linear-gradient(180deg, #0B2215 0%, #123722 50%, #07180E 100%); /* تدرج أخضر زمردي داكن فاخر جداً */
    --admin-sidebar-header-bg: transparent;
    --admin-sidebar-text: #B4CEBF;        /* نصوص وأيقونات السايدبار المريحة */
    --admin-sidebar-hover-bg: rgba(212, 175, 55, 0.12); /* تمييز ذهبي هادئ عند المرور */
    --admin-sidebar-active-bg: rgba(212, 175, 55, 0.22); /* تمييز ذهبي واضح للصفحة النشطة */
    --admin-sidebar-active-text: #ffffff; /* نص أبيض ناصع مع التوهج */
    --admin-sidebar-section-title: #7FA58F;/* عناوين أقسام السايدبار */

    /* ----------------------------------------------------------------------
       3. الشريط العلوي وخلفيات الصفحات (Header & Body Surfaces)
       ---------------------------------------------------------------------- */
    --admin-header-bg: rgba(255, 255, 255, 0.96);
    --admin-header-border: #E8E2D8;
    --admin-body-bg: #F8F6F0;                     /* خلفية عاجية صيدلانية راقية ومريحة للعين */
    --admin-page-title: #111111;                  /* أسود داكن صريح */
    --admin-breadcrumb: #5A655F;

    /* ----------------------------------------------------------------------
       4. البطاقات والكروت (Cards & Containers)
       ---------------------------------------------------------------------- */
    --admin-card-bg: #ffffff;
    --admin-card-header-bg: #ffffff;
    --admin-card-header-text: #111111;
    --admin-card-border: #E8E2D8;
    --admin-card-radius: 16px;

    /* ----------------------------------------------------------------------
       5. الأزرار العامة وحقول الإدخال (Buttons & Inputs)
       ---------------------------------------------------------------------- */
    --admin-primary: #1E5D3A;
    --admin-primary-hover: #15462C;
    --admin-primary-text: #ffffff;
    --admin-secondary-btn-bg: #F5EFE6;
    --admin-secondary-btn-text: #1E5D3A;
    --admin-secondary-btn-hover: #EBE1D3;
    --admin-input-bg: #ffffff;
    --admin-input-border: #DCD4C6;
    --admin-input-text: #111111;
    --admin-input-placeholder: #8A9690;
    --admin-input-focus-border: #1E5D3A;

    /* ----------------------------------------------------------------------
       6. شارات الحالة المتجانسة (Status Badges)
       ---------------------------------------------------------------------- */
    --admin-success-bg: #E8F5EE;
    --admin-success-text: #1E5D3A;
    --admin-danger-bg: #FDF0F0;
    --admin-danger-text: #C53030;
    --admin-warning-bg: #FCF7E8;
    --admin-warning-text: #976F0E;
    --admin-info-bg: #EAF4FC;
    --admin-info-text: #1A649C;

    /* ----------------------------------------------------------------------
       7. الجداول والنوافذ المنبثقة (Tables & Modals)
       ---------------------------------------------------------------------- */
    --admin-table-header-bg: #F5EFE6;
    --admin-table-header-text: #111111;
    --admin-table-row-hover: #FAF7F2;
    --admin-table-border: #E8E2D8;
    --admin-table-text: #2A332E;
    --admin-modal-bg: #ffffff;
    --admin-modal-header-bg: #FAF7F2;
    --admin-modal-border: #E8E2D8;

    /* ----------------------------------------------------------------------
       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: 30, 93, 58;
    --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(30, 93, 58, 0.12) !important;
    --bs-primary-rgb: 30, 93, 58 !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;
    color: var(--admin-page-title) !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;
    font-weight: 600;
}

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(30, 93, 58, 0.35) !important;
}

/* الأزرار الذهبية المميزة */
body .btn-gold,
body .btn-warning,
body .btn.btn-warning {
    background: var(--admin-gold-gradient) !important;
    color: #111111 !important;
    border: none !important;
    border-radius: 10px !important;
    font-weight: 700;
    box-shadow: 0 4px 14px var(--admin-gold-light) !important;
}

body .btn-gold:hover,
body .btn-warning:hover,
body .btn.btn-warning:hover {
    background: var(--admin-gold-hover) !important;
    color: #ffffff !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-card-border) !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-accent-hover) !important;
}

/* القائمة الجانبية (Sidebar) */
body .app-sidebar,
body #kt_app_sidebar {
    background: var(--admin-sidebar-bg) !important;
    border-inline-end: 1px solid rgba(212, 175, 55, 0.15) !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 img,
body #kt_app_header_logo img,
body .app-header-logo img {
    filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 2px solid var(--admin-gold) !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.3) !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: 4px solid var(--admin-gold) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
}

body .app-sidebar-menu-primary .menu-link.active .menu-title,
body .app-sidebar-menu-primary .menu-link.active .menu-icon i {
    color: #ffffff !important;
    font-weight: 700;
}

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

/* الشريط العلوي (Header) */
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;
    box-shadow: 0 4px 20px rgba(17, 17, 17, 0.03) !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;
    font-weight: 700;
}

/* حقول المدخلات وقوائم الاختيار */
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-accent) !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: 2px solid var(--admin-gold) !important;
    font-weight: 700 !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;
    border: 1px solid rgba(30, 93, 58, 0.2);
}

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;
    border: 1px solid var(--admin-gold-light) !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 .text-gold {
    color: var(--admin-gold) !important;
}

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

/* ==========================================================================
   أزرار مترونيك التفاعلية (Metronic Button & Badge Overrides)
   ========================================================================== */
body .btn.btn-light-primary {
    background-color: var(--admin-accent-subtle, rgba(30, 93, 58, 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(30, 93, 58, 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(30, 93, 58, 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-gold) !important;
    border-bottom-width: 3px !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 Pagination */
.filament-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    border: 1px solid var(--admin-card-border);
    border-radius: 1rem;
    padding: 0.85rem 1.25rem;
    box-shadow: 0 4px 16px rgba(17, 17, 17, 0.03);
}

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

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

.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: #1E5D3A;
    background: #ffffff;
    border: 1px solid var(--admin-card-border);
    text-decoration: none;
    transition: all 0.2s ease;
}

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

.filament-pagination-item {
    display: inline-flex;
}

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

.filament-pagination-btn:hover:not(.disabled) {
    background: var(--admin-secondary-btn-bg);
    border-color: var(--admin-accent);
    color: var(--admin-accent);
}

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