/* ══════════════════════════════════════════════════════════════
   ياكوزا — قشرة لوحة التحكم بستايل الموقع الجديد (ورق وحبر)
   طبقة تغطية كاملة فوق ستايل اللوحة القديم — ما بتلمس ولا سطر منطق.
   ══════════════════════════════════════════════════════════════ */
:root{
  --paper:#EFE8D8; --paper2:#FFFDF7; --ink:#141210; --ink2:#3f3a32;
  --red:#C4161F; --red2:#e8452e; --line:rgba(20,18,16,.13);
  --bg-deep:#EFE8D8; --neon-cyan:#C4161F; --luxury-gold:#C4161F;
  --glass-bg:rgba(255,253,247,.65); --vip-pink:#C4161F; --vip-purple:#a91018;
}
*{font-family:'Almarai',sans-serif}
body{background:var(--paper)!important;color:var(--ink)!important}

/* ── يشيل كل بقايا النيون والتوهج ── */
body *,body *::before,body *::after{text-shadow:none!important}
.product-card,.p-section,.calc-tool,.ref-box,.empty-state,.yak-v3-card,
.stat-box,.tab-content>div{box-shadow:0 10px 28px rgba(20,18,16,.08)!important}

/* ══ القائمة الجانبية ══ */
.sidebar{background:var(--paper2)!important;border-inline-end:1px solid var(--line)!important;
box-shadow:0 0 40px rgba(20,18,16,.06)!important;backdrop-filter:none!important}
.sidebar-logo{border-bottom:1px solid var(--line)!important;background:transparent!important}
.sidebar-logo h2{font-family:'Noto Kufi Arabic',sans-serif!important;color:var(--red)!important;
letter-spacing:2px!important;font-size:19px!important}
.sidebar.collapsed .sidebar-logo::after{color:var(--red)!important;
font-family:'Noto Kufi Arabic',sans-serif!important}
.nav-item{color:var(--ink2)!important;border-inline-start:4px solid transparent!important;
font-weight:700!important;font-size:1rem!important}
.nav-item:hover,.nav-item.active{background:rgba(196,22,31,.07)!important;color:var(--red)!important;
border-inline-start:4px solid var(--red)!important}
.logout-btn{color:var(--red)!important;border-top:1px solid var(--line)!important}
.logout-btn:hover{background:rgba(196,22,31,.07)!important}

/* ══ المحتوى ══ */
.main-content{background:transparent!important}
.header-panel{border-bottom:1px solid var(--line)!important}
.sidebar-toggle-btn{background:rgba(255,253,247,.8)!important;border:1px solid var(--line)!important;
color:var(--ink)!important;border-radius:12px!important}
.sidebar-toggle-btn:hover{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important}
.user-welcome h1{font-family:'Noto Kufi Arabic',sans-serif!important;color:var(--ink2)!important;
font-weight:800!important;letter-spacing:0!important}
.user-welcome span.name{color:var(--ink)!important}
.rank-badge{background:rgba(196,22,31,.08)!important;border:1px solid rgba(196,22,31,.35)!important;
color:var(--red)!important;font-weight:800!important}

/* ══ عناوين الأقسام ══ */
h1,h2,h3,h4{font-family:'Noto Kufi Arabic',sans-serif!important}
h2,h3{color:var(--ink)!important}
h2 span,h3 span{color:var(--red)!important}

/* ══ الكروت ══ */
.product-card,.calc-tool,.ref-box,.empty-state,.p-section,.yak-v3-card{
background:var(--paper2)!important;border:1px solid var(--line)!important;
border-radius:16px!important;backdrop-filter:none!important;color:var(--ink)!important}
.product-card:hover,.yak-v3-card:hover{transform:translateY(-6px)!important;
border-color:rgba(196,22,31,.4)!important;box-shadow:0 18px 44px rgba(20,18,16,.13)!important}
.product-card h3,.yak-v3-title{color:var(--ink)!important}
.product-card p,.p-section p,.yak-v3-meta-row{color:var(--ink2)!important}
.product-img,.yak-v3-header-img{border:1px solid var(--line)!important;border-radius:12px!important}
.empty-state,.ref-box{border:1px dashed rgba(196,22,31,.35)!important;
background:rgba(196,22,31,.04)!important}
.empty-state h2{color:var(--red)!important}

/* بطاقات الأدوات الملوّنة → كلها بهوية واحدة */
.yak-v3-card.theme-signals,.yak-v3-card.theme-tools,.yak-v3-card.theme-books{
border-color:var(--line)!important;box-shadow:0 10px 28px rgba(20,18,16,.08)!important}
.yak-v3-card .yak-v3-cat{background:rgba(196,22,31,.08)!important;color:var(--red)!important;
border:1px solid rgba(196,22,31,.3)!important;backdrop-filter:none!important}

/* ══ الأزرار ══ */
.btn-access,.calc-btn,.yak-v3-btn,.p-btn-gold,.reward-btn{
background:var(--red)!important;color:#fff!important;border:1.5px solid transparent!important;
border-radius:24px!important;font-weight:700!important;
box-shadow:none!important;filter:none!important;transition:transform .2s,background .2s!important}
.btn-access:hover,.calc-btn:hover,.yak-v3-btn:hover,.p-btn-gold:hover,.reward-btn:hover{
background:#a91018!important;color:#fff!important;transform:translateY(-2px)!important;
box-shadow:none!important;filter:none!important}
.calc-btn:disabled{background:rgba(20,18,16,.15)!important;color:var(--ink2)!important}
.p-copy-btn{background:transparent!important;border:1.5px solid var(--line)!important;
color:var(--ink)!important;border-radius:20px!important}
.p-copy-btn:hover{border-color:var(--red)!important;color:var(--red)!important}

