/* ═══════════════════════════════════════════════════════════════════════
   EVA Store — الهوية: أسود عميق + ماجنتا الشعار (#AC1356)
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  /* ── الأسطح ── */
  --eva-canvas:#0d0709;
  --eva-surface:#160b10;
  --eva-surface-soft:#1e0f16;
  --eva-surface-warm:#28141d;
  --eva-line:#3a1f2b;
  --eva-line-strong:#55293c;

  /* ── الحبر ── */
  --eva-ink:#f6edf1;        /* 16.01:1 */
  --eva-ink-soft:#cdb6c1;   /*  9.34:1 */
  --eva-muted:#cdb6c1;      /*  9.34:1 */
  --eva-faint:#a38593;      /*  5.96:1 */

  /* ── ماجنتا EVA ── */
  --eva-brand:#d62f7f;      /*  6.77:1 */
  --eva-brand-2:#e8579c;    /*  9.66:1 */
  --eva-brand-3:#f39ac3;    /* 12.48:1 */
  --eva-brand-hover:#e8579c;
  --eva-brand-soft:#4d1a31;
  --eva-brand-faint:rgba(214,47,127,.14);
  --eva-on-brand:#ffffff;
  --eva-shadow:0 18px 44px rgba(0,0,0,.55);

  /* ── الحالات ── */
  --eva-green:#7fd3ac;
  --eva-gold:#e0c078;
  --eva-red:#ef7f73;
  --eva-blue:#9db4d4;

  /* ══ تعيين متغيرات الأنظمة القديمة ══ */
  --bg:var(--eva-canvas)!important;
  --side:var(--eva-surface)!important;
  --card:var(--eva-surface)!important;
  --card2:var(--eva-surface-soft)!important;
  --panel:var(--eva-surface)!important;
  --line:var(--eva-line)!important;
  --border:var(--eva-line)!important;
  --text:var(--eva-ink)!important;
  --ink:var(--eva-ink)!important;
  --muted:var(--eva-faint)!important;
  --blue:var(--eva-brand)!important;
  --brand:var(--eva-brand)!important;
  --brand2:var(--eva-brand-2)!important;
  --green:var(--eva-green)!important;
  --red:var(--eva-red)!important;
  --orange:var(--eva-gold)!important;

  --sant-brand:var(--eva-brand)!important;
  --sant-brand-dark:var(--eva-canvas)!important;
  --sant-brand-deep:var(--eva-brand-2)!important;
  --sant-soft-black:var(--eva-surface)!important;
  --sant-soft-black-2:var(--eva-surface-soft)!important;
  --sant-black:var(--eva-canvas)!important;
  --sant-black-2:var(--eva-surface)!important;
  --sant-panel:var(--eva-surface)!important;
  --sant-panel-2:var(--eva-surface-soft)!important;
  --sant-line:var(--eva-line)!important;
  --sant-logo:var(--eva-brand)!important;
  --sant-logo-deep:var(--eva-brand-2)!important;
  --sant-mute:var(--eva-faint)!important;
  --sant-text:var(--eva-ink)!important;
  --sant-opt:var(--eva-faint)!important;
  --sant-opt-hot:var(--eva-ink)!important;

  /* ══ متغيرات الصفحة الرئيسية ══ */
  --nl-bg:var(--eva-canvas)!important;
  --nl-surface:var(--eva-surface)!important;
  --nl-surface-2:var(--eva-surface-soft)!important;
  --nl-surface-3:var(--eva-surface-warm)!important;
  --nl-line:var(--eva-line)!important;
  --nl-hair:#2f1923!important;
  --nl-text:var(--eva-ink)!important;
  --nl-muted:var(--eva-ink-soft)!important;
  --nl-faint:var(--eva-faint)!important;
  --nl-brand:var(--eva-brand)!important;
  --nl-brand-2:var(--eva-brand-2)!important;
  --nl-brand-3:var(--eva-brand-3)!important;
  --nl-brand-fill:var(--eva-brand)!important;
  --nl-brand-soft:var(--eva-brand-soft)!important;
  --nl-on-brand:var(--eva-on-brand)!important;
  --nl-brand-dim:var(--eva-brand-faint)!important;
  --nl-green:var(--eva-green)!important;
  --nl-gold:var(--eva-gold)!important;
  --nl-red:var(--eva-red)!important;
  --nl-blue:var(--eva-blue)!important;
  --nl-e1:0 2px 8px rgba(0,0,0,.42)!important;
  --nl-e2:0 12px 28px -8px rgba(0,0,0,.6)!important;
  --nl-e3:0 30px 60px -18px rgba(0,0,0,.78),0 0 0 1px rgba(255,255,255,.03)!important;
  --nl-e4:0 60px 120px -30px rgba(0,0,0,.9),0 20px 50px -20px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.045)!important;
}

