/* ═══════════════════════════════════════════════════════════════════════
   Norel — الهوية الحجرية الداكنة
   مستخرجة من بنر العلامة: موجات حجرية دافئة داكنة + رملي فاتح
   كل الألوان النصية متحقَّق منها ≥4.5:1 مقابل الأسطح الثلاثة
   (الاسم محفوظ كما هو لأن 9 صفحات تربطه)
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  /* ── الأسطح: من أعمق ظل في البنر إلى أفتحه ── */
  --norel-canvas:#15120e;
  --norel-surface:#1e1a14;
  --norel-surface-soft:#26211a;
  --norel-surface-warm:#302a20;
  --norel-line:#3d362b;
  --norel-line-strong:#544a3b;

  /* ── الحبر ── */
  --norel-ink:#f2ede4;        /* 16.01:1 */
  --norel-ink-soft:#c2b6a1;   /*  9.34:1 */
  --norel-muted:#c2b6a1;      /*  9.34:1 */
  --norel-faint:#9c907d;      /*  5.96:1 */

  /* ── البراند الرملي (لون البنر المميّز) ── */
  --norel-brand:#a89a83;      /*  6.77:1 */
  --norel-brand-2:#c6b9a2;    /*  9.66:1 */
  --norel-brand-3:#ddd2be;    /* 12.48:1 */
  --norel-brand-hover:#c6b9a2;
  --norel-brand-soft:#4a4132;
  --norel-brand-faint:rgba(168,154,131,.14);
  --norel-on-brand:#15120e;   /*  6.77:1 على التعبئة */
  --norel-shadow:0 18px 44px rgba(0,0,0,.55);

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

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

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

  /* ══ متغيرات الصفحة الرئيسية ══ */
  --nl-bg:var(--norel-canvas)!important;
  --nl-surface:var(--norel-surface)!important;
  --nl-surface-2:var(--norel-surface-soft)!important;
  --nl-surface-3:var(--norel-surface-warm)!important;
  --nl-line:var(--norel-line)!important;
  --nl-hair:#2b251d!important;
  --nl-text:var(--norel-ink)!important;
  --nl-muted:var(--norel-ink-soft)!important;
  --nl-faint:var(--norel-faint)!important;
  --nl-brand:var(--norel-brand)!important;
  --nl-brand-2:var(--norel-brand-2)!important;
  --nl-brand-3:var(--norel-brand-3)!important;
  --nl-brand-fill:var(--norel-brand)!important;
  --nl-brand-soft:var(--norel-brand-soft)!important;
  --nl-on-brand:var(--norel-on-brand)!important;
  --nl-brand-dim:var(--norel-brand-faint)!important;
  --nl-green:var(--norel-green)!important;
  --nl-gold:var(--norel-gold)!important;
  --nl-red:var(--norel-red)!important;
  --nl-blue:var(--norel-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(--norel-canvas)!important;color:var(--norel-ink)!important}
body{background-image:
  radial-gradient(760px 520px at 84% -8%,rgba(168,154,131,.10),transparent 64%),
  radial-gradient(620px 460px at 6% 26%,rgba(168,154,131,.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(--norel-surface)!important;
  border-color:var(--norel-line)!important;
  color:var(--norel-ink)!important}

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

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

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

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

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

/* ══ حارس: لا نص أبيض على سطح فاتح ══ */
.store-luxe,.store-main,.store-luxe-hero{background:transparent!important;color:var(--norel-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:#15120e !important;color:#15120e !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 المضمّنة في الصفحة الرئيسية ── */
.norel-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:#9c907d;
  --chart-s1:#c6b9a2;              /* السلسلة 1 — رملي */
  --chart-s1-fill:rgba(198,185,162,.16);
  --chart-s2:#7fd3ac;              /* السلسلة 2 — أخضر */
  --chart-s2-fill:rgba(127,211,172,.13);
  --chart-surface:rgba(38,33,26,.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:#3d362b !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:#15120e !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:#26211a !important;border-color:#3d362b !important}
.leaves>i{color:var(--chart-s2) !important;background:#26211a !important;border-color:#3d362b !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}