/* ══ الحقول ══ */
.calc-input,.ticket-input,.p-input,input[type=text],input[type=email],
input[type=number],input[type=password],textarea,select{
background:rgba(255,255,255,.75)!important;border:1.5px solid rgba(20,18,16,.2)!important;
color:var(--ink)!important;border-radius:12px!important;font-family:'Almarai',sans-serif!important}
.calc-input:focus,.ticket-input:focus,.p-input:focus,
input:focus,textarea:focus,select:focus{border-color:var(--red)!important;box-shadow:none!important}
input[type=file].calc-input{border:1.5px dashed rgba(196,22,31,.45)!important;color:var(--red)!important}
.calc-result{background:rgba(196,22,31,.06)!important;color:var(--ink)!important;
border-inline-start:4px solid var(--red)!important;border-radius:12px!important}

/* ══ الجداول ══ */
table{color:var(--ink)!important}
table th,.partner-table th{color:var(--ink2)!important;
border-bottom:1px solid var(--line)!important;font-weight:800!important}
table td,.partner-table td{border-bottom:1px solid rgba(20,18,16,.07)!important;color:var(--ink)!important}
table tr:nth-child(even) td{background:rgba(255,253,247,.5)!important}

/* ══ الروابط والشارات ══ */
a{color:var(--red)}
.ref-link{background:rgba(20,18,16,.05)!important;color:var(--ink)!important;
border:1px solid var(--line)!important;border-radius:12px!important;
font-family:'Noto Kufi Arabic',sans-serif!important}
.badge{border-radius:14px!important;font-weight:800!important}

/* ══ التبويبات ══ */
.tab-content{animation:none!important}

/* ══ شريط الأسعار العلوي ══ */
.ticker-wrap,.header-tickers,#header_tickers{
background:var(--paper2)!important;border-bottom:1px solid var(--line)!important;
color:var(--ink)!important}

/* ══ الموبايل ══ */
@media(max-width:768px){
  .sidebar{border-bottom:1px solid var(--line)!important;border-inline-end:none!important}
  .nav-item:hover,.nav-item.active{border-inline-start:none!important;
  border-bottom:3px solid var(--red)!important;background:rgba(196,22,31,.06)!important}
}

/* ══ بوب أب SweetAlert بستايل البراند ══ */
.swal2-popup{background:var(--paper)!important;color:var(--ink)!important;border-radius:18px!important}
.swal2-title,.swal2-html-container{color:var(--ink)!important}
.swal2-confirm{background:var(--red)!important;border-radius:24px!important}

/* ══════════════════════════════════════════════════════════════
   تحسينات الوضوح — تباين أقوى، مسافات أريح، تسلسل بصري واضح
   ══════════════════════════════════════════════════════════════ */

/* ── النصوص الثانوية: كانت باهتة لدرجة ما بتنقرا ── */
.yak-v3-meta-row,.yak-v3-meta-row *,
.product-card p,.p-section p,.stats span,
small,.muted,[style*="color:#a0aec0"],[style*="color: #a0aec0"],
[style*="color:#666"],[style*="color: #666"],
[style*="color:#888"],[style*="color: #888"],
[style*="color:#ccc"],[style*="color: #ccc"],
[style*="color:#475569"],[style*="color: #475569"],
[style*="color:#cfc6ae"],[style*="color: #cfc6ae"]{color:var(--ink2)!important;opacity:1!important}

/* التواريخ والأرقام الفنية — واضحة وبخط ثابت العرض */
.yak-v3-meta-row{font-size:.85rem!important;font-weight:600!important;
padding-bottom:14px!important;border-bottom:1px solid var(--line)!important;
display:flex!important;flex-direction:column!important;gap:6px!important;align-items:stretch!important}

/* ── الكروت: مسافات أوسع وحواف أنعم ── */
.yak-v3-card{border-radius:18px!important;overflow:hidden!important}
.yak-v3-body{padding:22px 20px 20px!important;gap:4px!important}
.yak-v3-title{font-size:1.12rem!important;line-height:1.6!important;margin-bottom:12px!important;
color:var(--ink)!important}
.yak-v3-header-img{height:150px!important;border-radius:0!important;
border-bottom:1px solid var(--line)!important}

/* ── الأزرار: أوضح وأريح للكبس ── */
.btn-access,.calc-btn,.yak-v3-btn,.p-btn-gold,.reward-btn{
padding:13px 24px!important;font-size:.98rem!important;letter-spacing:0!important}
.yak-v3-btn{margin-top:16px!important}

/* ── العناوين: تسلسل واضح ── */
.user-welcome h1{font-size:1.9rem!important;line-height:1.5!important}
h2{font-size:1.45rem!important;line-height:1.7!important;margin-bottom:6px!important}
h3{font-size:1.08rem!important;line-height:1.7!important}
.tab-content>.wrap-title,.tab-content h2{border-bottom:none!important;padding-bottom:0!important}