/* ══ الأساس ══ */
html,body{background:var(--eva-canvas)!important;color:var(--eva-ink)!important}
body{background-image:
  radial-gradient(760px 520px at 84% -8%,rgba(214,47,127,.10),transparent 64%),
  radial-gradient(620px 460px at 6% 26%,rgba(214,47,127,.055),transparent 68%)!important}

/* ══ الأسطح ══ */
.sidebar,.side-nav,.dashboard-nav,.nav-sidebar,.dash-v3-sidebar,
.panel,.card,.modal-card,.vault-card,.orders-card,.product-card,.admin-card,
.mysub-card,.order-card,.bot-mgmt-card,.store-card,.owner-card{
  background:var(--eva-surface)!important;
  border-color:var(--eva-line)!important;
  color:var(--eva-ink)!important}

/* ══ النصوص الثانوية ══ */
.menu-title,.muted,small,.hint,.subtle,.description,.status-foot,
.welcome p,.panel small,.mini span,.stats span{color:var(--eva-faint)!important}

/* ══ الروابط والتمييز ══ */
.brand span span,.dash-v3-brand b span,.accent,.brand-accent,
.music-smart-room em,.ok{color:var(--eva-brand-2)!important}
nav a{color:var(--eva-ink-soft)!important}
nav a.active,nav a:hover{background:var(--eva-brand)!important;color:var(--eva-on-brand)!important}

/* ══ الأزرار ══ */
.primary-btn,.small-btn,.store-cta.primary,.modal button{
  background:var(--eva-brand)!important;color:var(--eva-on-brand)!important;border-color:var(--eva-brand)!important}
.primary-btn:hover,.small-btn:hover,.store-cta.primary:hover{background:var(--eva-brand-2)!important}
.advanced button,.quick-grid button{
  background:var(--eva-surface-soft)!important;color:var(--eva-ink)!important;border-color:var(--eva-line)!important}
.advanced button:hover,.quick-grid button:hover{border-color:var(--eva-brand)!important}

/* ══ الحقول ══ */
input,textarea,select{
  background:var(--eva-surface-soft)!important;color:var(--eva-ink)!important;border-color:var(--eva-line)!important}
