/*
 * الشكل الجديد لـ mgingaz.com (كل المقاسات) — فوق AdminLTE 2 (skin-blue-light) من غير ما نغيّر ملفاته.
 * الألوان كلها في المتغيرات تحت: غيّر --mg-primary عشان تغيّر هوية الموقع كله.
 */
:root {
    /* الهوية: بنفسجي + فيروزي على نيلي غامق */
    --mg-primary: #7c3aed;
    --mg-primary-dark: #5b21b6;
    --mg-accent: #06b6d4;
    --mg-grad: linear-gradient(120deg, #5b21b6 0%, #7c3aed 50%, #06b6d4 100%);
    --mg-dark: #1e1b4b;
    --mg-dark-2: #312e81;
    --mg-bg: #f5f3ff;
    --mg-card: #ffffff;
    --mg-border: #e9e5f8;
    --mg-text: #1e1b4b;
    --mg-muted: #6b6b8a;
    --mg-radius: 16px;
    --mg-shadow: 0 1px 2px rgba(30, 27, 75, .06), 0 6px 18px rgba(91, 33, 182, .07);
}

/* ===== الخلفية والنصوص ===== */
body, .content-wrapper, .right-side, .wrapper { background-color: var(--mg-bg) !important; color: var(--mg-text); }
.content-header > h1 { font-weight: 700; color: var(--mg-text); }
.text-muted { color: var(--mg-muted) !important; }
a { color: var(--mg-primary); }

/* ===== القايمة الجانبية: غامقة وحديثة ===== */
.skin-blue-light .main-sidebar, .skin-blue-light .left-side, .main-sidebar {
    background: var(--mg-dark) !important; border: 0 !important; box-shadow: none;
}
.skin-blue-light .main-header .logo, .main-header .logo {
    background: var(--mg-dark) !important; color: #fff !important; font-weight: 700; border: 0 !important;
}
.skin-blue-light .sidebar-menu > li > a, .sidebar-menu > li > a {
    color: #cbd5e1 !important; border: 0 !important; margin: 2px 10px; border-radius: 10px;
    padding: 10px 14px; font-weight: 600; transition: background .15s, color .15s;
}
.skin-blue-light .sidebar-menu > li > a > .fa, .sidebar-menu > li > a > i, .sidebar-menu > li > a > svg { color: #94a3b8; }
.skin-blue-light .sidebar-menu > li:hover > a, .sidebar-menu > li > a:hover {
    background: rgba(255, 255, 255, .07) !important; color: #fff !important;
}
.skin-blue-light .sidebar-menu > li.active > a, .sidebar-menu > li.active > a {
    background: var(--mg-primary) !important; color: #fff !important; box-shadow: 0 4px 12px rgba(124, 58, 237, .35);
}
.skin-blue-light .sidebar-menu > li.active > a > i, .sidebar-menu > li.active > a > .fa { color: #fff !important; }
.skin-blue-light .sidebar-menu .treeview-menu, .sidebar-menu .treeview-menu {
    background: transparent !important; padding: 2px 0 6px;
}
.skin-blue-light .sidebar-menu .treeview-menu > li > a, .sidebar-menu .treeview-menu > li > a {
    color: #94a3b8 !important; padding: 7px 14px 7px 5px; margin: 0 22px 0 10px; border-radius: 8px; font-size: 13.5px;
}
.skin-blue-light .sidebar-menu .treeview-menu > li > a:hover,
.skin-blue-light .sidebar-menu .treeview-menu > li.active > a { color: #fff !important; background: rgba(255, 255, 255, .06); }
.skin-blue-light .sidebar-menu > li.menu-open > a { background: rgba(255, 255, 255, .05) !important; color: #fff !important; }
.main-sidebar .user-panel, .main-sidebar .sidebar-form { border: 0 !important; }
.main-sidebar .sidebar { padding-top: 6px; }
/* اسم البيزنس فوق القايمة */
.main-sidebar .logo, .main-sidebar a.logo { background: linear-gradient(135deg, var(--mg-primary), var(--mg-primary-dark)) !important; }
.sidebar-menu > li.mg-more-section > a { color: #64748b !important; font-size: 13px; }

/* ===== الهيدر ===== */
.skin-blue-light .main-header .navbar, .main-header .navbar {
    background: linear-gradient(90deg, var(--mg-dark-2), var(--mg-primary-dark)) !important; border: 0 !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, .15);
}
.main-header .navbar .btn-success, .main-header .navbar .btn.bg-green {
    background: rgba(255, 255, 255, .12) !important; border: 1px solid rgba(255, 255, 255, .18) !important; color: #fff !important;
    border-radius: 10px !important; box-shadow: none;
}
.main-header .navbar .btn-success:hover { background: rgba(255, 255, 255, .22) !important; }
.main-header .navbar .sidebar-toggle:hover { background: rgba(255, 255, 255, .1) !important; }

/* ===== الكروت والصناديق ===== */
.box, .box-solid, .info-box, .small-box, .nav-tabs-custom, .panel {
    background: var(--mg-card); border: 1px solid var(--mg-border) !important; border-radius: var(--mg-radius) !important;
    box-shadow: var(--mg-shadow) !important;
}
.box.box-primary, .box.box-info, .box.box-success, .box.box-warning, .box.box-danger, .box.box-solid { border-top-width: 1px !important; }
.box-header { border-radius: var(--mg-radius) var(--mg-radius) 0 0; }
.box-header.with-border { border-bottom: 1px solid var(--mg-border) !important; }
.box-header .box-title { font-weight: 700; }
.info-box-new-style { border-radius: var(--mg-radius) !important; }
.info-box-icon { border-radius: 14px !important; }
.nav-tabs-custom > .nav-tabs > li.active { border-top-color: var(--mg-primary) !important; }

/* ===== الأزرار ===== */
.btn { border-radius: 10px !important; font-weight: 600; transition: transform .08s, box-shadow .15s, filter .15s; }
.btn:active { transform: scale(.97); }
.btn-primary, .bg-primary { background-color: var(--mg-primary) !important; border-color: var(--mg-primary) !important; }
.btn-primary:hover { background-color: var(--mg-primary-dark) !important; }
.btn-default { background: #fff; border-color: var(--mg-border); color: var(--mg-text); }
.btn-default:hover { background: #f8fafc; }

/* ===== الحقول ===== */
.form-control, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
    border-color: var(--mg-border) !important; border-radius: 10px !important;
}
.form-control:focus, .select2-container--focus .select2-selection { border-color: var(--mg-primary) !important; box-shadow: 0 0 0 3px rgba(124, 58, 237, .15) !important; }
.input-group-addon { border-color: var(--mg-border) !important; background: #f8fafc; }

/* ===== الجداول ===== */
.table > thead > tr > th, table.dataTable thead th {
    background: #f8fafc; color: var(--mg-muted); font-weight: 700; font-size: 13px; border-bottom: 1px solid var(--mg-border) !important;
}
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #fbfcfe; }
.table-hover > tbody > tr:hover, table.dataTable tbody tr:hover { background-color: #f3efff !important; }
.table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > td { border-color: var(--mg-border) !important; }
.label { border-radius: 6px; padding: .3em .6em; }
.pagination > .active > a, .pagination > .active > a:hover { background: var(--mg-primary) !important; border-color: var(--mg-primary) !important; }

/* ===== المودالات ===== */
.modal-header { border-bottom: 1px solid var(--mg-border); }
.modal-header .modal-title { font-weight: 700; }
.modal-footer { border-top: 1px solid var(--mg-border); background: #f8fafc; }

/* ===== الفوتر ===== */
.main-footer, footer.no-print { background: transparent !important; border: 0 !important; color: var(--mg-muted) !important; font-size: 12px; }

/* ===== شاشة البيع على الكمبيوتر ===== */
@media (min-width: 768px) {
    .pos-header { background: #fff; border-bottom: 1px solid var(--mg-border); box-shadow: 0 1px 6px rgba(15, 23, 42, .05); padding-bottom: 4px; }
    .pos-header .btn { border-radius: 10px !important; }
    #add_pos_sell_form .box, #edit_pos_sell_form .box { border-radius: 16px !important; }

    /* كروت المنتجات */
    .product_list .product_box {
        background: #fff; border: 1px solid var(--mg-border) !important; border-radius: 14px !important;
        box-shadow: 0 1px 2px rgba(15, 23, 42, .05); transition: transform .12s, box-shadow .12s, border-color .12s;
        padding: 8px 6px; min-height: 120px;
    }
    .product_list .product_box:hover {
        transform: translateY(-2px); border-color: var(--mg-primary) !important; box-shadow: 0 8px 20px rgba(124, 58, 237, .15);
    }
    .product_list .product_box .text_div .text { color: var(--mg-text) !important; font-weight: 700; font-size: 13px; }

    /* جدول الفاتورة */
    #pos_table thead th { background: #f8fafc; }
    #pos_table tbody tr td { vertical-align: middle; }

    /* الشريط اللي تحت: الإجمالي كبير والزراير أوضح */
    .pos-form-actions {
        background: #fff !important; border-top: 1px solid var(--mg-border);
        box-shadow: 0 -6px 20px rgba(15, 23, 42, .08); padding: 10px 12px !important;
    }
    .pos-form-actions .btn {
        min-height: 48px; font-size: 15px !important; padding: 8px 11px !important; margin: 2px !important;
        border-radius: 12px !important; border: 0 !important; box-shadow: 0 2px 6px rgba(15, 23, 42, .1);
    }
    .pos-form-actions .btn:hover { filter: brightness(1.07); box-shadow: 0 6px 14px rgba(15, 23, 42, .15); }
    .pos-form-actions .pos-total {
        border-radius: 14px !important; padding: 8px 22px !important; background: var(--mg-dark) !important;
        box-shadow: 0 6px 16px rgba(15, 23, 42, .25);
    }
    .pos-form-actions .pos-total .text { font-size: 16px; opacity: .85; }
    .pos-form-actions .pos-total .number { font-size: 30px !important; font-weight: 800; }
    /* زراير الدفع الأساسية أعرض */
    .pos-form-actions .pos-express-finalize[data-pay_method="cash"],
    .pos-form-actions .pos-gateway-pay { min-width: 104px; font-size: 16px !important; }
}

/* ===== صفحة الدخول ===== */
body:has(.login-form) { background: radial-gradient(1200px 600px at 80% -10%, #6d28d9 0%, transparent 60%), linear-gradient(160deg, #0b1220, #0f172a 55%, #2e1065) !important; }
body:has(.login-form) .container-fluid, body:has(.login-form) .eq-height-row, body:has(.login-form) .eq-height-col { background: transparent !important; }
.left-col.login-header, .left-col:has(.login-header) {
    background: none !important; display: flex !important; align-items: center; justify-content: center;
}
.left-col .login-header > div, .left-col-content.login-header > div { margin-top: 0 !important; text-align: center; }
.left-col-content.login-header { display: flex; align-items: center; justify-content: center; min-height: 100vh; }
.login-header a, .login-header .mg-brand { color: #fff !important; text-decoration: none; }
.mg-brand-logo {
    width: 110px; height: 110px; border-radius: 28px; margin: 0 auto 18px; display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, var(--mg-primary), var(--mg-primary-dark)); box-shadow: 0 18px 40px rgba(124, 58, 237, .45);
    font-size: 44px; font-weight: 800; color: #fff; letter-spacing: 1px;
}
.mg-brand-name { font-size: 34px; font-weight: 800; color: #fff; }
.mg-brand-tag { font-size: 16px; color: #c4b5fd; margin-top: 6px; }
.right-col { background: transparent !important; display: flex !important; flex-direction: column; justify-content: center; min-height: 100vh; }
.login-form.right-col-content {
    float: none !important; margin: 0 auto !important; width: 100%; max-width: 420px;
    background: rgba(255, 255, 255, .98); border-radius: 22px; padding: 34px 30px 26px !important;
    box-shadow: 0 30px 80px rgba(2, 6, 23, .45);
}
.login-form .form-header { color: var(--mg-text) !important; font-size: 24px; font-weight: 800; margin-bottom: 22px; text-align: center; }
.login-form .form-control { height: 50px; font-size: 16px; border-radius: 12px !important; background: #f8fafc; border: 1px solid var(--mg-border); padding-right: 16px; }
.login-form .form-control-feedback { line-height: 50px; height: 50px; color: #94a3b8; }
.login-form .btn-primary, .login-form button[type=submit] {
    width: 100%; height: 50px; font-size: 17px; border-radius: 12px !important; font-weight: 700;
    background: linear-gradient(90deg, var(--mg-primary), var(--mg-primary-dark)) !important; border: 0 !important;
    box-shadow: 0 10px 24px rgba(124, 58, 237, .35);
}
.login-form label, .login-form .checkbox label, .login-form a { color: var(--mg-muted) !important; }
.login-form a:hover { color: var(--mg-primary) !important; }
#change_lang { border-radius: 10px !important; background: rgba(255, 255, 255, .1) !important; color: #fff !important; border: 1px solid rgba(255, 255, 255, .2) !important; }
#change_lang option { color: #000; }
/* الموقع عربي بس — اختيار اللغة مش محتاجينه */
.right-col > .row > [class*="col-"]:has(#change_lang) { display: none !important; }
.right-col > .row { position: static; }
@media (max-width: 767px) {
    .left-col, .left-col.hidden-xs { display: none !important; }
    .right-col { min-height: 100vh; padding: 16px; }
    .login-form.right-col-content { padding: 26px 20px !important; }
    .login-form.right-col-content::before {
        content: "MG POS"; display: block; text-align: center; font-size: 26px; font-weight: 800; color: var(--mg-primary); margin-bottom: 6px;
    }
}


/* ===== الهوية الجديدة: الأماكن اللي كان فيها أزرق ===== */
.skin-blue-light .main-header .navbar, .main-header .navbar { background: linear-gradient(90deg, var(--mg-dark), var(--mg-primary-dark) 60%, var(--mg-primary)) !important; }
.skin-blue-light .sidebar-menu > li.active > a, .sidebar-menu > li.active > a { background: var(--mg-grad) !important; }
.main-sidebar .logo, .main-sidebar a.logo, .skin-blue-light .main-header .logo { background: var(--mg-grad) !important; }
/* الجزء الملوّن اللي فوق الرئيسية */
.content-header-custom { background: var(--mg-grad) !important; }
.content-custom { background: var(--mg-bg) !important; }
/* عناوين صناديق الرئيسية (الرسوم البيانية والجداول) */
.content-custom .box-header, .box-header[style*="gradient"] { background: linear-gradient(120deg, var(--mg-primary-dark), var(--mg-primary)) !important; color: #fff !important; border: 0 !important; }
.content-custom .box-header .box-title, .content-custom .box-header i, .content-custom .box-header a { color: #fff !important; }
.content-custom .box-warning > .box-header, .content-custom .box.box-warning .box-header { background: linear-gradient(120deg, #db2777, #f59e0b) !important; }
/* أيقونات الكروت: خلفية فاتحة وأيقونة ملونة */
.info-box-icon.bg-aqua, .info-box-icon.bg-light-blue, .info-box-icon.bg-blue { background: #ecfeff !important; color: #0891b2 !important; }
.info-box-icon.bg-green { background: #ecfdf5 !important; color: #059669 !important; }
.info-box-icon.bg-yellow, .info-box-icon.bg-orange { background: #fffbeb !important; color: #d97706 !important; }
.info-box-icon.bg-red { background: #fff1f2 !important; color: #e11d48 !important; }
.info-box-icon.bg-purple, .info-box-icon.bg-navy { background: #f5f3ff !important; color: #7c3aed !important; }
.info-box-icon > i, .info-box-icon > svg { color: inherit !important; }
.info-box-number { color: var(--mg-text); font-weight: 800; }
/* أزرار وروابط */
.btn-info, .bg-aqua.btn { background: var(--mg-accent) !important; border-color: var(--mg-accent) !important; }
.nav-tabs-custom > .nav-tabs > li.active > a { color: var(--mg-primary) !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--mg-primary) !important; }
.daterangepicker td.active, .daterangepicker td.active:hover { background: var(--mg-primary) !important; }
.progress-bar { background: var(--mg-primary); }
/* شاشة البيع: الإجمالي بالتدرّج */
.pos-form-actions .pos-total, body.pos-mobile .pos-form-actions .pos-total { background: var(--mg-grad) !important; box-shadow: 0 8px 20px rgba(124, 58, 237, .35) !important; }
.pos-header { border-bottom: 3px solid transparent !important; border-image: var(--mg-grad) 1 !important; }
.product_list .product_box:hover { border-color: var(--mg-primary) !important; box-shadow: 0 8px 20px rgba(124, 58, 237, .18) !important; }
/* الدخول */
.mg-brand-logo { background: var(--mg-grad) !important; }
.login-form .btn-primary, .login-form button[type=submit] { background: var(--mg-grad) !important; }
.login-form.right-col-content::before { color: var(--mg-primary) !important; }
/* شريط التحميل اللي فوق */
.pace .pace-progress { background: var(--mg-accent) !important; }

/* ===== زراير شاشة البيع: الدفع ألوان قوية موحّدة، والباقي فاتح ===== */
.pos-form-actions .btn { color: #fff !important; border: 0 !important; text-shadow: none; }
.pos-form-actions .pos-express-finalize[data-pay_method="cash"] { background: linear-gradient(135deg, #10b981, #059669) !important; }
.pos-form-actions .pos-gateway-pay[data-gateway="kashier_card"] { background: linear-gradient(135deg, #8b5cf6, #6d28d9) !important; }
.pos-form-actions .pos-gateway-pay[data-gateway="kashier_wallet"] { background: linear-gradient(135deg, #22d3ee, #0891b2) !important; }
.pos-form-actions .pos-gateway-pay[data-gateway="fawry"] { background: linear-gradient(135deg, #fbbf24, #f59e0b) !important; color: #3b2400 !important; }
.pos-form-actions #pos-finalize { background: linear-gradient(135deg, #4338ca, #312e81) !important; }
.pos-form-actions #pos-draft, .pos-form-actions #pos-quotation,
.pos-form-actions .pos-express-finalize[data-pay_method="suspend"], .pos-form-actions #recent-transactions {
    background: #fff !important; color: var(--mg-primary-dark) !important; border: 1.5px solid #ddd6fe !important; box-shadow: none !important;
}
.pos-form-actions #pos-cancel, .pos-form-actions #pos-delete {
    background: #fff !important; color: #e11d48 !important; border: 1.5px solid #fecdd3 !important; box-shadow: none !important;
}
.pos-form-actions #pos-draft:hover, .pos-form-actions #pos-quotation:hover,
.pos-form-actions .pos-express-finalize[data-pay_method="suspend"]:hover, .pos-form-actions #recent-transactions:hover { background: #f5f3ff !important; }
.pos-form-actions #pos-cancel:hover { background: #fff1f2 !important; }
/* أيقونات الهيدر في شاشة البيع: لون واحد هادي */
.pos-header .btn, .pos-header a.btn {
    background: #f5f3ff !important; color: var(--mg-primary-dark) !important; border: 1px solid #e9e5f8 !important; box-shadow: none !important;
}
.pos-header .btn:hover { background: var(--mg-primary) !important; color: #fff !important; }
.pos-header #close_register, .pos-header .btn-danger { color: #e11d48 !important; }

/* القايمة الفرعية للقسم المفتوح: خلفية غامقة ونص واضح */
.skin-blue-light .sidebar-menu > li > .treeview-menu, .skin-blue-light .sidebar-menu > li.active > .treeview-menu,
.skin-blue-light .sidebar-menu > li.menu-open > .treeview-menu {
    background: rgba(0, 0, 0, .18) !important; margin: 2px 10px 6px; border-radius: 12px; padding: 4px 0;
}
.skin-blue-light .sidebar-menu .treeview-menu > li > a { color: #c7c3e6 !important; margin: 0 6px; }
.skin-blue-light .sidebar-menu .treeview-menu > li.active > a { color: #fff !important; background: rgba(124, 58, 237, .35) !important; font-weight: 700; }
.skin-blue-light .sidebar-menu .treeview-menu > li > a:hover { color: #fff !important; background: rgba(255, 255, 255, .08) !important; }

/* ===== كروت المنتجات من غير صور ===== */
.product_box .image-container { display: flex; align-items: center; justify-content: center; }
.mg-ava {
    width: 64px; height: 64px; border-radius: 18px; color: #fff; font-weight: 800; font-size: 22px;
    display: flex; align-items: center; justify-content: center; letter-spacing: .5px; direction: ltr;
    box-shadow: 0 6px 14px rgba(30, 27, 75, .18); text-shadow: 0 1px 2px rgba(0, 0, 0, .15); user-select: none;
}
.mg-ava-sm {
    width: 40px; height: 40px; border-radius: 12px; color: #fff; font-weight: 800; font-size: 14px; margin: 0 auto;
    display: flex; align-items: center; justify-content: center; direction: ltr;
}
@media (max-width: 767px) { .mg-ava { width: 52px; height: 52px; font-size: 18px; border-radius: 14px; } }

/* ===== شريط النهارده في الرئيسية ===== */
.mg-today { background: #fff; border-radius: 20px; padding: 16px 18px; margin: 0 0 18px; box-shadow: 0 12px 30px rgba(30, 27, 75, .18); position: relative; z-index: 2; }
.mg-today-title { font-weight: 800; font-size: 18px; margin-bottom: 12px; color: var(--mg-text); }
.mg-live { font-size: 12px; color: #10b981; font-weight: 700; margin-right: 6px; animation: mgPulse 2s infinite; }
@keyframes mgPulse { 50% { opacity: .35; } }
.mg-today-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.mg-tile { display: flex; align-items: center; gap: 10px; background: var(--mg-bg); border-radius: 14px; padding: 12px; }
.mg-tile > i { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center;
    background: var(--mg-grad); color: #fff; font-size: 17px; }
.mg-tile[data-k="cash"] > i { background: linear-gradient(135deg, #10b981, #059669); }
.mg-tile[data-k="electronic"] > i, .mg-tile[data-k="month_electronic"] > i { background: linear-gradient(135deg, #22d3ee, #0891b2); }
.mg-tile[data-k="repairs"] > i { background: linear-gradient(135deg, #fbbf24, #f59e0b); }
.mg-tile-v { font-size: 22px; font-weight: 800; color: var(--mg-text); line-height: 1.1; }
.mg-tile-l { font-size: 12px; color: var(--mg-muted); }
.mg-pending { margin-top: 10px; padding: 8px 12px; border-radius: 12px; background: #fffbeb; color: #92400e; font-weight: 700; font-size: 13px; }
@media (max-width: 1200px) { .mg-today-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px) { .mg-today { padding: 12px; margin: 0 5px 12px; } .mg-today-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; } .mg-tile { padding: 9px; } .mg-tile-v { font-size: 18px; } }

/* ===== خانة موبايل الزبون في شاشة البيع ===== */
.mg-phone { position: relative; margin: -4px 0 10px; }
.mg-phone > i { position: absolute; right: 12px; top: 13px; color: var(--mg-primary); z-index: 2; }
.mg-phone input.form-control { padding-right: 34px; height: 40px; border-radius: 10px !important; background: #faf8ff; }
.mg-phone-msg { position: absolute; left: 12px; top: 10px; font-size: 12px; font-weight: 700; color: var(--mg-muted); }
.mg-phone-msg.ok { color: #059669; }
.mg-phone-msg.err { color: #e11d48; }
.mg-cust2 { display: flex; gap: 8px; }
.mg-cust2 .mg-cust-f { position: relative; flex: 1; min-width: 0; }
.mg-cust2 .mg-cust-f > i { position: absolute; right: 12px; top: 13px; color: var(--mg-primary); z-index: 2; }
.mg-cust2 input.form-control { padding-right: 34px; height: 40px; border-radius: 10px !important; background: #faf8ff; }
.mg-cust2 .mg-phone-msg { position: absolute; left: 12px; top: 10px; z-index: 3; pointer-events: none; }
.mg-cust2 .mg-cust-mobile { direction: ltr; text-align: right; } /* الرقم يمين جنب الأيقونة والرسالة شمال */

/* ===== الرسوم البيانية بألوان الهوية ===== */
.highcharts-series-0 .highcharts-graph, .highcharts-series-0.highcharts-line-series path.highcharts-graph { stroke: #7c3aed !important; stroke-width: 3px !important; }
.highcharts-series-0 .highcharts-point, .highcharts-markers.highcharts-series-0 path { fill: #7c3aed !important; stroke: #fff !important; }
.highcharts-series-1 .highcharts-graph { stroke: #06b6d4 !important; }
.highcharts-series-1 .highcharts-point { fill: #06b6d4 !important; }
.highcharts-legend-item.highcharts-series-0 path, .highcharts-legend-item.highcharts-series-0 .highcharts-point { stroke: #7c3aed !important; fill: #7c3aed !important; }

/* ===== لوجو Mobile Store (2026-09-28) ===== */
.mg-side-logo { width: 30px; height: 30px; border-radius: 50%; margin-left: 8px; vertical-align: middle; box-shadow: 0 2px 6px rgba(0,0,0,.35); }
.mg-brand-img { display: block; width: 120px; height: 120px; margin: 0 auto 10px; border-radius: 50%; box-shadow: 0 10px 28px rgba(0,0,0,.35); }