/* ── حالة الترخيص: أخضر مقروء بدل الفاقع ── */
[style*="#79b56a"],[style*="#00ff88"]{color:#3f7a3a!important}
.badge{padding:5px 14px!important;font-size:.8rem!important}

/* ── الشبكة: مسافات أوسع ── */
.grid-container,.yak-v3-asset-grid{gap:22px!important}
.content-padding{padding:32px!important}
@media(max-width:768px){.content-padding{padding:18px!important}}

/* ── القائمة الجانبية: أوضح ── */
.nav-item{padding:15px 24px!important}
.sidebar-logo h2{font-size:20px!important;letter-spacing:3px!important}

/* ── الجداول: صفوف أريح ── */
table td,table th,.partner-table td,.partner-table th{padding:14px 16px!important;font-size:.92rem!important}

/* ── شريط الحالة العلوي ── */
[style*="rgba(0,255,136"],[style*="rgba(0, 255, 136"]{
background:rgba(63,122,58,.08)!important;border-color:rgba(63,122,58,.3)!important}

/* ══ إصلاحات تباين نهائية — كل نص لازم يكون مقروء ══ */

/* نص الأزرار: أبيض دايماً مهما كان الستايل الداخلي */
.btn-access,.yak-v3-btn,.calc-btn,.p-btn-gold,.reward-btn,
.btn-access *,.yak-v3-btn *,.calc-btn *{color:#fff!important}

/* شارات ورؤوس الأقسام الذهبية القديمة → هوية البراند */
[style*="#E1B530"],[style*="#e1b530"],[style*="#ffc800"],[style*="#FFC800"],
[style*="#fde047"],[style*="#c9a227"]{color:var(--red)!important}
[style*="linear-gradient(90deg,#E1B530"],[style*="linear-gradient(135deg,#C9A84C"]{
background:var(--red)!important}

/* الكتل الغامقة المتبقية (بانر التوصيات) → ورق فاتح */
[style*="rgba(20,18,16,0.85)"],[style*="rgba(20,18,16,.85)"],
[style*="rgba(26,22,18"],[style*="rgba(30,26,22"]{
background:var(--paper2)!important;color:var(--ink)!important;
border:1px solid var(--line)!important}

/* العدّاد الكبير */
#lic-countdown{color:var(--red)!important;font-family:'Noto Kufi Arabic',sans-serif!important}

/* حالات الاتصال الخضرا → أخضر مقروء */
[style*="#79b56a"],[style*="#3f7a3a"]{color:#3f7a3a!important;font-weight:700!important}

/* أي نص فاتح جداً على خلفية فاتحة */
[style*="color:#fff"],[style*="color: #fff"],
[style*="color:#ffffff"],[style*="color: #ffffff"]{color:var(--ink)!important}
/* ...إلا جوا الأزرار الحمرا والكتل الغامقة المقصودة */
.btn-access [style*="color:#fff"],.yak-v3-btn [style*="color:#fff"],
.vipbig *,.dark *{color:inherit!important}

/* التواريخ والأرقام الفنية */
.yak-v3-meta-row b,.yak-v3-meta-row strong{color:var(--ink)!important;font-weight:800!important}

/* ── جرس الإشعارات: أيقونة SVG بلون البراند ── */
.yak-base-bell-container{position:relative!important;display:flex!important;
align-items:center!important;justify-content:center!important;cursor:pointer!important;
background:rgba(196,22,31,.06)!important;border:1px solid rgba(196,22,31,.25)!important;
transition:background .2s,border-color .2s!important}
.yak-base-bell-container:hover{background:rgba(196,22,31,.12)!important;
border-color:rgba(196,22,31,.5)!important}
.yak-bell-icon-inner{color:var(--red)!important}
.yak-bell-badge{background:var(--red)!important;box-shadow:none!important;
border:2px solid var(--paper)!important;width:19px!important;height:19px!important}

/* ══════════════════════════════════════════════════════════════
   توحيد الهوية النهائي — لون واحد للبراند، ممنوع تلوين حسب التصنيف
   الورق والحبر والأحمر. لا أخضر، لا ذهبي، لا أصفر.
   ══════════════════════════════════════════════════════════════ */

/* ── كروت القبو: عناوين ونصوص بلون الحبر مهما كان تصنيفها ── */
.yak-v3-card h3,.yak-v3-card .yak-v3-title,
.yak-v3-card h3 *,.yak-v3-title *{color:var(--ink)!important}
.yak-v3-card .yak-v3-meta-row,.yak-v3-card .yak-v3-meta-row *{color:var(--ink2)!important}
.yak-v3-card .yak-v3-meta-row b,.yak-v3-card .yak-v3-meta-row strong{color:var(--ink)!important}

/* ── كل الأزرار: أحمر البراند ونص أبيض — بلا استثناء ── */
.yak-v3-btn,.yak-v3-btn *,
a[class*="btn"],a[class*="btn"] *,
button[class*="btn"],button[class*="btn"] *{color:#fff!important}
.yak-v3-btn{background:var(--red)!important;border:0!important}
/* استثناء: زر الخروج خلفيتو شفافة — أبيض عالورق = مخفي */
.sidebar .logout-btn,.sidebar .logout-btn *{color:var(--red)!important}

/* ── لوغو اللوحة = هوية هيدر الموقع: تنين + ووردمارك ── */
.sidebar-logo{display:flex!important;align-items:center;justify-content:center;gap:10px}
.sidebar-logo .sl-mark{height:44px;width:auto;display:block}
.sidebar-logo .sl-word{height:22px;width:auto;display:block}
.sidebar.collapsed .sidebar-logo .sl-word{display:none}
.sidebar.collapsed .sidebar-logo .sl-mark{height:36px}
.sidebar.collapsed .sidebar-logo::after{content:none!important}
@media(max-width:768px){
  .sidebar-logo .sl-mark{height:36px}
  .sidebar-logo .sl-word{height:19px}
  .dash-nav-links{cursor:grab;user-select:none;-webkit-user-select:none}
  .dash-nav-links:active{cursor:grabbing}
}

/* ── شارات التصنيف: هوية واحدة ── */
.yak-v3-cat,.yak-v3-card .yak-v3-cat{background:rgba(196,22,31,.08)!important;
color:var(--red)!important;border:1px solid rgba(196,22,31,.3)!important}

/* ── حدود الكروت: خط واحد موحّد ── */
.yak-v3-card,.yak-v3-card.theme-books,.yak-v3-card.theme-tools,.yak-v3-card.theme-signals{
border:1px solid var(--line)!important;box-shadow:0 10px 28px rgba(20,18,16,.08)!important}
.yak-v3-card:hover{border-color:rgba(196,22,31,.4)!important}

/* ── بانر الباقة النشطة: كرت حبر غامق نظيف بدل التدرج الذهبي ── */
.yak-lic-banner,[style*="linear-gradient"][style*="ffc800"],
[style*="linear-gradient"][style*="ff6600"]{
background:var(--ink)!important;border:0!important}
#lic-countdown{color:var(--paper)!important;text-shadow:none!important}

/* ── صندوق الترخيص النشط: ورق نظيف بدل الأخضر ── */
[style*="rgba(0,255,136"],[style*="rgba(0, 255, 136"],
[style*="rgba(121,181,106"],[style*="rgba(63,122,58"]{
background:rgba(255,253,247,.7)!important;border:1px solid var(--line)!important}

/* ── أي نص أخضر أو ذهبي متبقٍ → حبر ── */
[style*="#79b56a"],[style*="#3f7a3a"],[style*="#00ff88"],
[style*="#E1B530"],[style*="#e1b530"],[style*="#ffc800"],
[style*="#fde047"],[style*="#c9a227"],[style*="#C9A84C"]{color:var(--ink)!important}
/* الحالة النشطة: أحمر البراند مع نقطة */
.lic-active,.status-active{color:var(--red)!important;font-weight:800!important}

/* ── شريط التقدّم ── */
[style*="height:3px"][style*="linear-gradient"]{background:var(--red)!important}

/* ── لوغو اللوحة: رابط للرئيسية ── */
.sidebar-logo{cursor:pointer!important;text-decoration:none!important;transition:opacity .2s}
.sidebar-logo:hover{opacity:.75}

/* ══════════════════════════════════════════════════════════════
   قسم الشراكة والولاء — توحيد كامل على هوية البراند
   ══════════════════════════════════════════════════════════════ */
#referral,#referral *{color:var(--ink)}
#referral .p-section,
#referral [style*="background:linear-gradient"],
#referral [style*="background: linear-gradient"],
#referral [style*="rgba(6,16,36"],#referral [style*="rgba(0,5,20"],
#referral [style*="rgba(0,10,30"],#referral [style*="rgba(10,5,30"],
#referral [style*="rgba(5,2,20"],#referral [style*="#0b1220"],
#referral [style*="#060f24"]{
background:var(--paper2)!important;border:1px solid var(--line)!important;
border-radius:16px!important;color:var(--ink)!important;box-shadow:none!important}

/* العناوين والنصوص */
#referral h2,#referral h3,#referral h4{color:var(--ink)!important}
#referral p,#referral span,#referral small,#referral li{color:var(--ink2)!important}

/* الأزرار: أحمر البراند — والثانوية شفافة بإطار */
#referral button,#referral a[class*="btn"],#referral .p-btn-gold,
#referral [style*="background:linear-gradient(90deg"]{
background:var(--red)!important;color:#fff!important;border:0!important;
border-radius:24px!important;box-shadow:none!important;font-weight:700!important}
#referral button *,#referral a[class*="btn"] *{color:#fff!important}
/* تليجرام وواتساب: ثانوية بإطار */
#referral a[href*="t.me"],#referral a[href*="wa.me"],
#referral a[href*="whatsapp"],#referral a[href*="telegram"]{
background:transparent!important;color:var(--ink)!important;
border:1.5px solid var(--line)!important;border-radius:24px!important;font-weight:700!important}
#referral a[href*="t.me"]:hover,#referral a[href*="wa.me"]:hover,
#referral a[href*="whatsapp"]:hover,#referral a[href*="telegram"]:hover{
border-color:var(--red)!important;color:var(--red)!important}