input::placeholder,textarea::placeholder{color:var(--eva-faint)!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{
  outline:2px solid var(--eva-brand-2)!important;outline-offset:2px}

/* ══ صفحة الحالة ══ */
.status-page{background:var(--eva-canvas)!important;color:var(--eva-ink)!important}

/* ══ حارس: لا نص أبيض على سطح فاتح ══ */
.store-luxe,.store-main,.store-luxe-hero{background:transparent!important;color:var(--eva-ink)!important}

/* ═══════════════════════════════════════════════════════════════════════
   الأيقونات — كلها بيضاء
   · صور PNG (‎.sant-neon-icon وأخواتها) كانت ملوّنة بالهوية القديمة،
     فنحوّلها لصورة ظلّية بيضاء عبر brightness(0) invert(1)
   · أيقونات lucide متجهية تتبع currentColor → نثبّتها على الأبيض
   ═══════════════════════════════════════════════════════════════════════ */

/* ── صور الأيقونات ── */
img.sant-neon-icon,
.sant-neon-icon img,
.dash-icon-btn img,
.notifications-popover img,
.profile-menu img.sant-neon-icon,
.bot-icon img,
img[src*="top4top"],
img[src*="assets/emojis"],
img.sant-success-notification-icon,
img.music-discord-emoji,
.music-smart-room i img,
.empty-bots img,
.notifications-popover-head img{
  filter:brightness(0) invert(1) !important;
  opacity:.94}

/* عند التحويم أو التفعيل: أبيض كامل */
a:hover img.sant-neon-icon,
button:hover img.sant-neon-icon,
.active img.sant-neon-icon,
img[src*="top4top"]:hover,
img[src*="assets/emojis"]:hover{opacity:1 !important}

/* استثناء: الشعار والأفاتار ليست أيقونات */
.brand img,.dash-v3-brand img,.login-logo,.status-logo,.rp-brand img,
#avatar,#profileMenuAvatar,#sideAvatar,.store-hero-mark img,
.mysub-card img[src*="avatar"],.bot-avatar img,img.avatar{
  filter:none !important;opacity:1 !important}

/* ── أيقونات lucide المتجهية ── */
i[data-lucide] svg,
svg.lucide,
[data-lucide] path,[data-lucide] circle,[data-lucide] rect,
[data-lucide] line,[data-lucide] polyline,[data-lucide] polygon{
  stroke:#ffffff !important}
i[data-lucide]{color:#ffffff !important}

/* الأيقونات داخل الأزرار المعبّأة بالبراند تبقى داكنة لتُقرأ */
.nl-btn.primary i[data-lucide] svg,.nl-btn.primary i[data-lucide],
.primary-btn i[data-lucide] svg,.primary-btn i[data-lucide],
.store-cta.primary i[data-lucide] svg,.store-cta.primary i[data-lucide]{
  stroke:#0d0709 !important;color:#0d0709 !important}
.nl-btn.primary img.sant-neon-icon,
.primary-btn img.sant-neon-icon,
.nl-btn.primary img[src*="assets/emojis"],
.primary-btn img[src*="assets/emojis"]{filter:brightness(0) !important}

/* ── أيقونات SVG المضمّنة في الصفحة الرئيسية ── */
.eva-landing svg:not([data-lucide]) path[fill]:not([fill="none"]){fill:#ffffff}

/* ═══════════════════════════════════════════════════════════════════════
   نظام ألوان الرسوم البيانية — مصدر واحد
   · سلسلتان متمايزتان بالدرجة **و** بنمط الخط (لا بالدرجة وحدها)
   · شبكة شبه خفية — لا تنافس البيانات
   · نصوص المحاور 5.96:1
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  --chart-grid:rgba(255,255,255,.055);
  --chart-axis:#a38593;
  --chart-s1:#e8579c;              /* السلسلة 1 — رملي */
  --chart-s1-fill:rgba(198,162,179,.16);
  --chart-s2:#7fd3ac;              /* السلسلة 2 — أخضر */
  --chart-s2-fill:rgba(127,211,172,.13);
  --chart-surface:rgba(42,22,31,.55);
}

/* ── الشبكة والمحاور ── */
.system-chart-grid line,.system-chart-grid,
.broadcast-chart-grid,.ticket-chart-wrap line,
[class*="chart"] .grid line,[class*="chart-grid"]{
  stroke:var(--chart-grid) !important;stroke-width:1 !important}
.ticket-chart-wrap text,.system-chart-wrap text,
[class*="chart"] text,[class*="chart"] .axis,
text[class*="chart"],text[class*="axis"],
svg text{
  fill:var(--chart-axis) !important}
.system-chart-surface{fill:var(--chart-surface) !important;stroke:#3a1f2b !important}

/* ── السلسلة الأولى ── */
.system-chart-line,.ticket-chart-line,.broadcast-chart-line,
.chart-line,[class*="chart-line"]:not(.leaves){
  stroke:var(--chart-s1) !important;fill:none !important}
.system-chart-area,.broadcast-chart-area,[class*="chart-area"]{
  fill:var(--chart-s1-fill) !important}
.system-chart-point,.broadcast-chart-point,.ticket-chart-wrap circle,
[class*="chart-point"]{
  stroke:var(--chart-s1) !important;fill:#0d0709 !important;stroke-width:2 !important}

/* ── السلسلة الثانية: درجة مختلفة + خط متقطّع ── */
.leaves,[data-series="2"],.chart-series-2,
.system-chart-line.leaves,[class*="chart-line"].leaves{
  stroke:var(--chart-s2) !important;stroke-dasharray:6 5 !important}
.leaves[class*="chart-point"],[data-series="2"][class*="chart-point"]{
  stroke:var(--chart-s2) !important;stroke-dasharray:none !important}

/* ── وسيلة الإيضاح: نقطة ملوّنة لكل سلسلة ── */
.joins::before,.chart-legend .s1::before{background:var(--chart-s1) !important}
.leaves::before,.chart-legend .s2::before{background:var(--chart-s2) !important}
.joins>i{color:var(--chart-s1) !important;background:#1e0f16 !important;border-color:#3a1f2b !important}
.leaves>i{color:var(--chart-s2) !important;background:#1e0f16 !important;border-color:#3a1f2b !important}
.system-chart-legend,.chart-legend{color:var(--chart-axis) !important}

/* ── مؤشرات صغيرة (sparkline) ── */
[class*="spark"] path,[class*="spark"] polyline{stroke:var(--chart-s1) !important}
[class*="spark"] rect,[class*="spark"] i{background:var(--chart-s1) !important}