/* صندوق الكود والرابط */
#referral .ref-link,#referral [style*="letter-spacing"]{
background:rgba(20,18,16,.05)!important;color:var(--ink)!important;
border:1px solid var(--line)!important;border-radius:12px!important}

/* الشارات (عمولة / ارتق للرتبة) */
#referral .badge,#referral [style*="border-radius:6px"],
#referral [style*="border-radius: 6px"]{
background:rgba(196,22,31,.08)!important;color:var(--red)!important;
border:1px solid rgba(196,22,31,.3)!important;border-radius:14px!important}

/* أرقام الخطوات */
#referral [style*="border-radius:50%"]{background:var(--red)!important;color:#fff!important}

/* الجداول */
#referral .partner-table th{color:var(--ink2)!important}
#referral .partner-table td{color:var(--ink)!important}

/* ══ نفس المعالجة لباقي التبويبات الغامقة ══ */
#support .p-section,#settings .p-section,#wallet_history .p-section,
#overview .p-section,#vault .p-section{
background:var(--paper2)!important;border:1px solid var(--line)!important;color:var(--ink)!important}

/* ══ حسم نهائي لقسم الشراكة: كل شي ورق وحبر، والأزرار حمرا ══ */
#referral,#referral div,#referral section,#referral article{
background-color:transparent!important;background-image:none!important}
#referral .p-section{background-color:var(--paper2)!important;
border:1px solid var(--line)!important;border-radius:16px!important}
#referral .p-section .p-section,
#referral .p-section > div{background-color:transparent!important}
/* الصناديق الداخلية (خطوات / رابط) */
#referral .p-step,#referral .p-row,
#referral [style*="border-radius:10px"],#referral [style*="border-radius: 10px"],
#referral [style*="border-radius:12px"],#referral [style*="border-radius: 12px"]{
background-color:rgba(20,18,16,.04)!important;border:1px solid var(--line)!important}
/* كل النصوص */
#referral *{color:var(--ink)!important;text-shadow:none!important}
#referral p,#referral small,#referral .muted{color:var(--ink2)!important}
/* الأزرار الرئيسية */
#referral button,#referral .p-btn-gold,
#referral a[onclick],#referral [class*="copy"]{
background-color:var(--red)!important;background-image:none!important;
color:#fff!important;border:0!important;border-radius:24px!important;
font-weight:700!important;padding:13px 24px!important}
#referral button *,#referral .p-btn-gold *,#referral [class*="copy"] *{color:#fff!important}
/* أزرار المشاركة: ثانوية */
#referral a[href*="t.me"],#referral a[href*="wa.me"],#referral a[href*="whatsapp"]{
background-color:transparent!important;background-image:none!important;
color:var(--ink)!important;border:1.5px solid var(--line)!important;border-radius:24px!important}
#referral a[href*="t.me"]:hover,#referral a[href*="wa.me"]:hover{
border-color:var(--red)!important;color:var(--red)!important}
/* صندوق الكود */
#referral .ref-link,#referral [style*="letter-spacing"]{
background-color:rgba(20,18,16,.05)!important;color:var(--ink)!important;
border:1px solid var(--line)!important}
/* الشارات وأرقام الخطوات */
#referral .badge,#referral [style*="border-radius:50%"]{
background-color:var(--red)!important;color:#fff!important;border:0!important}
#referral .badge *{color:#fff!important}

/* زر «انسخ الرابط» — أحمر البراند (كان بينزل تحت قاعدة الشفافية العامة) */
#referral .p-btn-gold,#referral button.p-btn-gold,
#referral button[onclick*="copy"],#referral button[onclick*="Copy"],
#referral button[onclick*="clipboard"]{
background-color:var(--red)!important;background-image:none!important;color:#fff!important;
border:0!important;border-radius:24px!important;font-weight:800!important}
#referral .p-btn-gold:hover,#referral button[onclick*="clipboard"]:hover{
background-color:#a91018!important}

/* ══════════════════════════════════════════════════════════════
   قسم التراخيص — كرتين جنب بعض بدل بانرين عرضيين معجوقين
   ولون واحد: ورق وحبر وأحمر. لا ذهبي ولا أخضر ولا تدرجات.
   ══════════════════════════════════════════════════════════════ */
#vault{--gap:18px}

/* البانر العرضي الذهبي → كرت ورقي نظيف */
#vault [style*="linear-gradient"]{
background-color:var(--paper2)!important;background-image:none!important;
border:1px solid var(--line)!important;border-radius:18px!important;
box-shadow:0 10px 28px rgba(20,18,16,.07)!important;color:var(--ink)!important}
#vault [style*="linear-gradient"] *{color:var(--ink)!important;text-shadow:none!important}

/* صندوق الترخيص الأخضر → كرت ورقي */
#vault [style*="rgba(0,255,136"],#vault [style*="rgba(121,181,106"],
#vault [style*="rgba(63,122,58"],#vault [style*="#e8f5e9"],
#vault [style*="d9ead3"]{
background-color:var(--paper2)!important;border:1px solid var(--line)!important;
border-radius:18px!important;color:var(--ink)!important}

/* العدّاد: حبر غامق ومقروء بدل الأصفر الفاقع */
#lic-countdown{color:var(--ink)!important;font-size:26px!important;
letter-spacing:0!important;text-shadow:none!important}

/* عناوين الكروت */
#vault h2,#vault h3,#vault h4{color:var(--ink)!important}
#vault p,#vault span,#vault small{color:var(--ink2)!important}
/* الحالة النشطة: أحمر البراند */
#vault [style*="color:#3f7a3a"],#vault [style*="color:#79b56a"],
#vault [style*="ترخيصك"]{color:var(--ink)!important}

/* الأزرار داخل التراخيص */
#vault a[class*="btn"],#vault button{
background-color:var(--red)!important;background-image:none!important;
color:#fff!important;border:0!important;border-radius:24px!important;font-weight:700!important}
#vault a[class*="btn"] *,#vault button *{color:#fff!important}

/* شريط التقدّم العلوي */
#vault [style*="height:3px"]{background-color:var(--red)!important;background-image:none!important}


/* ══════════════════════════════════════════════════════════════
   كرت الترخيص — مبني نظيف (مش تغطية): مدمج، مرتب، لونين وبس
   ══════════════════════════════════════════════════════════════ */
.yk-lic{position:relative;overflow:hidden;
background:var(--paper2)!important;border:1px solid var(--line)!important;
border-radius:18px!important;padding:22px 24px!important;margin-bottom:24px!important;
box-shadow:0 10px 28px rgba(20,18,16,.07)!important;max-width:720px}
.yk-lic-bar{position:absolute;top:0;inset-inline-start:0;height:3px;
background:var(--red);border-radius:0 0 3px 0}
.yk-lic-top{display:flex;justify-content:space-between;align-items:center;
flex-wrap:wrap;gap:16px}
.yk-lic-kicker{font-size:.72rem;font-weight:800;letter-spacing:1.5px;
color:var(--red)!important;margin-bottom:6px;text-transform:uppercase}
.yk-lic-name{font-family:'Noto Kufi Arabic',sans-serif!important;
font-size:1.32rem!important;font-weight:800!important;color:var(--ink)!important;line-height:1.5}
.yk-lic-sub{font-size:.78rem;color:var(--ink2)!important;margin-top:5px}
.yk-lic-count{text-align:center}
#lic-countdown{font-family:'Noto Kufi Arabic',sans-serif!important;
font-size:1.45rem!important;font-weight:800!important;color:var(--ink)!important;
letter-spacing:0!important;text-shadow:none!important;line-height:1.3}
.yk-lic-days{font-size:.78rem;color:var(--ink2)!important;margin-top:4px}
.yk-lic-tg{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);
display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.yk-dot{width:8px;height:8px;border-radius:50%;background:var(--red);
display:inline-block;box-shadow:none}
.yk-ok{color:var(--ink)!important;font-weight:700;font-size:.9rem}
.yk-lic-link{margin-inline-start:auto;background:transparent!important;
border:1.5px solid var(--line)!important;color:var(--ink)!important;
padding:8px 18px!important;border-radius:20px!important;text-decoration:none;
font-size:.86rem;font-weight:700;transition:border-color .2s,color .2s}
.yk-lic-link:hover{border-color:var(--red)!important;color:var(--red)!important}
@media(max-width:640px){
  .yk-lic{padding:18px!important}
  .yk-lic-top{flex-direction:column;align-items:flex-start}
  .yk-lic-count{text-align:start}
}

/* ══ الصندوق الأخضر (حالة الترخيص) → كرت ورقي مدمج ══ */
#vault [style*="background:#e8f5e9"],#vault [style*="background: #e8f5e9"],
#vault [style*="d9ead3"],#vault [style*="rgba(121,181,106"],
#vault [style*="rgba(63,122,58"],#vault [style*="rgba(0,255,136"],
#vault > div[style*="border"][style*="padding"]:not(.yk-lic){
background-color:var(--paper2)!important;background-image:none!important;
border:1px solid var(--line)!important;border-radius:18px!important;
color:var(--ink)!important;max-width:720px;padding:20px 24px!important}
#vault [style*="e8f5e9"] *,#vault [style*="d9ead3"] *{color:var(--ink)!important}
/* عنوان الحالة: أحمر البراند */
#vault h3[style*="79b56a"],#vault [style*="color:#3f7a3a"],
#vault strong[style*="79b56a"]{color:var(--red)!important}

/* تثبيت كرت الترخيص فوق أي قاعدة سابقة */
.yk-lic{background-color:var(--paper2)!important;background-image:none!important;
border:1px solid var(--line)!important;border-radius:18px!important;
padding:22px 24px!important;box-shadow:0 10px 28px rgba(20,18,16,.07)!important}

/* ══ شريط الحالة العلوي (ترسانتك جاهزة) → ورق نظيف ══ */
#overview > div:first-child,
#overview [style*="background:rgba(0,255"],#overview [style*="background: rgba(0,255"],
#overview [style*="e8f5e9"],#overview [style*="d9ead3"],
#overview [style*="rgba(121,181,106"],#overview [style*="rgba(63,122,58"]{
background-color:var(--paper2)!important;background-image:none!important;
border:1px solid var(--line)!important;border-radius:16px!important;color:var(--ink)!important}
#overview > div:first-child h3,#overview > div:first-child strong{color:var(--ink)!important}
#overview > div:first-child p,#overview > div:first-child span{color:var(--ink2)!important}
/* زر تصفح VIP */
#overview a[href*="vip"]{background-color:var(--red)!important;background-image:none!important;
color:#fff!important;border:0!important;border-radius:24px!important;font-weight:700!important;
padding:11px 22px!important}

/* ══════════════════════════════════════════════════════════════
   إصلاح السكرول عالموبايل (2026-08-09)
   المشكلة: .main-content كان { height:100vh; overflow-y:auto } وقاعدة
   الموبايل ما ألغتها — فصار بالصفحة سكرولرين فوق بعض: الصندوق الداخلي
   والصفحة نفسها. السحبة الوحدة كانت تمشّي الداخلي، توصل لآخرو، وتقفز
   عالخارجي → الاهتزاز والرجوع لورا يلي بالفيديو. كمان 100vh عالموبايل
   أطول من الشاشة الحقيقية فآخر المحتوى بيضل مخبّى تحت شريط المتصفح.
   الحل: سكرولر واحد بس = الصفحة، وشريط التبويبات بيتثبّت بـ sticky.
   ══════════════════════════════════════════════════════════════ */
@media(max-width:768px){
  .main-content{height:auto!important;min-height:0!important;overflow:visible!important}
  .page-wrapper{min-height:0!important}
  /* الشريط بيضل فوق متل ما هو — بس الآن كجزء من سكرول الصفحة، بلا صندوق داخلي */
  .sidebar{position:sticky!important;top:0!important;height:auto!important;
  z-index:900!important;background:var(--paper2)!important;
  box-shadow:0 6px 18px rgba(20,18,16,.10)!important}
  /* سحب التبويبات بالعرض ما بيسحب معو الصفحة ولا بيرجّع لورا بالمتصفح */
  .dash-nav-links{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
  overflow-y:hidden!important;scrollbar-width:none}
  /* الجداول العريضة: نفس القاعدة */
  [style*="overflow-x: auto"],[style*="overflow-x:auto"]{overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch}
}


/* ═══════════════════════════════════════════════════════════════
   2026-09-08 — تكملة الصبغ: الكروت السودا اللي ضلّت جوّا التبويبات
   (روبوت VIP، الشراكة، المحفظة، الدعم). نفس أسلوب الملف: تغطية
   بمُحدِّدات السمة فوق الستايلات inline — ما بيلمس ولا سطر منطق.
   قاعدة الكرت: خلفية rgba(255,253,247,.85) · حد --line · نص --ink
   ═══════════════════════════════════════════════════════════════ */

/* خلفيات سودا/زجاج أسود inline → كرت ورق */
[style*="background:rgba(0,0,0"],[style*="background: rgba(0,0,0"],[style*="background: rgba(0, 0, 0"],
[style*="background:rgba(255,255,255,.0"],[style*="background: rgba(255,255,255,0.0"],[style*="background:rgba(255,255,255,.06"],
[style*="background: #020617"],[style*="background:#020617"],
[style*="rgba(0,0,0,0.8))"],[style*="rgba(10,15,30"],[style*="rgba(5,10,20"],[style*="rgba(5,10,25"],[style*="rgba(6,16,36"]{
  background:rgba(255,253,247,.85)!important;
  border-color:var(--line)!important;
  color:var(--ink)!important;
  box-shadow:0 6px 18px rgba(20,18,16,.06)!important;
}
/* حدود بيضا شفافة (كانت لخلفية سودا) → خط الورق */
[style*="border:1px solid rgba(255,255,255"],[style*="border: 1px solid rgba(255,255,255"],
[style*="border-top:1px solid rgba(255,255,255"],[style*="border-bottom:1px solid rgba(255,255,255"],
[style*="border-bottom: 1px solid rgba(255,255,255"],[style*="border-bottom: 1px dashed rgba(255,255,255"]{
  border-color:var(--line)!important;
}
/* نصوص رمادية للثيم الأسود → حبر باهت */
[style*="color:#64748b"],[style*="color: #64748b"],[style*="color:#cbd5e1"],[style*="color: #cbd5e1"],
[style*="color:#94a3b8"],[style*="color: #94a3b8"],[style*="color:#e2e8f0"],[style*="color: #e2e8f0"]{color:var(--ink2)!important}
/* حقول الإدخال inline السودا (إعدادات روبوت VIP) */
[style*="background:rgba(0,0,0,.4)"][style*="color:#fff"],[style*="background:rgba(0,0,0,0.4)"][style*="color:#fff"]{
  background:#fff!important;color:var(--ink)!important;border:1px solid rgba(20,18,16,.18)!important;
}
/* شريط تقدّم أزرق/أحمر → أحمر الهوية */
[style*="linear-gradient(90deg, #e8452e, #0284c7)"]{background:linear-gradient(90deg,#C4161F,#e8452e)!important}

/* ── تبويب الشراكة: كلاسات الثيم الأسود ── */
.p-stat-card,.p-section,.p-copy-link,.reward-card{
  background:rgba(255,253,247,.85)!important;border:1px solid var(--line)!important;
  box-shadow:0 6px 18px rgba(20,18,16,.06)!important;
}
.p-stat-card::before{opacity:.12!important}
.p-stat-card.gold::before{background:var(--red)!important}
.p-stat-lbl,.p-stat-sub,.reward-meta,.reward-btn.locked{color:var(--ink2)!important}
.p-stat-val,.reward-name,.p-section h3{color:var(--ink)!important}
.p-rank-bar-wrap,.reward-bar-wrap{background:rgba(20,18,16,.08)!important}
.p-rank-bar-fill{background:linear-gradient(90deg,#C4161F,#e8452e)!important}
.p-input{background:#fff!important;color:var(--ink)!important;border:1px solid rgba(20,18,16,.18)!important}
.p-btn-gold,.reward-btn.open{background:var(--red)!important;color:#fff!important;border-radius:24px!important}
.p-btn-gold:hover,.reward-btn.open:hover{box-shadow:0 8px 20px rgba(196,22,31,.3)!important}
.p-btn-gold:disabled{background:rgba(20,18,16,.12)!important;color:var(--ink2)!important}
.p-badge-pend{background:rgba(196,22,31,.10)!important;color:var(--red)!important;border-color:rgba(196,22,31,.33)!important}
.p-badge-t2{background:rgba(20,18,16,.06)!important;color:var(--ink)!important;border-color:var(--line)!important}
.p-timeline-item{border-bottom:1px solid var(--line)!important}
.p-copy-btn{color:var(--red)!important;border-color:rgba(196,22,31,.3)!important;background:rgba(196,22,31,.06)!important}
.p-copy-btn:hover{background:var(--red)!important;color:#fff!important}
.reward-card.unlocked{border-color:rgba(196,22,31,.5)!important;box-shadow:0 0 0 3px rgba(196,22,31,.08)!important}
.reward-overlay{background:linear-gradient(to bottom,rgba(20,18,16,.15),rgba(20,18,16,.35))!important}
.reward-body{background:linear-gradient(to bottom,rgba(255,253,247,0),rgba(255,253,247,.96) 30%)!important}
.reward-btn.locked{background:rgba(20,18,16,.06)!important;border-color:var(--line)!important}
/* توهّج نصي متبقّي بالـinline */
[style*="text-shadow"]{text-shadow:none!important}


/* ══ غرفة الأخبار — الضوء الأحمر «مباشر» (مشترك: قائمة اللوحة + الصفحة) ══ */
.nr-dot{display:inline-block;width:9px;height:9px;border-radius:50%;
  background:var(--red);vertical-align:middle;margin:0 6px;
  box-shadow:0 0 0 0 rgba(196,22,31,.55);animation:nrPulse 1.9s ease-out infinite}
@keyframes nrPulse{
  0%{box-shadow:0 0 0 0 rgba(196,22,31,.55)}
  70%{box-shadow:0 0 0 9px rgba(196,22,31,0)}
  100%{box-shadow:0 0 0 0 rgba(196,22,31,0)}}
.nr-livetag{font-size:.68rem;font-weight:800;color:var(--red);
  letter-spacing:.5px;vertical-align:middle}
@media (prefers-reduced-motion:reduce){.nr-dot{animation:none}}


/* ═════════════════════════════════════════════════════════════
   قشرة الصفحات المستقلة جوّا لوحة التحكم
   (غرفة الأخبار · مؤشرات السوق · وأي صفحة جاية)

   هاي القواعد كانت بـnewsroom.css لحالها، فصفحة مؤشرات السوق
   طلعت بلا قائمة جانبية والعضو حس إنو طلع من اللوحة.
   صارت هون = مصدر واحد لكل صفحة بتستعمل dash_side.php.
   ════════════════════════════════════════════════════════════ */
/* ── الهيكل ── */
.nr-wrap{display:flex;min-height:100vh}
.nr-main{flex:1;min-width:0;padding:22px clamp(14px,3vw,34px) 40px}

/* القائمة الجانبية: dash-skin عم يلوّنها، هون القياس بس */
.nr-side{
  width:250px;flex:0 0 250px;display:flex;flex-direction:column;
  position:sticky;top:0;height:100vh;
}
.nr-side .dash-nav-links{flex:1;overflow-y:auto;padding-top:10px}
.nr-side .sidebar-logo{display:flex;align-items:center;gap:10px;padding:18px 20px}
.nr-side .sl-mark{height:34px;width:auto}
.nr-side .sl-word{height:20px;width:auto}
.nr-side .nav-item{
  padding:14px 22px;display:flex;align-items:center;gap:8px;
  text-decoration:none;font-weight:700;font-size:1rem;
  border-inline-start:4px solid transparent;transition:background .2s,color .2s;
}
.nr-side .logout-btn{padding:16px 22px}


/* ══ موبايل: القائمة بتصير شريط أفقي ملزّق فوق ══
   ⚠ dash-skin بيفرض .sidebar{position:sticky;height:auto!important} تحت 768px
   — هاد نمط الموقع المعتمد (متل الداشبورد بالظبط). ممنوع نحاربو
   بدرج جانبي — جرّبناها 2026-09-20 وطلع المحتوى معصور على 125px. */
@media (max-width:860px){
  .nr-wrap{flex-direction:column}
  .nr-side{
    width:100%;flex:0 0 auto;flex-direction:row;align-items:center;
    height:auto;border-bottom:1px solid var(--line);
  }
  .nr-side .sidebar-logo{padding:8px 12px;flex:0 0 auto}
  .nr-side .sl-mark{height:28px}
  .nr-side .sl-word{display:none}
  /* ⚠ 2026-09-21: بلا min-width:0 عنصر الفلكس ما بينضغط تحت عرض محتواه،
     فالشريط كان يوسّع الـaside لـ425px عند 390 = الصفحة كلها بتتحرّك يمين/شمال.
     انكشف لما صارت الصفحة عامة وانضافو روابط الزائر. */
  .nr-side{max-width:100%;overflow:hidden}
  .nr-side .dash-nav-links{
    display:flex;flex-direction:row;align-items:center;gap:0;
    flex:1 1 auto;min-width:0;
    overflow-x:auto;overflow-y:hidden;padding:0;
    -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;
  }
  .nr-side .nav-item{padding:14px 10px;font-size:.85rem;white-space:nowrap}
  .nr-side .logout-btn{padding:14px 12px;font-size:.85rem;white-space:nowrap;
    border-top:none;border-inline-start:1px solid var(--line);flex:0 0 auto}
  .nr-main{padding:16px 14px 34px}
}