/* =========================================================================
   Rio UI — نظام تصميم موحّد لكامل الموقع
   يوحّد: الحقول، الأزرار، حالات التركيز والخطأ، ويمنع تكبير الشاشة (iOS Zoom)
   لا يغيّر أي منطق — طبقة تصميم فقط.
   ========================================================================= */

:root {
    --rio-primary: #3b82f6;
    --rio-primary-active: #2563eb;
    --rio-danger: #ef4444;
    --rio-success: #22c55e;
    --rio-field-bg: #1e293b;
    --rio-field-border: #334155;
    --rio-text: #f2f2f2;
    --rio-text-muted: #94a3b8;
    --rio-radius: 12px;
    --rio-field-h: 48px;
    --rio-btn-h: 48px;
    --rv-p2p-buy: #16a34a;
    --rv-p2p-sell: #dc2626;
}

/* ---------- منع التكبير التلقائي: خط 16px إجباري في كل حقول الإدخال ---------- */
input,
select,
textarea,
.form-control,
.otp-input,
.code-input {
    font-size: 16px !important;
}
input[type="checkbox"],
input[type="radio"],
input[type="range"],
input[type="color"],
input[type="file"] {
    font-size: inherit !important;
}

/* ---------- توحيد الحقول النصية ---------- */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="url"],
select.form-control,
textarea,
.form-control {
    min-height: var(--rio-field-h);
    border-radius: var(--rio-radius) !important;
    transition: border-color .2s ease, box-shadow .2s ease !important;
}

/* حالة التركيز الموحّدة — نفس اللون والظل في كل الصفحات */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
textarea:focus,
.form-control:focus {
    border-color: var(--rio-primary) !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, .25) !important;
    outline: none !important;
}

/* إلغاء الخلفية الصفراء للتعبئة التلقائية (autofill) — كل المتصفحات */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #1e293b inset !important;
    box-shadow: 0 0 0px 1000px #1e293b inset !important;
    -webkit-text-fill-color: #e6eef8 !important;
    caret-color: #e6eef8 !important;
    transition: background-color 9999s ease-in-out 0s !important;
}

/* حالة الخطأ الموحّدة */
input.is-invalid,
textarea.is-invalid,
.form-control.is-invalid,
input.err,
textarea.err {
    border-color: var(--rio-danger) !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, .18) !important;
}
.invalid-feedback,
.rio-field-error {
    color: var(--rio-danger) !important;
    font-size: 13px !important;
    margin-top: 6px;
    text-align: right;
}

/* ---------- توحيد الأزرار الرئيسية ---------- */
.btn,
.submit-button,
.click-button,
button[type="submit"],
.rs-btn {
    border-radius: var(--rio-radius);
    transition: background-color .18s ease, opacity .18s ease, transform .1s ease, filter .18s ease;
    font-weight: 700;
}
.submit-button,
.click-button,
button[type="submit"]:not(.rs-close):not(.navbar-toggler) {
    min-height: var(--rio-btn-h);
}

/* لمسة ضغط موحّدة وواضحة لكل الأزرار */
.btn:active,
.submit-button:active,
.click-button:active,
button[type="submit"]:active,
.rs-btn:not(:disabled):active,
a.btn:active {
    filter: brightness(.82);
    transform: scale(.98);
}

/* حالة التركيز بلوحة المفاتيح */
.btn:focus-visible,
.submit-button:focus-visible,
.click-button:focus-visible,
button[type="submit"]:focus-visible {
    outline: 2px solid rgba(59, 130, 246, .6);
    outline-offset: 2px;
}

/* الحالة المعطّلة موحّدة */
.btn:disabled,
.submit-button:disabled,
.click-button:disabled,
button[type="submit"]:disabled {
    opacity: .5;
    cursor: not-allowed;
    filter: none;
    transform: none;
}

/* حالة التحميل الموحّدة — أضف class="rio-loading" على أي زر */
.rio-loading {
    position: relative;
    pointer-events: none;
    opacity: .75;
}
.rio-loading::after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 8px;
    vertical-align: -2px;
    border: 2px solid rgba(255, 255, 255, .4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: rio-spin .7s linear infinite;
}
@keyframes rio-spin { to { transform: rotate(360deg); } }

/* ---------- استثناءات: مربعات رمز التحقق تحافظ على مقاسها الخاص ---------- */
.rs-box {
    font-size: 26px !important;
    border-radius: 14px !important;
    min-height: 0;
}
@media (max-width: 400px) {
    .rs-box { font-size: 23px !important; }
}

/* ---------- ثبات الصفحة عند فتح لوحة المفاتيح ---------- */
html, body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* ---------- إلغاء الخلفية الصفراء/الزرقاء للتعبئة التلقائية (autofill) ----------
   نستخدم box-shadow inset بلون خلفية الحقل لتغطية لون المتصفح،
   مع transition طويل جداً كحلّ احتياطي لمتصفحات لا تدعم box-shadow override.
   نحن لا نثبّت لوناً واحداً بل نعتمد متغيّر --rio-field-bg الافتراضي؛
   السياقات ذات الخلفية المختلفة (RioSheet / بطاقات داكنة) تُلغيه بقواعدها الخاصة أدناه. */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    -webkit-text-fill-color: var(--rio-text, #f2f2f2) !important;
    caret-color: var(--rio-text, #f2f2f2) !important;
    box-shadow: 0 0 0 1000px var(--rio-field-bg, #1e293b) inset !important;
    /* احتياطي: انتقال بطيء يُبقي لون المتصفح مخفياً */
    transition: background-color 999999s ease-in-out 0s !important;
}

/* معيار غير webkit (-webkit- يغطي Safari/Chrome؛ هذه تغطي Firefox 86+) */
input:autofill,
textarea:autofill,
select:autofill {
    -webkit-text-fill-color: var(--rio-text, #f2f2f2) !important;
    caret-color: var(--rio-text, #f2f2f2) !important;
    box-shadow: 0 0 0 1000px var(--rio-field-bg, #1e293b) inset !important;
    transition: background-color 999999s ease-in-out 0s !important;
}

/* --- سياق RioSheet / بطاقات ذات خلفية أعمق (#0D1226 / #0B1022) --- */
.rs-body input:-webkit-autofill,
.rs-body input:-webkit-autofill:hover,
.rs-body input:-webkit-autofill:focus,
.rs-body input:-webkit-autofill:active,
.rs-body textarea:-webkit-autofill,
.rs-body select:-webkit-autofill,
.rv-card input:-webkit-autofill,
.rv-card input:-webkit-autofill:hover,
.rv-card input:-webkit-autofill:focus,
.rv-card input:-webkit-autofill:active {
    box-shadow: 0 0 0 1000px #0D1226 inset !important;
}
.rs-body input:autofill,
.rs-body textarea:autofill,
.rs-body select:autofill,
.rv-card input:autofill {
    box-shadow: 0 0 0 1000px #0D1226 inset !important;
}

/* ===== Chart V2 redesign (2026-07) ===== */
.rio-chart-v2 .chart-container{padding-left:4px;padding-right:4px;}
.rio-chart-v2 #chart{width:100% !important;}
.rio-chart-wrap{position:relative;width:100%;}
.rio-pair-overlay{position:absolute;top:8px;right:10px;z-index:20;display:flex;align-items:center;gap:8px;background:rgba(10,16,32,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:5px 9px;cursor:pointer;direction:rtl;}
.rio-pair-overlay img{width:22px;height:22px;border-radius:50%;display:block;}
.rio-pair-txt{display:flex;flex-direction:column;line-height:1.15;text-align:right;}
.rio-pair-txt b{color:#EAEAEA;font-size:13px;font-weight:700;}
.rio-pair-txt span{color:#94a3b8;font-size:10px;}
.rio-pair-dots{background:none;border:none;color:#BCBABA;font-size:15px;padding:2px 6px;cursor:pointer;line-height:1;}
.rio-tf-fixed{display:block;margin:8px 0 2px;}
.rio-tf-fixed .timeframe-dots-trigger{display:none !important;}
.rio-tf-fixed .timeframe-selector{display:flex !important;position:static !important;opacity:1 !important;transform:none !important;visibility:visible !important;background:transparent !important;box-shadow:none !important;justify-content:center;gap:8px;padding:0;margin:0;}
.rio-support-fixed{position:fixed;top:66px;left:10px;z-index:900;color:#BCBABA !important;font-size:19px;background:rgba(15,23,42,.72);border:1px solid rgba(255,255,255,.08);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;}
.avatar-btn{background:none;border:none;padding:0;cursor:pointer;}
.avatar-btn img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid #334155;display:block;}

/* ===== Rio Reveal — حركات ظهور هادئة (transform/opacity فقط) ===== */
.rv-rv{opacity:0;will-change:transform,opacity}
.rv-up{transform:translateY(18px)}
.rv-right{transform:translateX(24px)}
.rv-left{transform:translateX(-24px)}
.rv-icon{transform:translateY(8px) scale(.97)}
.rv-in{opacity:1;transform:none;transition:opacity .55s cubic-bezier(.25,.6,.35,1),transform .55s cubic-bezier(.25,.6,.35,1);transition-delay:var(--rv-d,0ms);will-change:auto}
@media (prefers-reduced-motion: reduce){
  .rv-rv{opacity:1;transform:none}
  .rv-in{transition:none}
}
/* دخول الصفحة بنعومة — بدون شاشة بيضاء أو قفزة */
@keyframes rvPageIn{from{opacity:.35}to{opacity:1}}
body.rv-page-in{animation:rvPageIn .35s ease-out}
@media (prefers-reduced-motion: reduce){body.rv-page-in{animation:none}}


/* ==================== نظام PWA الموحّد: المناطق الآمنة + وضع standalone ==================== */
/* الخلفية تمتد خلف المناطق الآمنة؛ المحتوى يبقى داخل الحدود الآمنة */
html {
    --rv-safe-top: env(safe-area-inset-top, 0px);
    background: #010516;
}

/* مالك واحد للمساحة العلوية:
   - الهيدر الموجود يملكها بنفسه.
   - عند غياب هيدر فعلي يملكها body.
   كل الطبقات المثبتة تقرأ --rv-safe-top مباشرة ولا تجمع قيمة ثابتة معها. */
.navbar, header.fixed-top, #mainNavbar {
    padding-top: var(--rv-safe-top) !important;
}
/* أي صفحة بلا هيدر مثبت تحترم الحافة العلوية —
   مشروطة بدعم :has() حتى لا تتضاعف المسافة على المتصفحات القديمة */
@supports selector(body:has(a)) {
    body { padding-top: var(--rv-safe-top); }
    /* يُلغى padding الجسم فقط عندما يوجد عنصر آخر يتولّى المنطقة الآمنة بنفسه:
       - هيدر مثبت حقيقي (.navbar) — لكن ليس .rv-slim-nav المطويّ (ارتفاعه 0 ولا يوفّر أي إزاحة!)
       - هيدر الصفحات الموحّد .rv-page-head (يحمل env بداخله)
       - هيدر الرئيسية .rv-h2-head (يحمل env بداخله) */
    body:has(.navbar:not(.rv-slim-nav)), body:has(#mainNavbar), body:has(#tfx2Scroll),
    body:has(.rv-page-head), body:has(.rv-h2-head) { padding-top: 0; }
}

/* الحواف الجانبية (اللاندسكيب/الأجهزة ذات الحواف) */
body {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}

/* العناصر المثبتة أسفل الشاشة لا تلامس خط السحب */
.rv-sv-switch { bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important; }
.rio-support-fixed { top: calc(66px + env(safe-area-inset-top, 0px)) !important; }
/* أيقونات الدعم/QR أعلى بطاقة الدخول والتسجيل — تحترم المنطقة الآمنة العلوية (نوتش/شريط الحالة) */
.rv-acc-top-icons { margin-top: calc(env(safe-area-inset-top, 0px) - 20px); }

/* وضع التطبيق المستقل: منع التحديد المطاطي وسلوك المتصفح */
html.rv-standalone body {
    overscroll-behavior-y: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
/* انتقال دخول ناعم بين الصفحات (يكمل نظام RioSPA) */
body { opacity: 1; }
/* بدون transform على body: أي transform يجعل الهيدر المثبت (fixed) يتحرك مع الصفحة أثناء الأنيميشن */
body.rv-page-in { animation: rvPageIn .32s ease-out; }
@keyframes rvPageIn { from { opacity: .35; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { body.rv-page-in { animation: none; } }

/* دوائر إخفاء كلمة المرور: font-size أكبر قليلاً يكفي لجعل • أوضح
   بلا letter-spacing سالب ولا Verdana — يحافظ على حركة المؤشر في RTL. */
input[type="password"]{
  font-size:20px !important;
}
input[type="password"]::placeholder{
  font-size:14px;
  font-family:inherit;
}

/* ============ هيدر الصفحات الموحّد (سهم رجوع + عنوان في المنتصف) ============
   نظام واحد لكل الصفحات الداخلية: ارتفاع ثابت 52px، العنوان في المنتصف تمامًا،
   وزر الرجوع مطابق تمامًا لـ #sidebarBack: 42×42px، لون #BCBABA، font-size:1.3rem.
   !important لتجاوز أي تنسيق قديم (.specoa وغيره). */
.rv-page-head{
  position:relative !important;
  display:block !important;
  height:52px !important;
  margin:0 0 8px !important;
  padding:var(--rv-safe-top) 0 0 !important;
  box-sizing:content-box !important;
  text-align:center !important;
  color:#fff !important;
}
.rv-page-head .rv-ph-in{
  position:static !important;
  display:block !important;
}
.rv-page-head h4{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:var(--rv-safe-top) !important;
  margin:0 !important;
  padding:0 56px !important;               /* مساحة للزر على الجانبين: 42px + 12px + 2px فراغ */
  height:52px !important;
  line-height:52px !important;
  text-align:center !important;
  font-size:17px !important;
  font-weight:700 !important;
  color:#fff !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
/* زر الرجوع — مطابق لـ #sidebarBack: 42×42، لون #BCBABA، أيقونة FA solid، border-radius:50% */
.rv-page-head .rv-back{
  position:absolute !important;
  right:12px !important;
  left:auto !important;
  top:calc(var(--rv-safe-top) + 5px) !important;
  transform:none !important;
  width:42px !important;
  height:42px !important;
  display:inline-flex !important;
  align-items:center;justify-content:center;
  background:transparent !important;border:0 !important;padding:0 !important;
  color:#BCBABA !important;cursor:pointer;border-radius:50%;
  font-size:1.3rem;line-height:1;
  -webkit-tap-highlight-color:transparent;z-index:2 !important;
}
.rv-page-head .rv-back:active{opacity:.55}
.rv-page-head .rv-back i{display:block;line-height:1;color:inherit !important}
/* الوضع الإنجليزي (LTR): زر الرجوع على الحافة اليسرى ويشير لليسار */
[dir="ltr"] .rv-page-head .rv-back{right:auto !important;left:12px !important}
[dir="ltr"] .rv-page-head .rv-back i{transform:scaleX(-1);display:block;}
/* ====== slot الزر الإضافي (الجانب المقابل لسهم الرجوع) ======
   يُستخدم للأزرار الاختيارية (⋯ في VIP وغيره) دون كسر تمركز العنوان */
.rv-page-head .rv-head-extra{
  position:absolute !important;
  left:12px !important;
  right:auto !important;
  top:calc(var(--rv-safe-top) + 5px) !important;
  width:42px !important;
  height:42px !important;
  display:inline-flex !important;
  align-items:center;justify-content:center;
  background:transparent !important;border:0 !important;padding:0 !important;
  color:#BCBABA !important;cursor:pointer;border-radius:50%;
  font-size:1.3rem;line-height:1;
  -webkit-tap-highlight-color:transparent;z-index:2 !important;
}
.rv-page-head .rv-head-extra:active{opacity:.55}
[dir="ltr"] .rv-page-head .rv-head-extra{left:auto !important;right:12px !important}

/* ================================================================
   نظام التصميم الموحد Rio — المرحلة 1 (توكنز + أزرار + بطاقات + شريط سفلي)
   اللون الأساسي = لون زر «سجل» الرسمي #192E85 — لا تستخدم درجات أخرى
   ================================================================ */
:root{
  --rv-primary:#192E85;
  --rv-primary-press:#13246B;
  --rv-danger:#E5484D;
  --rv-fx-red:#F04533; /* أحمر الخسارة الفوركسي الموحد — زر SELL وأرقام الخسارة من نفس المتغير */
  --rv-fx-blue:#0066CC; /* الأزرق الموحّد لواجهة الفوركس حصريًا (قرار المستخدم) — لا يُستخدم في الكريبتو/الثنائية */
  --rv-up:#2EBD85;   /* أخضر الارتفاع (Binance) */
  --rv-down:#F6465D; /* أحمر الانخفاض (Binance) */
  /* تعبئات شفّافة بأسلوب Binance للأعماق/الخلفيات الاتجاهية */
  --rv-up-rgb:46,189,133;
  --rv-down-rgb:246,70,93;
  --rv-up-f10:rgba(46,189,133,.10);
  --rv-up-f12:rgba(46,189,133,.12);
  --rv-up-f14:rgba(46,189,133,.14);
  --rv-up-f15:rgba(46,189,133,.15);
  --rv-down-f10:rgba(246,70,93,.10);
  --rv-down-f12:rgba(246,70,93,.12);
  --rv-down-f14:rgba(246,70,93,.14);
  --rv-down-f15:rgba(246,70,93,.15);
  --rv-bg:#010516;
  --rv-card:#0D1226;
  --rv-card-bd:rgba(255,255,255,.07);
  --rv-txt:#FFFFFF;
  --rv-txt2:#9AA3C0;
  --rv-radius:12px;
  --rv-sp1:4px;--rv-sp2:8px;--rv-sp3:12px;--rv-sp4:16px;--rv-sp5:20px;--rv-sp6:24px;
  --rv-tabbar-h:60px;
}

/* ---------- الأزرار الموحدة ---------- */
.rv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:46px;padding:0 18px;border-radius:var(--rv-radius);border:1px solid transparent;
  font-size:15px;font-weight:700;line-height:1;cursor:pointer;text-decoration:none!important;
  transition:transform .12s ease,opacity .12s ease,background-color .15s ease;
  -webkit-tap-highlight-color:transparent;user-select:none;white-space:nowrap}
.rv-btn:active{transform:scale(.98)}
.rv-btn:disabled,.rv-btn.disabled{opacity:.55;pointer-events:none}
.rv-btn-block{display:flex;width:100%}
.rv-btn-sm{height:36px;padding:0 12px;font-size:13px;border-radius:10px}
.rv-btn i,.rv-btn svg{font-size:1em}
.rv-btn-primary,.rv-btn-primary *{color:#fff!important}
.rv-btn-primary{background:var(--rv-primary)}
.rv-btn-primary:active{background:var(--rv-primary-press)}
.rv-btn-sec,.rv-btn-sec *{color:#E7EAF3!important}
.rv-btn-sec{background:#161D38;border-color:rgba(255,255,255,.09)}
.rv-btn-danger,.rv-btn-danger *{color:#FF7A80!important}
.rv-btn-danger{background:rgba(229,72,77,.12);border-color:rgba(229,72,77,.35)}

/* ---------- البطاقات والصفوف الموحدة ---------- */
.rv-card{background:var(--rv-card);border:1px solid var(--rv-card-bd);border-radius:14px;
  padding:var(--rv-sp4);color:var(--rv-txt)}
.rv-row-link{display:flex;align-items:center;gap:12px;padding:14px var(--rv-sp4);
  background:var(--rv-card);border:1px solid var(--rv-card-bd);border-radius:14px;
  color:#fff!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent}
.rv-row-link:active{opacity:.75}
.rv-row-link .rv-rl-ic{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.06);
  display:flex;align-items:center;justify-content:center;font-size:15px;color:#C6CCE2!important;flex:0 0 36px}
.rv-row-link .rv-rl-tx{flex:1;min-width:0}
.rv-row-link .rv-rl-tx b{display:block;font-size:14.5px}
.rv-row-link .rv-rl-tx small{color:var(--rv-txt2)!important;font-size:12px}
.rv-row-link .rv-rl-ar{color:#6C7594!important;font-size:13px}
[dir="rtl"] .rv-row-link .rv-rl-ar i{transform:scaleX(1)}

/* ---------- حقل البحث الموحد ---------- */
.rv-search{position:relative;margin:0 0 var(--rv-sp4)}
.rv-search i{position:absolute;top:50%;transform:translateY(-50%);inset-inline-start:14px;
  color:#6C7594;font-size:14px;pointer-events:none}
.rv-search input{width:100%;height:44px;border-radius:var(--rv-radius);border:1px solid var(--rv-card-bd);
  background:#0B1022;color:#fff;padding-inline-start:40px;padding-inline-end:14px;font-size:16px;outline:none}
.rv-search input:focus{border-color:rgba(255,255,255,.22)}
.rv-search input::placeholder{color:#6C7594}

/* ---------- مشهد الفوركس الترويجي 3D (واجهة دخول تبويب الفوركس بالرئيسية) ----------
   زخرفي بحت: pointer-events:none، لا يغطي زر فتح المنصة (يقع تحته في التدفق) */
.rv-fx3d{position:relative;width:100%;height:min(420px,56vh);margin:0 0 var(--rv-sp4);
  border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg,rgba(25,46,133,.10),rgba(13,18,38,.55));
  pointer-events:none;user-select:none}
.rv-fx3d canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.rv-fx3d-ov{position:absolute;top:18px;inset-inline-start:0;inset-inline-end:0;
  display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;
  padding:0 16px}
.rv-fx3d-cap{color:#9AA3C0;font-size:12.5px;font-weight:600;letter-spacing:.2px}
.rv-fx3d-num{color:#fff;font-size:30px;font-weight:800;line-height:1.15;
  font-variant-numeric:tabular-nums;
  text-shadow:0 2px 18px rgba(25,46,133,.55);
  background:rgba(13,18,38,.28);border-radius:12px;padding:2px 14px;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.rv-fx3d-note{color:#6C7594;font-size:10.5px}
@media (prefers-reduced-motion: reduce){
  .rv-fx3d{background:linear-gradient(180deg,rgba(25,46,133,.16),rgba(13,18,38,.6))}
}

/* ---------- الشريط السفلي الثابت ---------- */
.rv-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:1045;display:flex;align-items:stretch;
  height:calc(var(--rv-tabbar-h) + env(safe-area-inset-bottom,0px));
  padding:0 2px env(safe-area-inset-bottom,0px);
  background:rgba(4,7,20,.93);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-top:1px solid rgba(255,255,255,.07)}
.rv-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  color:#8B93AD!important;text-decoration:none!important;font-size:10.5px;font-weight:700;
  -webkit-tap-highlight-color:transparent;padding-top:6px}
.rv-tab i{font-size:19px;line-height:1;color:inherit!important}
.rv-tab span{color:inherit!important;font-size:10.5px}
.rv-tab:active{opacity:.7}
.rv-tab.active{color:#fff!important}
/* أيقونة الرئيسية = شعار المنصة (بديل رمز البيت): رمادي هادئ كالبقية عند عدم النشاط، بألوانه الأصلية عند النشاط
   width/height أصغر من منطقة اللمس لإعطاء هامش بصري حول حواف الجناح */
.rv-tab-home .rv-tab-logo{width:19px;height:19px;object-fit:contain;display:block;
  filter:grayscale(1) brightness(1.35) opacity(.75);transition:filter .15s ease}
.rv-tab-home.active .rv-tab-logo{filter:none}
/* زر التداول في المنتصف — مميز بلون «سجل» الرسمي بدون تضخيم */
.rv-tab-trade .rv-tab-ic{width:38px;height:38px;border-radius:12px;background:var(--rv-primary);
  display:flex;align-items:center;justify-content:center;margin-top:-4px;
  box-shadow:0 4px 14px rgba(25,46,133,.45)}
.rv-tab-trade .rv-tab-ic i{color:#fff!important;font-size:17px}
.rv-tab-trade.active .rv-tab-ic{background:var(--rv-primary-press)}
body.rv-has-tabbar{padding-bottom:calc(var(--rv-tabbar-h) + env(safe-area-inset-bottom,0px) + 10px)!important}

/* ---------- صفحة الرئيسية الداخلية (نسخة أولى) ---------- */
.rv-home{padding:6px 16px 10px;max-width:640px;margin:0 auto}
.rv-balcard{margin-bottom:var(--rv-sp4)}
.rv-balcard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.rv-balcard-top span{color:var(--rv-txt2)!important;font-size:13px}
.rv-eye{background:transparent;border:0;color:#8B93AD!important;width:34px;height:34px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;
  -webkit-tap-highlight-color:transparent}
.rv-eye:active{opacity:.6}
.rv-balcard-val{font-size:28px;font-weight:800;letter-spacing:.3px}
.rv-balcard-sub{margin-top:4px;font-size:12.5px}
.rv-balcard-sub,.rv-balcard-sub *{color:var(--rv-txt2)!important}
.rv-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:var(--rv-sp4)}
.rv-quick a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 4px;
  background:var(--rv-card);border:1px solid var(--rv-card-bd);border-radius:14px;
  color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:700;
  -webkit-tap-highlight-color:transparent}
.rv-quick a:active{opacity:.75}
.rv-quick a i{width:38px;height:38px;border-radius:12px;background:var(--rv-primary);
  display:flex;align-items:center;justify-content:center;font-size:15px;color:#fff!important}
.rv-home-links{display:flex;flex-direction:column;gap:10px}

/* ---------- صفحة الأسواق ---------- */
.rv-mkts{padding:6px 16px 10px;max-width:640px;margin:0 auto}
.rv-mkt-list{display:flex;flex-direction:column}
.rv-mkt-row{display:flex;align-items:center;gap:12px;padding:12px 2px;cursor:pointer;
  border-bottom:1px solid rgba(255,255,255,.05);-webkit-tap-highlight-color:transparent}
.rv-mkt-row:active{opacity:.7}
.rv-mkt-row img{width:32px;height:32px;border-radius:50%;flex:0 0 32px;background:#141A33;object-fit:contain}
.rv-mkt-name{flex:1;min-width:0}
.rv-mkt-name b{display:block;font-size:14.5px;color:#fff}
.rv-mkt-name small{color:var(--rv-txt2)!important;font-size:11.5px;display:block;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rv-mkt-price{text-align:left;direction:ltr}
.rv-mkt-price b{display:block;font-size:14px;color:#fff}
.rv-mkt-chip{display:inline-block;min-width:64px;text-align:center;padding:3px 8px;border-radius:8px;
  font-size:12px;font-weight:700;direction:ltr}
.rv-mkt-chip.up{background:rgba(46,189,133,.14)}
.rv-mkt-chip.up,.rv-mkt-chip.up *{color:var(--rv-up)!important}
.rv-mkt-chip.down{background:rgba(246,70,93,.14)}
.rv-mkt-chip.down,.rv-mkt-chip.down *{color:var(--rv-down)!important}
.rv-mkt-empty{text-align:center;color:var(--rv-txt2)!important;padding:30px 0;font-size:13.5px}

/* ================================================================
   الرئيسية الداخلية v2 — تصميم منصة التداول (المرحلة 2)
   حركات transform/opacity فقط لضمان سلاسة 60fps
   ================================================================ */
.rv-home2{padding-top:0}
.rv-h2-topbar{display:flex;align-items:center;justify-content:center;margin:2px 0 12px}
.rv-h2-seg{display:flex;gap:4px;background:#0B1022;border:1px solid var(--rv-card-bd);
  border-radius:999px;padding:4px}
.rv-h2-seg-btn{padding:7px 18px;border-radius:999px;font-size:13.5px;font-weight:700;
  color:var(--rv-txt2)!important;text-decoration:none!important;cursor:pointer;
  transition:background-color .18s ease,color .18s ease;-webkit-tap-highlight-color:transparent}
.rv-h2-seg-btn.active{background:var(--rv-primary);color:#fff!important}
.rv-h2-search{margin-bottom:14px}
.rv-h2-search input{height:38px;min-height:38px;font-size:12.5px;border-radius:11px}
.rv-h2-search i{font-size:13px}

/* قسم المحفظة */
/* قسم المحفظة بلا صندوق: مباشرة فوق خلفية الصفحة (طلب المستخدم) */
.rv-h2-wallet{background:none;border:none;border-radius:0;box-shadow:none;
  padding:6px 2px 10px;margin-bottom:12px}
.rv-h2-wal-head{display:flex;align-items:center;justify-content:space-between;width:100%;
  background:transparent;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.rv-h2-wal-head span{color:var(--rv-txt2)!important;font-size:13px}
.rv-h2-wal-head span b{color:var(--rv-txt2)!important;font-weight:600}
.rv-h2-wal-head i{color:#6C7594!important;font-size:12px;transition:transform .25s ease}
.rv-h2-wal-body{overflow:hidden;max-height:220px;transition:max-height .3s ease,opacity .25s ease;opacity:1}
.rv-h2-wal-body.collapsed{max-height:0;opacity:0}
.rv-h2-wal-val-row{display:flex;align-items:center;gap:8px;margin-top:8px}
.rv-h2-wal-val-row .rv-h2-addfunds{margin:6px 0 0 0;margin-inline-start:auto;height:34px;padding:0 16px;font-size:13px;width:auto;align-self:center;border-radius:10px}
.rv-h2-wal-val{font-size:32px;font-weight:800;letter-spacing:.3px;color:#fff!important;line-height:1.15}
.rv-h2-wal-sub{font-size:12.5px;margin-top:2px;text-align:start}
.rv-h2-wal-sub,.rv-h2-wal-sub *{color:var(--rv-txt2)!important}
.rv-h2-wal-pnl{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12.5px}
.rv-h2-wal-pnl span{color:var(--rv-txt2)!important}
.rv-h2-wal-pnl b{font-weight:700;color:var(--rv-txt2)!important}
.rv-h2-wal-pnl b.up{color:var(--rv-up)!important}
.rv-h2-wal-pnl b.down{color:var(--rv-down)!important}
.rv-h2-wal-pnl i{color:#6C7594!important;font-size:10px}
.rv-h2-addfunds{margin-top:12px;height:40px;padding:0 22px;font-size:14px;width:auto;align-self:flex-start}

/* البطاقة الترويجية */
.rv-h2-promo{position:relative;display:flex;align-items:center;gap:12px;margin-bottom:12px;
  transition:opacity .18s ease}
.rv-h2-promo-x{position:absolute;top:8px;inset-inline-start:8px;background:transparent;border:0;
  color:#6C7594!important;font-size:13px;width:28px;height:28px;cursor:pointer;
  -webkit-tap-highlight-color:transparent}
.rv-h2-promo-tx{flex:1;min-width:0;padding-inline-start:20px}
.rv-h2-promo-tx b{display:block;font-size:13.5px;color:#fff!important}
.rv-h2-promo-tx span{display:block;font-size:12px;color:var(--rv-txt2)!important;margin-top:2px}

/* قائمة العملات */
.rv-h2-list{padding:10px 14px 4px;margin-bottom:16px}
.rv-h2-tabs{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 10px}
.rv-h2-tabs::-webkit-scrollbar{display:none}
.rv-h2-tab{background:transparent;border:0;padding:2px 0;font-size:13.5px;font-weight:700;
  color:var(--rv-txt2)!important;cursor:pointer;position:relative;white-space:nowrap;
  transition:color .18s ease;-webkit-tap-highlight-color:transparent}
.rv-h2-tab.active{color:#fff!important}
.rv-h2-tab.active::after{content:'';position:absolute;bottom:-6px;inset-inline-start:25%;width:50%;height:3px;
  border-radius:3px;background:var(--rv-primary)}
.rv-h2-cols{display:flex;justify-content:space-between;padding:6px 2px;font-size:11px}
.rv-h2-cols span{color:#6C7594!important}
.rv-h2-coins{display:flex;flex-direction:column}
.rv-h2-row{display:flex;align-items:center;gap:10px;padding:11px 0;cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:opacity .12s ease}
.rv-h2-row:active{opacity:.7}
.rv-h2-star{background:transparent;border:0;color:#3A4266!important;font-size:13px;width:24px;
  padding:0;cursor:pointer;flex:0 0 24px;-webkit-tap-highlight-color:transparent;transition:transform .15s ease}
.rv-h2-star:active{transform:scale(1.25)}
.rv-h2-star.on{color:#F5C242!important}
.rv-h2-star.on i{color:#F5C242!important}
.rv-h2-row img{width:32px;height:32px;border-radius:50%;flex:0 0 32px;background:#141A33;object-fit:contain}
.rv-h2-row-name{flex:1;min-width:0;text-align:start!important}
.rv-h2-row-name b{text-align:start!important}
.rv-h2-row-name b{display:block;font-size:14.5px;color:#fff!important}
.rv-h2-row-name small{display:block;color:var(--rv-txt2)!important;font-size:11.5px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rv-h2-fire{color:#FF9F43!important;font-size:11px;margin-inline-start:2px}
.rv-h2-row-price{text-align:left;direction:ltr;min-width:86px}
.rv-h2-row-price b{display:block;font-size:14px;color:#fff!important}
.rv-h2-row-price small{display:block;color:var(--rv-txt2)!important;font-size:11px;white-space:nowrap}
.rv-h2-chip{display:inline-block;min-width:74px;text-align:center;padding:7px 8px;border-radius:9px;
  font-size:12.5px;font-weight:700;direction:ltr;background:rgba(255,255,255,.05);color:#fff!important}
.rv-h2-chip.up{background:var(--rv-up)}
.rv-h2-chip.up,.rv-h2-chip.up *{color:#fff!important}
.rv-h2-chip.down{background:var(--rv-down)}
.rv-h2-chip.down,.rv-h2-chip.down *{color:#fff!important}
.rv-h2-more{display:block;text-align:center;padding:12px 0 10px;font-size:13px;font-weight:700;
  color:var(--rv-txt2)!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent}
.rv-h2-more:active{opacity:.7}

/* الأعلى ربحًا / خسارة */
.rv-h2-movers{margin-bottom:16px}
.rv-h2-movers h5{margin:0 0 10px;font-size:15px;font-weight:800;color:#fff}
.rv-h2-cards{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;
  -webkit-overflow-scrolling:touch;padding-bottom:4px}
.rv-h2-cards::-webkit-scrollbar{display:none}
.rv-h2-mcard{flex:0 0 108px;background:var(--rv-card);border:1px solid var(--rv-card-bd);
  border-radius:14px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:5px;
  cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,opacity .12s ease}
.rv-h2-mcard:active{transform:scale(.96);opacity:.8}
.rv-h2-mcard img{width:30px;height:30px;border-radius:50%;background:#141A33}
.rv-h2-mcard b{font-size:13px;color:#fff!important}
.rv-h2-mcard span{font-size:11.5px;color:var(--rv-txt2)!important}
.rv-h2-mcard .rv-h2-mloc{font-size:10.5px;color:var(--rv-txt2)!important;white-space:nowrap}
.rv-h2-mcard em{font-style:normal;font-size:12.5px;font-weight:800}
.rv-h2-mcard em.up{color:var(--rv-up)!important}
.rv-h2-mcard em.down{color:var(--rv-down)!important}

/* شاشات أوسع */
@media (min-width:768px){
  .rv-home2{max-width:720px}
  .rv-h2-wal-val{font-size:36px}
  .rv-h2-mcard{flex-basis:124px}
}
@media (prefers-reduced-motion:reduce){
  .rv-h2-wal-body,.rv-h2-mcard,.rv-h2-seg-btn,.rv-h2-tab{transition:none}
}
.rv-h2-promo[hidden]{display:none!important}

/* ===== الرئيسية v3: رأس فاخر + أسواق (رقمية/فوركس/خيارات) ===== */
.rv-h2-head{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding-top:calc(10px + var(--rv-safe-top))}
/* الأيقونتان أقرب قليلًا لحافتي الشاشة مع بقاء مسافة أمان (حاوية الصفحة لها حشوة جانبية) */
.rv-h2-head>#rvH2Menu{margin-inline-start:-6px}
.rv-h2-head>a.rv-h2-ic{margin-inline-end:-6px}
.rv-h2-ic{flex:0 0 auto;width:38px;height:38px;border-radius:0;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#e7ebff!important;font-size:19px;cursor:pointer;transition:transform .18s ease,opacity .18s ease;text-decoration:none;padding:0}
.rv-h2-ic:active{transform:scale(.9)}
/* زر الرئيسية: نفس شحطات واجهة الزوار (rv-menu-btn) — نفس العرض والسماكة والتباعد */
.rv-h2-burger{flex-direction:column;justify-content:center;gap:5px}
.rv-h2-burger span{display:block;width:22px;height:2.4px;border-radius:2px;background:#fff}
.rv-h2-ic:hover{opacity:.8}
.rv-h2-mkts{flex:1 1 auto;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:rgba(13,18,38,.6);border:1px solid rgba(120,140,220,.14);border-radius:14px;padding:4px 6px}
.rv-h2-mkts::-webkit-scrollbar{display:none}
.rv-h2-mkts .rv-h2-seg-btn{flex:1 0 auto;white-space:nowrap;border:none;background:transparent;color:#8b93b8!important;font-size:13px;font-weight:700;padding:6px 17px;border-radius:10px;cursor:pointer;transition:background .2s ease,color .2s ease}
.rv-h2-mkts .rv-h2-seg-btn:last-child{padding-inline-end:19px}
/* شاشات ضيقة: تصغير الحشوة والخط قليلًا حتى تظهر الكلمات الثلاث كاملة بلا قص */
@media (max-width:430px){
  .rv-h2-mkts{gap:2px;padding:4px}
  .rv-h2-mkts .rv-h2-seg-btn{padding:6px 9px;font-size:12px}
  .rv-h2-mkts .rv-h2-seg-btn:last-child{padding-inline-end:10px}
  .rv-h2-head{gap:6px}
}
.rv-h2-mkts .rv-h2-seg-btn.active{background:var(--rv-primary,#192E85);color:#fff!important;box-shadow:0 4px 14px rgba(25,46,133,.5)}
.rv-h2-mkt{opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}
.rv-h2-mkt.in{opacity:1;transform:none}
.rv-h2-mkt[hidden]{display:none!important}
.rv-h2-fxic{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#eaeeff!important;background:linear-gradient(145deg,#232f66,#141a38);border:1px solid rgba(140,160,255,.28)}
.rv-h2-fxic.gold{color:#1c1706!important;background:linear-gradient(145deg,#f4d47c,#c9a13b);border-color:rgba(255,220,140,.5)}
.rv-h2-dir{flex:0 0 auto;min-width:78px;text-align:center;font-size:12px;font-weight:800;padding:7px 10px;border-radius:10px}
.rv-h2-dir.up{color:var(--rv-up)!important;background:rgba(46,189,133,.12)}
.rv-h2-dir.down{color:var(--rv-down)!important;background:rgba(246,70,93,.12)}
.rv-h2-note{display:flex;align-items:center;gap:6px;color:#6f77a0!important;font-size:12px;margin:10px 4px 0}
@media (prefers-reduced-motion:reduce){.rv-h2-mkt{transition:none}}

/* ===== الرئيسية v4: قائمة السوق الشاملة (3000+ أصل) ===== */
.rv-h2-lfb{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#232f66,#141a38);color:#eaeeff!important;font-weight:800;font-size:13px}
.rv-h2-spark{flex:0 0 auto;width:64px;height:24px;margin:0 4px;opacity:.9}
.rv-h2-spark svg{width:100%;height:100%;display:block}
.rv-h2-newb{flex:0 0 auto;display:inline-block;font-style:normal;font-size:9.5px;font-weight:800;color:var(--rv-up)!important;background:rgba(46,189,133,.14);border-radius:6px;padding:2px 6px;margin-top:3px;margin-inline-end:6px}
.rv-h2-row-name time{display:inline-block;color:#6f77a0!important;font-size:10px;margin-top:3px}
button.rv-h2-more{width:100%;border:none;background:rgba(25,46,133,.18);color:#aab4e8!important;font-size:13px;font-weight:700;padding:12px 0;border-radius:12px;cursor:pointer;margin-top:10px;transition:background .2s ease}
button.rv-h2-more:hover{background:rgba(25,46,133,.32)}
button.rv-h2-more[disabled]{opacity:.6;cursor:default}
button.rv-h2-more[hidden]{display:none!important}
@media (max-width:380px){.rv-h2-spark{display:none}}

/* ===== قسم الفوركس والأدوات المالية (v19) ===== */
.rv-fx-row{position:relative}
.rv-h2-fav{flex:0 0 auto;background:none;border:none;color:#6C7594;font-size:15px;padding:6px;cursor:pointer;transition:color .15s ease,transform .15s ease}
.rv-h2-fav.on{color:#f4c952}
.rv-h2-fav:active{transform:scale(.85)}
.rv-fx-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-inline-start:5px;vertical-align:middle}
.rv-fx-dot.on{background:var(--rv-up);box-shadow:0 0 5px rgba(46,189,133,.7)}
.rv-fx-dot.off{background:#6C7594}
.rv-fxic-indices{color:#9db4ff!important}
.rv-fxic-stocks{color:#c9a8ff!important}
.rv-fxic-energy{color:#ffb35c!important}
.rv-fxic-commodities{color:#a8e08f!important}
@keyframes rvFlUp{0%{color:var(--rv-up);text-shadow:0 0 10px rgba(46,189,133,.45)}100%{color:inherit;text-shadow:none}}
@keyframes rvFlDown{0%{color:var(--rv-down);text-shadow:0 0 10px rgba(246,70,93,.45)}100%{color:inherit;text-shadow:none}}
.rv-fl-up{animation:rvFlUp .9s ease}
.rv-fl-down{animation:rvFlDown .9s ease}
@media (prefers-reduced-motion:reduce){.rv-fl-up,.rv-fl-down{animation:none}}

/* صفحة الأداة المالية */
.rfx{padding:4px 2px}
.rfx-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.rfx-title{display:flex;flex-direction:column;gap:2px}
.rfx-title b{font-size:20px;color:#fff!important;font-weight:800}
.rfx-title small{color:var(--rv-txt2)!important;font-size:12.5px}
.rfx-right{display:flex;align-items:center;gap:8px}
.rfx-mkt{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:rgba(108,117,148,.15);color:#8b93b8!important}
.rfx-mkt.on{background:rgba(46,189,133,.12);color:var(--rv-up)!important}
.rfx-mkt.off{background:rgba(246,70,93,.1);color:var(--rv-down)!important}
.rfx-price-row{display:flex;align-items:center;gap:10px;margin-top:10px}
.rfx-price{font-size:30px;font-weight:800;color:#fff!important;line-height:1.1}
.rfx-age{color:#6C7594!important;font-size:11.5px;margin-top:4px}
.rfx-frames{display:flex;gap:6px;margin:14px 0 10px;overflow-x:auto;scrollbar-width:none}
.rfx-frames::-webkit-scrollbar{display:none}
.rfx-frames button{flex:0 0 auto;background:rgba(13,18,38,.6);border:1px solid rgba(120,140,220,.14);color:#8b93b8!important;font-size:12px;font-weight:700;padding:6px 13px;border-radius:9px;cursor:pointer}
.rfx-frames button.active{background:linear-gradient(135deg,#192E85,#2a44b8);color:#fff!important;border-color:transparent}
.rfx-chart{position:relative;min-height:320px;border:1px solid var(--rv-card-bd);border-radius:14px;overflow:hidden;background:rgba(11,16,34,.5)}
.rfx-chart .rv-mkt-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.rfx-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-top:14px}
.rfx-stat{display:flex;align-items:center;justify-content:space-between;background:var(--rv-card);border:1px solid var(--rv-card-bd);border-radius:11px;padding:9px 12px}
.rfx-stat span{color:var(--rv-txt2)!important;font-size:12px}
.rfx-stat b{color:#fff!important;font-size:13px;font-weight:700}
.rfx-ticks-wrap{margin-top:16px}
.rfx-ticks-wrap h6{color:var(--rv-txt2)!important;font-size:13px;font-weight:700;margin:0 0 8px}
.rfx-ticks{display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto}
.rfx-tick{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:9px;background:rgba(13,18,38,.5);font-size:12.5px}
.rfx-tick i{width:12px}
.rfx-tick.up i,.rfx-tick.up b{color:var(--rv-up)!important}
.rfx-tick.down i,.rfx-tick.down b{color:var(--rv-down)!important}
.rfx-tick span{color:#6C7594!important;margin-inline-start:auto;font-size:11px}
.rfx-stale{position:absolute;top:8px;inset-inline-start:8px;z-index:3;background:rgba(244,201,82,.12);color:#f4c952!important;border:1px solid rgba(244,201,82,.3);border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700}

/* ============ منصات التداول الثلاث (v21) ============ */
/* --- مشترك --- */
.tfx-toast{position:fixed;bottom:calc(84px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,16px);z-index:9999;background:#151b34;border:1px solid rgba(120,140,220,.25);color:#fff!important;border-radius:12px;padding:10px 18px;font-size:13px;font-weight:700;opacity:0;transition:.25s;max-width:88vw;text-align:center;box-shadow:0 8px 30px rgba(0,0,0,.5)}
.tfx-toast.in{opacity:1;transform:translate(-50%,0)}
.tfx-toast.ok{border-color:rgba(46,189,133,.4)}
.tfx-toast.err{border-color:rgba(246,70,93,.4)}
.tfx-toast.top{bottom:auto;top:calc(env(safe-area-inset-top) + 12px);transform:translate(-50%,-16px)}
.tfx-toast.top.in{opacity:1;transform:translate(-50%,0)}
.tfx-acct{text-align:left}
.tfx-acct span{display:block;color:#6C7594!important;font-size:10px}
.tfx-acct b{color:#fff!important;font-size:15px}
.tfx .up,.tbn .up,.tcx .up{color:var(--rv-up)!important}
.tfx .dn,.tbn .dn,.tcx .dn{color:var(--rv-down)!important}

/* --- منصة الفوركس (MT5) --- */
.tfx{padding:10px 12px calc(96px + env(safe-area-inset-bottom));max-width:760px;margin:0 auto}
.tfx-top{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 10px}
.tfx-brand{color:#fff!important;font-weight:800;font-size:16px;display:flex;align-items:center;gap:8px}
.tfx-brand i{color:var(--rv-fx-blue)}
.tfx-brand small,.tbn-brand small{color:#6C7594!important;font-size:10px;font-weight:600;border:1px solid rgba(120,140,220,.25);border-radius:6px;padding:2px 6px}
.tfx-tabs{display:flex;gap:6px;margin-bottom:10px}
.tfx-tabs button{flex:1;background:#12172c;border:1px solid rgba(120,140,220,.12);color:#8b93b8;border-radius:10px;padding:9px 4px;font-size:12.5px;font-weight:700;cursor:pointer}
.tfx-tabs button.active{background:#192E85;border-color:#192E85;color:#fff}
.tfx-tabs button em{font-style:normal;background:var(--rv-down);color:#fff;border-radius:8px;padding:1px 6px;font-size:10px;margin-inline-start:3px}
.tfx-watch-head{display:grid;grid-template-columns:1.3fr 1fr 1fr .6fr;padding:4px 10px;color:#6C7594!important;font-size:10.5px}
.tfx-watch-head span:not(:first-child){text-align:center}
.tfx-watch{background:#10152b;border:1px solid rgba(120,140,220,.1);border-radius:14px;overflow:hidden;max-height:264px;overflow-y:auto}
.tfx-wrow{display:grid;grid-template-columns:1.3fr 1fr 1fr .6fr;align-items:center;padding:9px 10px;border-bottom:1px solid rgba(120,140,220,.06);cursor:pointer}
.tfx-wrow:last-child{border-bottom:0}
.tfx-wrow.sel{background:rgba(25,46,133,.25)}
.tfx-wname b{display:block;color:#fff!important;font-size:12.5px}
.tfx-wname small i{font-style:normal;font-size:10.5px}
.tfx-closed{color:#6C7594!important}
.tfx-bid,.tfx-ask{text-align:center;font-size:12.5px;border-radius:6px;padding:3px 2px}
.tfx-bid{color:var(--rv-down)!important}
.tfx-ask{color:var(--rv-up)!important}
.tfx-spr{text-align:center;color:#8b93b8!important;font-size:11px}
.tfx-chart-wrap{background:#10152b;border:1px solid rgba(120,140,220,.1);border-radius:14px;margin-top:10px;overflow:hidden}
.tfx-chart-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px}
.tfx-chart-head b{color:#fff!important;font-size:14px}
.tfx-frames{display:flex;gap:4px}
.tfx-frames button{background:transparent;border:0;color:#6C7594;font-size:11px;font-weight:700;padding:4px 8px;border-radius:7px;cursor:pointer}
.tfx-frames button.active{background:rgba(0,102,204,.18);color:var(--rv-fx-blue)}
.tfx-chart{position:relative;height:260px}
.tfx-chart .rv-mkt-empty{padding-top:110px}
.tfx-ticket{background:#10152b;border:1px solid rgba(120,140,220,.1);border-radius:14px;margin-top:10px;padding:12px}
.tfx-lots{display:flex;align-items:center;gap:8px;justify-content:center}
.tfx-lots button{width:44px;height:44px;border-radius:12px;background:#161d38;border:1px solid rgba(120,140,220,.18);color:#fff;font-size:20px;cursor:pointer}
.tfx-lots-val{text-align:center}
.tfx-lots-val input{width:96px;background:transparent;border:0;color:#fff;font-size:22px;font-weight:800;text-align:center;outline:none}
.tfx-lots-val small{display:block;color:#6C7594!important;font-size:10.5px}
.tfx-sltp{display:flex;gap:8px;margin-top:10px}
.tfx-sltp label{flex:1;display:flex;align-items:center;gap:6px;background:#161d38;border:1px solid rgba(120,140,220,.15);border-radius:10px;padding:8px 10px;color:#6C7594!important;font-size:11px;font-weight:700}
.tfx-sltp input{flex:1;min-width:0;background:transparent;border:0;color:#fff;font-size:13px;outline:none;text-align:center}
.tfx-exec{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;margin-top:10px;align-items:stretch}
.tfx-sell,.tfx-buy{border:0;border-radius:12px;padding:10px 6px;cursor:pointer;text-align:center}
.tfx-sell{background:var(--rv-fx-red)}
.tfx-buy{background:var(--rv-fx-blue)}
.tfx-sell small,.tfx-buy small{display:block;color:rgba(255,255,255,.85)!important;font-size:10.5px;font-weight:800;letter-spacing:.5px}
.tfx-sell b,.tfx-buy b{color:#fff!important;font-size:15px}
.tfx-spread{align-self:center;text-align:center;min-width:44px}
.tfx-spread span{display:block;color:#fff!important;font-weight:800;font-size:13px}
.tfx-spread small{color:#6C7594!important;font-size:9.5px}
.tfx-req{margin-top:10px;text-align:center;color:#8b93b8!important;font-size:11.5px}
.tfx-req b{color:#fff!important}
.tfx-old{color:#f4c952!important;font-style:normal}
.tfx-pos{display:flex;align-items:center;justify-content:space-between;background:#10152b;border:1px solid rgba(120,140,220,.1);border-radius:13px;padding:11px 12px;margin-bottom:8px}
.tfx-pos-l b{color:#fff!important;font-size:13.5px;margin-inline-end:6px}
.tfx-pos-l small{display:block;color:#6C7594!important;font-size:11px;margin-top:3px}
.tfx-side{font-size:10.5px;font-weight:800;border-radius:6px;padding:2px 7px}
.tfx-side.buy{background:rgba(46,189,133,.15);color:var(--rv-up)!important}
.tfx-side.sell{background:rgba(246,70,93,.15);color:var(--rv-down)!important}
.tfx-pos-r{text-align:left}
.tfx-pos-r>b{font-size:14.5px}
.tfx-pos-btns{display:flex;gap:6px;margin-top:6px;justify-content:flex-end}
.tfx-mod{background:#161d38;border:1px solid rgba(120,140,220,.2);color:#8b93b8;border-radius:8px;width:32px;height:30px;cursor:pointer;font-size:11px}
.tfx-close{background:rgba(246,70,93,.15);border:1px solid rgba(246,70,93,.35);color:var(--rv-down);border-radius:8px;padding:0 12px;height:30px;font-size:11.5px;font-weight:700;cursor:pointer}
.tfx-rsn{color:#8b93b8!important}

/* --- منصة الخيارات الثنائية --- */
/* تخطيط الشاشة: عمود مرن يملأ الارتفاع؛ منطقة علوية تحوي الرأس+الشارت (الشارت
   يملأ المتبقّي)، وعنقود سفلي ثابت لأدوات التداول + صف صفقة نشطة واحد، فوق شريط
   التبويبات ومع احترام safe-area. يعمل على كل المقاسات (mobile/desktop). */
.tbn{padding:0;max-width:760px;margin:0 auto}
.tbn-scroll{padding:10px 12px 0}
/* شريط أدوات الفوركس هو مالك المساحة الآمنة. نُزيحه بصريًا ونحجز المقدار
   نفسه بعده بدل تغيير حشوة حاوية التمرير؛ iOS قد يعوّض تغيير الحشوة
   تلقائيًا عبر scroll anchoring فتظل الأدوات داخل منطقة النظام. */
#tfx2Scroll>.tb2-bar{
  transform:translateY(var(--rv-safe-top));
  margin-bottom:calc(8px + var(--rv-safe-top));
}
/* العنقود السفلي الثابت */
.tbn-bottom{position:fixed;left:0;right:0;z-index:30;
  bottom:calc(var(--rv-tabbar-h, 60px) + env(safe-area-inset-bottom, 0px));
  max-width:760px;margin:0 auto;background:#131a30;
  border-top:1px solid rgba(120,140,220,.12);border-radius:16px 16px 0 0;
  padding:12px 14px 12px;box-shadow:0 -8px 24px rgba(0,0,0,.35);
  max-height:76vh;overflow-y:auto;scrollbar-width:none}
.tbn-bottom::-webkit-scrollbar{display:none}
/* صف الصفقات النشطة: يعرض صفًّا واحدًا فقط بارتفاعه، ويمرّر داخليًا لو وُجد أكثر */

.tbn-active-strip{max-height:64px;overflow-y:auto;margin-bottom:8px;scrollbar-width:none}
.tbn-active-strip::-webkit-scrollbar{display:none}
.tbn-active-strip .rv-mkt-empty{display:none}       /* لا يحجز صفًّا عند عدم وجود صفقات */
.tbn-active-strip .tbn-tr{margin-bottom:6px;padding:7px 10px}
.tbn-active-strip .tbn-tr:last-child{margin-bottom:0}
.tbn-active-strip .tbn-bar{margin:4px 0 3px}
.tbn-top{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 10px}
.tbn-brand{color:#fff!important;font-weight:800;font-size:16px;display:flex;align-items:center;gap:8px}
.tbn-brand i{color:#f4c952}
.tbn-assets{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.tbn-assets::-webkit-scrollbar{display:none}
.tbn-asset{flex:0 0 auto;background:#12172c;border:1px solid rgba(120,140,220,.12);border-radius:12px;padding:8px 14px;cursor:pointer;text-align:center}
.tbn-asset.active{background:#192E85;border-color:#192E85}
.tbn-asset b{display:block;color:#fff!important;font-size:12.5px}
.tbn-asset small{color:#8b93b8!important;font-size:9.5px}
.tbn-price-row{display:flex;align-items:center;justify-content:space-between;padding:8px 4px}
.tbn-price-row>b{color:#fff!important;font-size:24px;border-radius:8px;padding:2px 8px}
.tbn-live{color:var(--rv-up)!important;font-size:11px;font-weight:700;display:flex;align-items:center;gap:5px}
.tbn-live i{width:7px;height:7px;border-radius:50%;background:var(--rv-up);animation:tbnBlink 1.4s infinite}
@keyframes tbnBlink{0%,100%{opacity:1}50%{opacity:.25}}
.tbn-chart{position:relative;height:250px;min-height:140px;background:#10152b;border:1px solid rgba(120,140,220,.1);border-radius:14px;overflow:hidden}
.tfx2-chart-bg{position:absolute;inset:0;z-index:0;background-position:center;background-size:cover;background-repeat:no-repeat;
  pointer-events:none;opacity:0;transition:opacity 180ms ease;transform:translateZ(0)}
.tfx2-chart-bg.has-image{opacity:.28}
.tfx2-chart-bg.has-image:after{content:"";position:absolute;inset:0;background:rgba(5,9,22,.34);pointer-events:none}
/* زر نوع الشارت داخل شارت الثنائية مخفي (متاح عبر قائمة ⋯) — يزيل الصندوق الفارغ
   أعلى يسار الشارت. لا يؤثّر على بقية الشاشات. */
#tbnChart .rvc-type-btn,#tbnChart .rvc-type-menu{display:none!important}
.tbn-panel{background:#10152b;border:1px solid rgba(120,140,220,.1);border-radius:14px;margin-top:10px;padding:12px}
.tbn-fields{display:flex;gap:10px;flex-wrap:wrap}
.tbn-field{flex:1;min-width:150px}
.tbn-field>span{display:block;color:#6C7594!important;font-size:11px;font-weight:700;margin-bottom:6px}
.tbn-amt{display:flex;align-items:center;gap:6px}
.tbn-amt button{width:38px;height:40px;border-radius:10px;background:#161d38;border:1px solid rgba(120,140,220,.18);color:#fff;font-size:18px;cursor:pointer}
.tbn-amt input{flex:1;min-width:0;background:#161d38;border:1px solid rgba(120,140,220,.15);border-radius:10px;color:#fff;font-size:16px;font-weight:800;text-align:center;height:40px;outline:none}
.tbn-durs{display:flex;gap:5px;flex-wrap:wrap}
.tbn-durs button{background:#161d38;border:1px solid rgba(120,140,220,.15);color:#8b93b8;border-radius:9px;padding:9px 10px;font-size:11.5px;font-weight:700;cursor:pointer}
.tbn-durs button.active{background:rgba(42,107,255,.18);border-color:#2a6bff;color:#5f8bff}
.tbn-payout{text-align:center;color:#8b93b8!important;font-size:12px;margin-top:10px}
.tbn-payout b{color:#f4c952!important}
/* زرّا BUY/SELL — مطابقان للصورة: زرّان متساويان بارتفاع ~48px، شريحة أيقونة
   داكنة في البداية بها سهم قطري (BUY ↗ / SELL ↘) ثم النص بحروف كبيرة. */
.tbn-exec{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:0}
.tbn-up,.tbn-down{display:flex;align-items:center;justify-content:center;gap:10px;
  border:0;border-radius:12px;height:48px;padding:0 8px;color:#fff!important;
  font-size:15px;font-weight:800;letter-spacing:.3px;cursor:pointer}
.tbn-up{background:#3fbf6a}
.tbn-down{background:#f0453f}
.tbn-exic{flex:0 0 auto;width:30px;height:30px;border-radius:8px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.18);color:#fff;font-size:13px}
.tbn-arw{transform:rotate(45deg)}                 /* ↗ لزرّ BUY */
.tbn-down .tbn-arw{transform:rotate(135deg)}      /* ↘ لزرّ SELL */
/* --- منصة الفوركس الموحّدة (tfx2) — تعيد استخدام أصناف tb2/tbn حرفيًا؛
   هنا فقط ما يخصّ منطقة التنفيذ الفوركسية (لوت + SL/TP + محرّر التعديل) --- */
/* ألوان أزرار BUY/SELL الفوركس (قرار المستخدم) — نطاق فوركسي حصري
   عبر tfx2-exbuy/tfx2-exsell كي لا تتأثر أزرار الثنائية المشتركة (tbn) */
.tbn-up.tfx2-exbuy{background:var(--rv-fx-blue)}
.tbn-down.tfx2-exsell{background:var(--rv-fx-red)}
#tfx2Chart .rvc-type-btn,#tfx2Chart .rvc-type-menu{display:none!important}
/* Open Position Overlay بنمط MT5 (الفوركس حصريًا): نص كل صفقة على أقصى
   يسار خطها داخل الشارت — النوع/اللوت بلون الصفقة (BUY أزرق/SELL أحمر)
   وقيمة الـP/L بلون الربح/الخسارة (تتبدّل live). الطبقة لا تعترض اللمس. */
#tfx2LineTags{position:absolute;inset:0;z-index:7;pointer-events:none;overflow:hidden}
/* نص طافٍ فوق خط الدخول مباشرة (فجوة 3px) — بلا خلفية/pill/ظل (قرار المهمة) */
.tfx2-linetag{position:absolute;left:6px;transform:translateY(calc(-100% - 1.5px));
  direction:ltr;white-space:nowrap;pointer-events:none;
  font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums}
/* !important إلزامي: قاعدة عامة p,span,a,button{color:#F2F2F2!important}
   في style.css كانت تُبيّض نص الوسم (span بلا صنف). نحمي ألوان الوسم صراحةً. */
.tfx2-linetag.buy{color:var(--rv-fx-blue)!important}
.tfx2-linetag.sell{color:#F04533!important}
/* نص «SL/TP» بنمط MT5: أحمر الخسارة دائمًا (Buy أو Sell) بلا خلفية */
.tfx2-linetag.sltp{color:var(--rv-fx-red)!important}
/* ألوان P/L الفوركس (قرار المستخدم): الربح أزرق #0A84FF لا أخضر، الخسارة #F04533 */
.tfx2-linetag .tfx2-pnl{color:var(--rv-fx-blue)!important}
.tfx2-linetag .tfx2-pnl.up{color:var(--rv-fx-blue)!important}
.tfx2-linetag .tfx2-pnl.down{color:var(--rv-fx-red)!important}
/* أنماط .tfx2-info (التوسيط العمودي) بجوار .tb2-info أدناه */
/* ==== تثبيت شاشة الفوركس عموديًا (موبايل) ====
   html.rv-fxlock يضبطه rio-trade-fx.js أثناء ظهور page=trade-fx فقط:
   لا سكرول صفحة ولا rubber-band — الواجهة تملأ الشاشة والشارت يأخذ المتبقي.
   الديسكتوب (≥1024px) خارج القفل — عموده الجانبي يتمرر كما هو. */
@media (max-width:1023.98px){
  html.rv-fxlock,html.rv-fxlock body{
    height:100%;overflow:hidden;
    overscroll-behavior:none;
  }
  /* dvh = الارتفاع الديناميكي الحقيقي: يتبع visualViewport فيعود تلقائيًا
     بعد إغلاق الكيبورد بدل الاحتفاظ بارتفاع متقادم (fallback أعلاه 100%) */
  @supports (height:100dvh){
    html.rv-fxlock,html.rv-fxlock body{height:100dvh;}
  }
}
.tfx2-exlbl{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.15}
.tfx2-exlbl small{font-size:10.5px;font-weight:700;color:rgba(255,255,255,.85)!important;letter-spacing:.2px}
/* ==== صف التنفيذ MT5 المضغوط (فوركس فقط) — SELL | لوت | BUY بعرض كامل ====
   يمتد من حافة إلى حافة (هامش سالب يعادل padding اللوحة) بلا مظهر كارد؛
   المساحة الموفَّرة من حذف صف اللوت المستقل تذهب للشارت (chartHeight يقيس
   top اللوحة السفلية تلقائيًا + ResizeObserver). لا يمسّ أصناف tbn المشتركة. */
.tfx2-execrow{display:flex;align-items:stretch;margin-top:6px;background:#0b0f1f}
@media (max-width:1023.98px){
  #tfx2Bottom{border-radius:0;padding:6px 14px 0}
  .tfx2-execrow{margin:6px -14px 0}
}
.tfx2-exbtn{flex:1 1 0;min-width:0;border:0;border-radius:0;height:42px;
  display:flex;align-items:center;padding:0 10px;color:#fff!important;cursor:pointer;
  -webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;
  user-select:none;-webkit-user-select:none;touch-action:manipulation}
/* ثبات كامل للشكل عند الضغط/أثناء الطلب: لا opacity/scale/لون/تظليل لمس —
   التعطيل المنطقي (منع الضغط المزدوج) بلا أي أثر بصري */
.tfx2-exbtn{appearance:none;-webkit-appearance:none}
.tfx2-exbtn:hover,.tfx2-exbtn:active,.tfx2-exbtn:focus,.tfx2-exbtn:focus-visible,.tfx2-exbtn:disabled{
  opacity:1;transform:none;filter:none;outline:none;box-shadow:none;background-image:none}
.tbn-up.tfx2-exbuy:hover,.tbn-up.tfx2-exbuy:active,.tbn-up.tfx2-exbuy:focus,
.tbn-up.tfx2-exbuy:focus-visible,.tbn-up.tfx2-exbuy:disabled{background:var(--rv-fx-blue);color:#fff!important}
.tbn-down.tfx2-exsell:hover,.tbn-down.tfx2-exsell:active,.tbn-down.tfx2-exsell:focus,
.tbn-down.tfx2-exsell:focus-visible,.tbn-down.tfx2-exsell:disabled{background:var(--rv-fx-red);color:#fff!important}
/* حركة الضغط: النص+السعر (الحاوية الداخلية) ينزاحان قطريًا يمين-أسفل 1.5px
   ويعودان فورًا — الخلفية/الحجم/الحدود لا تتحرك إطلاقًا */
@keyframes tfx2Press{0%{transform:translate(0,0)}45%{transform:translate(1.5px,1.5px)}100%{transform:translate(0,0)}}
.tfx2-execrow .tfx2-exlbl.tfx2-pressed{animation:tfx2Press 120ms ease-out}
/* غير جاهز (إعادة اتصال/انتظار بيانات حية): Dimmed + Disabled — يعود للونه الكامل فورًا */
.tfx2-exbtn.tfx2-notready,.tfx2-exbtn.tfx2-notready:disabled{opacity:.4;cursor:default;transition:opacity .15s ease}
/* خط Loading رفيع جدًا بين أدوات الشارت وبداية الشارت — absolute أعلى
   tb2-chartwrap (position:relative) فلا يضيف ارتفاعًا ولا Layout Shift */
.tfx2-loadline{position:absolute;top:-1px;left:12px;right:12px;height:2px;z-index:8;
  overflow:hidden;border-radius:2px;background:rgba(42,107,255,.12);
  opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}
.tfx2-loadline.on{opacity:1;visibility:visible}
.tfx2-loadline::before{content:'';position:absolute;top:0;left:-40%;width:40%;height:100%;
  border-radius:2px;background:linear-gradient(90deg,transparent,#0066CC 45%,#0066CC 55%,transparent);
  animation:tfx2LoadSlide 1.1s linear infinite}
.tfx2-loadline:not(.on)::before{animation-play-state:paused}
@keyframes tfx2LoadSlide{from{left:-40%}to{left:100%}}
/* محاذاة موحّدة: كلمة BUY في نفس موضع كلمة SELL (نفس الجهة والمسافة)،
   والسعر الحي يتوسط عرض الزر أفقيًا في الزرين — بلا أي تغيير في الأبعاد/الألوان */
.tfx2-exsell,.tfx2-exbuy{justify-content:flex-start}
.tfx2-execrow .tfx2-exlbl{line-height:1;font-size:10px;font-weight:800;letter-spacing:.4px;gap:1px;width:100%}
.tfx2-exsell .tfx2-exlbl,.tfx2-exbuy .tfx2-exlbl{align-items:flex-start}
.tfx2-execrow .tfx2-exlbl small{font-size:14px;font-weight:800;color:#fff!important;align-self:center;
  letter-spacing:.2px;display:inline-flex;align-items:baseline;line-height:1;font-variant-numeric:tabular-nums}
.tfx2-execrow .tfx2-exlbl small b{font-size:20px;font-weight:800;line-height:.9}
.tfx2-lotstep{flex:0 0 auto;display:flex;align-items:center;padding:0 2px}
.tfx2-lst{width:38px;align-self:stretch;background:none;border:0;color:#c7cded;
  font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.tfx2-lst:active{color:#fff}
.tfx2-lotstep input{width:56px;background:none;border:0;outline:none;color:#fff;
  font:inherit;font-size:15px;font-weight:800;text-align:center}
.tfx2-mod{display:flex;align-items:center;gap:6px;margin-top:8px}
.tfx2-mod-in{flex:1;min-width:0;background:#161d38;border:1px solid rgba(120,140,220,.15);
  border-radius:8px;color:#fff;font-size:12.5px;font-weight:700;text-align:center;height:32px;outline:none}
.tfx2-mod-save{flex:0 0 auto;background:rgba(0,102,204,.18);border:1px solid var(--rv-fx-blue);color:var(--rv-fx-blue);
  border-radius:8px;padding:0 12px;height:32px;font-size:11.5px;font-weight:700;cursor:pointer}
.tfx2-mod-close{flex:0 0 auto;background:rgba(246,70,93,.15);border:1px solid rgba(246,70,93,.35);color:var(--rv-down);
  border-radius:8px;padding:0 12px;height:32px;font-size:11.5px;font-weight:700;cursor:pointer}
.tbn-active-wrap,.tbn-hist-wrap{margin-top:14px}
.tbn-active-wrap h6,.tbn-hist-wrap h6{color:#8b93b8!important;font-size:12px;font-weight:800;margin:0 0 8px}
.tbn-tr{background:#10152b;border:1px solid rgba(120,140,220,.1);border-radius:12px;padding:10px 12px;margin-bottom:7px}
/* رأس الصفقة (الصف القابل للنقر لفتح التفاصيل) */
.tbn-tr-hd{display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:8px}
.tbn-caret{color:#6C7594!important;font-size:11px;flex:0 0 auto;transition:transform .18s ease,color .18s ease;transform:rotate(0deg)}
.tbn-tr.open{border-color:rgba(126,160,255,.6);background:#141b38;box-shadow:0 0 0 1px rgba(126,160,255,.25),0 6px 18px rgba(20,30,70,.35)}
.tbn-tr.open .tbn-caret{transform:rotate(180deg);color:#7ea0ff!important}
.tbn-tr.open .tbn-tr-hd{padding-bottom:2px}
.tbn-tr.win{border-color:rgba(46,189,133,.3)}
.tbn-tr.loss{border-color:rgba(246,70,93,.25)}
/* لوحة تفاصيل الصفقة: سعر ووقت التنفيذ بالمللي ثانية + تدقيق */
.tbn-dt{margin-top:9px;padding-top:9px;border-top:1px dashed rgba(120,140,220,.18);display:flex;flex-direction:column;gap:5px}
.tbn-dt-r{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tbn-dt-r span{color:#8b93b8!important;font-size:11px}
.tbn-dt-r b{color:#dfe4f5!important;font-size:12px;font-weight:700}
.tbn-dt-r b small{color:#6C7594!important;font-weight:500;font-size:10px}
/* صف تفاؤلي (قبل إقرار الخادم): خافت ومميّز بصريًا + نبضة لطيفة */
.tbn-tr.optimistic{opacity:.62;border-style:dashed;border-color:rgba(126,160,255,.35);animation:tbnAckPulse 1s ease-in-out infinite}
.tbn-ack{color:#7ea0ff!important;font-style:italic}
.tfxs-line.optimistic{opacity:.62;animation:tbnAckPulse 1s ease-in-out infinite}
@keyframes tbnAckPulse{0%,100%{opacity:.5}50%{opacity:.78}}
.tbn-tr-l b{color:#fff!important;font-size:13px;margin-inline-end:6px}
.tbn-tr-l small{display:block;color:#6C7594!important;font-size:11px;margin-top:3px}
.tbn-dir{font-size:10.5px;font-weight:800;border-radius:6px;padding:2px 7px}
.tbn-dir.up{background:rgba(46,189,133,.15);color:var(--rv-up)!important}
.tbn-dir.down{background:rgba(246,70,93,.15);color:var(--rv-down)!important}
/* هوية الفوركس: BUY أزرق ثابت (النتيجة وحدها خضراء/حمراء) — الثنائية/الكريبتو لا تتأثر */
.tbn-dir.fx.up{background:rgba(0,102,204,.15);color:var(--rv-fx-blue)!important}
.tbn-dir.fx.down{background:rgba(246,70,93,.15);color:#F6465D!important}
.tbn-tr-r{text-align:left;min-width:86px}
.tbn-tr-r b{font-size:14px}
.tbn-tr-r b.win{color:var(--rv-up)!important}
.tbn-tr-r b.loss{color:var(--rv-down)!important}
.tbn-tr-r b.draw{color:#8b93b8!important}
.tbn-tr-r small{display:block;color:#8b93b8!important;font-size:11px;margin-top:2px}
.tbn-cd{color:#f4c952!important}
.tbn-bar{height:4px;background:rgba(120,140,220,.15);border-radius:3px;margin:5px 0;overflow:hidden}
.tbn-bar i{display:block;height:100%;background:#f4c952;border-radius:3px;transition:width 1s linear}
.tbn-stats{display:flex;gap:12px;flex-wrap:wrap;padding:8px 4px;color:#8b93b8!important;font-size:11.5px;font-weight:700}

/* --- أدوات الكريبتو (Binance) --- */
.tcx{margin:14px auto 0;max-width:760px}
.tcx-info{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}
.tcx-cell{background:#10152b;border:1px solid rgba(120,140,220,.1);border-radius:11px;padding:8px 6px;text-align:center}
.tcx-cell span{display:block;color:#6C7594!important;font-size:9.5px;margin-bottom:3px}
.tcx-cell b{color:#fff!important;font-size:12px}
.tcx-tabs{display:flex;gap:6px;margin-bottom:8px}
.tcx-tabs button{flex:1;background:#12172c;border:1px solid rgba(120,140,220,.12);color:#8b93b8;border-radius:10px;padding:8px 4px;font-size:12px;font-weight:700;cursor:pointer}
.tcx-tabs button.active{background:#192E85;border-color:#192E85;color:#fff}
.tcx-note{padding:24px 16px!important;line-height:1.8}
.tcx-book{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tcx-book-col{background:#10152b;border:1px solid rgba(120,140,220,.1);border-radius:12px;padding:8px;overflow:hidden}
.tcx-book-col h6{font-size:11px;font-weight:800;margin:0 0 6px;text-align:center}
.tcx-brow{position:relative;display:flex;justify-content:space-between;padding:3.5px 6px;font-size:11px;overflow:hidden;border-radius:5px}
.tcx-brow i{position:absolute;top:0;bottom:0;inset-inline-end:0;opacity:.12;border-radius:5px}
.tcx-brow.bid i{background:var(--rv-up)}
.tcx-brow.ask i{background:var(--rv-down)}
.tcx-brow b{position:relative;font-weight:700}
.tcx-brow.bid b{color:var(--rv-up)!important}
.tcx-brow.ask b{color:var(--rv-down)!important}
.tcx-brow span{position:relative;color:#8b93b8!important}
.tcx-trades{background:#10152b;border:1px solid rgba(120,140,220,.1);border-radius:12px;padding:6px;max-height:300px;overflow-y:auto}
.tcx-trow{display:flex;justify-content:space-between;align-items:center;padding:4.5px 8px;font-size:11.5px}
.tcx-trow b{font-weight:700}
.tcx-trow.up b{color:var(--rv-up)!important}
.tcx-trow.dn b{color:var(--rv-down)!important}
.tcx-trow span{color:#c8cede!important}
.tcx-trow small{color:#6C7594!important;font-size:10px}
.rv-h2-trade-cta{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 2px 12px;background:#192E85;color:#fff!important;border-radius:13px;padding:13px;font-size:14px;font-weight:800;text-decoration:none!important}
.rv-h2-trade-cta i{font-size:13px}

/* ============ منصة السبوت (كريبتو) — نمط Binance Spot ============ */
.tsp{padding:10px 12px 90px;max-width:640px;margin:0 auto}
.tsp .up{color:var(--rv-up)}.tsp .dn{color:var(--rv-down)}
.tsp-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.tsp-pairbtn{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);color:#fff;border-radius:12px;padding:9px 14px;font-size:15.5px;font-weight:800;cursor:pointer}
.tsp-pairbtn i{font-size:11px;color:#8b93a7}
.tsp-toprt{display:flex;flex-direction:column;align-items:flex-end;gap:1px}
.tsp-last{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}
.tsp-chg{font-size:12px;font-weight:700}
.tsp-stats{display:flex;gap:14px;margin:4px 2px 8px}
.tsp-stats div{display:flex;flex-direction:column;gap:1px}
.tsp-stats span{font-size:10.5px;color:#8b93a7}
.tsp-stats b{font-size:12px;font-variant-numeric:tabular-nums}
.tsp-tfs{display:flex;gap:6px;margin-bottom:6px}
.tsp-tfs button{background:transparent;border:0;color:#8b93a7;font-size:12px;font-weight:700;padding:5px 9px;border-radius:8px;cursor:pointer}
.tsp-tfs button.on{background:rgba(25,46,133,.5);color:#fff}
.tsp-chart{height:260px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03);margin-bottom:10px}
.tsp-main{display:grid;grid-template-columns:1.25fr 1fr;gap:10px;margin-bottom:12px}
.tsp-form{display:flex;flex-direction:column;gap:8px}
.tsp-bs{display:flex;background:rgba(255,255,255,.05);border-radius:10px;padding:3px;gap:3px}
.tsp-bs-b{flex:1;border:0;background:transparent;color:#8b93a7;font-size:13.5px;font-weight:800;padding:8px;border-radius:8px;cursor:pointer}
.tsp-bs-b.buy.on{background:var(--rv-up);color:#fff}
.tsp-bs-b.sell.on{background:var(--rv-down);color:#fff}
.tsp-types{display:flex;gap:5px}
.tsp-types button{flex:1;background:rgba(255,255,255,.05);border:1px solid transparent;color:#8b93a7;font-size:11px;font-weight:700;padding:6px 2px;border-radius:8px;cursor:pointer}
.tsp-types button.on{border-color:#192E85;background:rgba(25,46,133,.35);color:#fff}
.tsp-f label{display:block;font-size:10.5px;color:#8b93a7;margin-bottom:3px}
.tsp-f input{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:10px;color:#fff;font-size:14px;padding:9px 10px;font-variant-numeric:tabular-nums}
.tsp-f input:focus{outline:none;border-color:#192E85}
.tsp-pcts{display:flex;gap:5px}
.tsp-pcts button{flex:1;background:rgba(255,255,255,.05);border:0;color:#8b93a7;font-size:10.5px;font-weight:700;padding:5px 0;border-radius:7px;cursor:pointer}
.tsp-pcts button:active{background:rgba(25,46,133,.4);color:#fff}
.tsp-tot,.tsp-fee,.tsp-avail{display:flex;justify-content:space-between;font-size:11.5px;color:#8b93a7}
.tsp-tot b,.tsp-fee b,.tsp-avail b{color:#e6e9f2;font-variant-numeric:tabular-nums;font-size:11.5px}
.tsp-submit{border:0;border-radius:11px;color:#fff;font-size:14.5px;font-weight:800;padding:12px;cursor:pointer;margin-top:2px}
.tsp-submit.buy{background:var(--rv-up)}
.tsp-submit.sell{background:var(--rv-down)}
.tsp-ob{display:flex;flex-direction:column;font-variant-numeric:tabular-nums}
.tsp-ob-h{display:flex;justify-content:space-between;font-size:10px;color:#8b93a7;padding:0 4px 4px}
.tsp-ob-r{position:relative;display:flex;justify-content:space-between;font-size:11px;padding:2.5px 4px;cursor:pointer;border-radius:4px}
.tsp-ob-r i{position:absolute;top:0;bottom:0;left:0;border-radius:4px;opacity:.12}
.tsp-ob-r.ask span:first-of-type{color:var(--rv-down)}
.tsp-ob-r.ask i{background:var(--rv-down)}
.tsp-ob-r.bid span:first-of-type{color:var(--rv-up)}
.tsp-ob-r.bid i{background:var(--rv-up)}
.tsp-ob-r span{position:relative}
.tsp-ob-mid{text-align:center;font-size:15px;font-weight:800;padding:5px 0}
.tsp-tabs{display:flex;gap:4px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:8px;overflow-x:auto}
.tsp-tabs button{background:transparent;border:0;color:#8b93a7;font-size:12px;font-weight:700;padding:8px 9px;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent}
.tsp-tabs button.on{color:#fff;border-bottom-color:#192E85}
.tsp-list-h,.tsp-list-r{display:grid;grid-template-columns:1.2fr 1fr 1fr;font-size:11.5px;padding:3px 4px;font-variant-numeric:tabular-nums}
.tsp-list-h{color:#8b93a7;font-size:10.5px}
.tsp-list-r span:last-child{text-align:left;color:#8b93a7}
.tsp-ord{background:rgba(255,255,255,.04);border-radius:12px;padding:10px 12px;margin-bottom:8px}
.tsp-ord-t{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.tsp-ord-t b{font-size:13px}
.tsp-ord-t span{font-size:11px;color:#8b93a7}
.tsp-st-open,.tsp-st-waiting{color:#f0b90b!important}
.tsp-st-filled{color:var(--rv-up)!important}
.tsp-ord-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:6px}
.tsp-ord-g span{display:block;font-size:10px;color:#8b93a7}
.tsp-ord-g b{font-size:11.5px;font-variant-numeric:tabular-nums}
.tsp-cancel{margin-top:8px;width:100%;background:rgba(246,70,93,.12);border:1px solid rgba(246,70,93,.35);color:var(--rv-down);border-radius:9px;padding:7px;font-size:12px;font-weight:700;cursor:pointer}
.tsp-sheet{position:fixed;inset:0;z-index:1200}
.tsp-sheet-bg{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.tsp-sheet-in{position:absolute;left:0;right:0;bottom:0;max-height:78vh;background:#10142a;border-radius:18px 18px 0 0;padding:14px 14px calc(14px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}
.tsp-sheet-head{display:flex;justify-content:space-between;align-items:center}
.tsp-sheet-head b{font-size:15px}
.tsp-sheet-head button{background:rgba(255,255,255,.07);border:0;color:#8b93a7;width:30px;height:30px;border-radius:50%;cursor:pointer}
.tsp-sheet-in>input{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:11px;color:#fff;font-size:14px;padding:10px 12px}
.tsp-sheet-in>input:focus{outline:none;border-color:#192E85}
.tsp-search-rows{overflow-y:auto;flex:1;min-height:200px}
.tsp-sr{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.05);padding:10px 2px;cursor:pointer;text-align:right;color:#fff}
.tsp-sr img,.tsp-sr-ph{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.08);flex-shrink:0}
.tsp-sr-n{flex:1;display:flex;flex-direction:column;gap:1px}
.tsp-sr-n b{font-size:13px}
.tsp-sr-n span{font-size:11px;color:#8b93a7}
.tsp-sr-p{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-variant-numeric:tabular-nums}
.tsp-sr-p b{font-size:12.5px}
.tsp-sr-p span{font-size:11px}
@media (max-width:420px){.tsp-main{grid-template-columns:1.15fr 1fr;gap:8px}}

/* تحديث سبوت v2 — مطابقة مرجع Binance: النموذج يسارًا ودفتر الأوامر يمينًا + أدوات إدخال */
.tsp-main{direction:ltr}
.tsp-main .tsp-form,.tsp-main .tsp-ob{direction:rtl}
.tsp-step{display:flex;align-items:stretch;gap:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:10px;overflow:hidden}
.tsp-step:focus-within{border-color:#192E85}
.tsp-step input{flex:1;min-width:0;background:transparent;border:0;border-radius:0;text-align:center}
.tsp-step input:focus{outline:none;border:0}
.tsp-mm{background:transparent;border:0;color:#8b93a7;font-size:16px;font-weight:800;width:34px;cursor:pointer;flex-shrink:0}
.tsp-mm:active{color:#fff}
.tsp-range{-webkit-appearance:none;appearance:none;width:100%;height:3px;border-radius:3px;background:rgba(255,255,255,.14);margin:4px 0 0}
.tsp-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#e6e9f2;border:2px solid #192E85;border-radius:4px;transform:rotate(45deg);cursor:pointer}
.tsp-range::-moz-range-thumb{width:12px;height:12px;background:#e6e9f2;border:2px solid #192E85;border-radius:4px;transform:rotate(45deg);cursor:pointer}
.tsp-ratio{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;padding:6px 2px 0;font-variant-numeric:tabular-nums}
.tsp-ratio-bar{flex:1;display:flex;height:4px;border-radius:4px;overflow:hidden;gap:1px}
.tsp-ratio-bar i.b{background:var(--rv-up);height:100%}
.tsp-ratio-bar i.a{background:var(--rv-down);height:100%}

/* ===== نظام الشارت الموحّد (RioChart) — مبدّل نوع الرسم ===== */
.rvc-wrap{position:relative}
.rvc-type-btn{position:absolute;top:6px;left:6px;z-index:12;width:30px;height:26px;display:flex;align-items:center;justify-content:center;
  background:rgba(15,23,42,.78);border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#cfd6e6;font-size:12px;cursor:pointer}
.rvc-type-btn:active{transform:scale(.94)}
.rvc-type-menu{position:absolute;top:36px;left:6px;z-index:13;display:flex;flex-direction:column;min-width:150px;
  background:#111a2e;border:1px solid rgba(255,255,255,.12);border-radius:10px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.rvc-type-menu button{display:flex;align-items:center;gap:8px;background:none;border:0;color:#cfd6e6;font-size:12.5px;padding:9px 12px;text-align:right;cursor:pointer}
.rvc-type-menu button i{width:16px;text-align:center;font-size:11px;color:#8b93a7}
.rvc-type-menu button:hover,.rvc-type-menu button.on{background:rgba(42,107,255,.15);color:#fff}
.rvc-type-menu button.on i{color:#2a6bff}

/* ===== RioMktSwitch — مبدّل السوق داخل صفحات التداول ===== */
.rv-demo-badge{display:inline-block;font-style:normal;font-size:10px;letter-spacing:.5px;color:#f59e0b;border:1px solid rgba(245,158,11,.5);border-radius:4px;padding:1px 4px;margin-right:4px}
.rvms-host{position:relative}
.rvms-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}
.rvms-car{font-size:10px;margin-inline-start:6px;opacity:.65;transition:transform .15s}
.rvms-menu{position:absolute;top:calc(100% + 4px);inset-inline-start:0;z-index:60;min-width:200px;
  background:#10173a;border:1px solid rgba(120,140,220,.22);border-radius:14px;
  box-shadow:0 14px 34px rgba(0,0,0,.5);padding:6px;display:flex;flex-direction:column;gap:2px;
  animation:rvmsIn .14s ease}
@keyframes rvmsIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.rvms-it{display:flex;align-items:center;gap:10px;width:100%;text-align:start;
  background:none;border:0;color:#cdd4f0;font:inherit;font-size:13.5px;font-weight:700;
  padding:10px 12px;border-radius:10px;cursor:pointer}
.rvms-it i:first-child{width:18px;text-align:center;color:#8b93b8;font-size:13px}
.rvms-it:active{background:rgba(120,140,220,.12)}
.rvms-it.on{background:rgba(25,46,133,.35);color:#fff}
.rvms-it.on i:first-child{color:#7ea0ff}
.rvms-ck{margin-inline-start:auto;color:#22c55e;font-size:12px}

/* ===== الخيارات الثنائية v2 — نمط Pocket Option ===== */
/* رأس الأصل: زر الأصل يسارًا، وأدوات الشارت (نوع الشارت + ⋯) في الطرف المقابل */
/* محاذاة الطرفين: هوامش سالبة تعوّض حشوة .tbn-scroll الجانبية (12px) فيلتصق
   اسم الأصل بالحافة الأولى والرصيد بالحافة المقابلة مع أقل safe padding.
   min-height يثبّت ارتفاع الصف (زر الأداة 34px هو الأطول) رغم تموضع الأدوات المطلق */
.tb2-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px -8px 8px;position:relative;min-height:34px}
.tb2-assetbtn{display:flex;align-items:center;gap:8px;background:#141b3f;border:1px solid rgba(120,140,220,.18);
  border-radius:12px;color:#fff;font:inherit;font-weight:800;font-size:14px;padding:9px 12px;cursor:pointer}
/* اسم الأصل بلا صندوق/خلفية — نص فقط شفّاف. صف مضغوط بارتفاع سطر واحد:
   الشعار في منتصف الرمز عموديًا والسهم ملاصق للرمز بمسافة صغيرة */
.tb2-assetbtn-plain{background:none!important;border:0!important;border-radius:0;padding:4px 2px;gap:6px}
.tb2-assetbtn-plain b{line-height:1;white-space:nowrap}
.tb2-assetbtn i:first-child{color:#7ea0ff;font-size:13px}
.tb2-car{font-size:10px;opacity:.6;margin-inline-start:-2px}
/* أيقونتان شفافتان (نوع الشارت + ⋯) مجمّعتان في الطرف المقابل لاسم الأصل */
.tb2-tools{margin-inline-start:auto;display:flex;align-items:center;gap:2px}
/* بعد حذف الرأس: الأدوات بجانب اسم الأصل، وقيمة الرصيد في الطرف المقابل نصًا فقط */
/* مجموعة الأدوات الثلاث تتمركز على 50% من عرض الشاشة الحقيقي (تموضع مطلق داخل الصف
   — حشوة .tbn-scroll متناظرة و.tbn ممركز، فمنتصف الصف = منتصف الشاشة) */
.tb2-tools-r{margin-inline-start:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
/* شاشات ضيقة جدًا: تقليص عرض منطقة اللمس فقط (لا حجم الأيقونات) لمنع تداخل
   الأدوات الممركزة مع اسم الأصل */
@media (max-width:379px){.tb2-tools-r .tb2-tool{width:30px;padding:6px 3px}}
.tb2-balv{color:#fff!important;font-size:14.5px;font-weight:800;padding:2px 2px;white-space:nowrap}
/* شارة الحساب التجريبي فوق الرصيد: مطلقة كي لا تدخل في flex أو تغيّر ارتفاع الصف/موضع الرقم */
.tb2-bar>.rv-demo-badge--balance{position:absolute;inset-inline-end:2px;top:-5px;margin:0;
  padding:1px 2px;font-size:7px;line-height:1;letter-spacing:.25px}
/* زر «خروج» (نمط MT5) — حلّ محل زر الأصل: نص شفاف بلا صندوق، السهم أولًا في DOM
   فيقع أقصى اليمين في صف RTL والكلمة بجانبه — منطقة ضغط واحدة */
.tfx2-exit-btn{display:flex;align-items:center;gap:7px;background:none;border:0;padding:6px 2px;
  color:#fff;font:inherit;font-weight:800;font-size:14px;line-height:1;white-space:nowrap;cursor:pointer}
.tfx2-exit-btn i{color:#7ea0ff;font-size:13px}
/* أوفرلاي اسم الأصل داخل الشارت (نمط MT5): سطران نصيان فقط أعلى يسار الشارت —
   بلا خلفية/إطار، LTR، pointer-events:none (لا يعيق سحب/pinch)، مثبت بالنسبة
   لحاوية الشارت فلا يتحرك مع الشموع ولا يقلّص مساحتها */
.tfx2-sym-ovl{position:absolute;top:8px;left:12px;z-index:5;pointer-events:auto;cursor:pointer;
  background:none;border:0;padding:0;margin:0;text-align:left;font:inherit;touch-action:manipulation;
  direction:ltr;text-align:left;line-height:1.3;user-select:none}
.tfx2-so-l1{display:flex;align-items:center;gap:5px}
.tfx2-so-l1 .fa-chevron-down{font-size:9px;color:rgba(200,210,235,.65)}
.tfx2-sym-ovl b{display:block;font-size:14px;font-weight:800;color:#e8edf9;letter-spacing:.2px}
.tfx2-sym-ovl span{display:block;font-size:11px;font-weight:500;color:rgba(200,210,235,.65);margin-top:1px}
/* سطر الرمز يبقى صفًا أفقيًا (BTCUSDT ▼) — التخصيص هنا أعلى من قاعدة span العامة أعلاه */
.tfx2-sym-ovl span.tfx2-so-l1{display:flex;margin-top:0}
/* شارة «السوق مغلق» تنزل تحت سطري الاسم حتى لا يتراكبا */
#tfx2SymOvl ~ .tfx2-mkt-badge{top:52px}
/* علامة ✓ للسوق الحالي في قائمة ⋯ */
.tb2-mp-ck{margin-inline-start:auto;color:#7ea0ff;font-size:11px}
.tb2-tool{background:none;border:0;padding:6px;width:36px;height:34px;
  display:inline-flex;align-items:center;justify-content:center;
  color:#9aa3c4;font-size:22px;cursor:pointer;border-radius:9px;transition:color .12s}
.tb2-tool:hover{color:#cfd6ee}
/* رمز الفريم النشط داخل زر القائمة (مكان ⋯ سابقًا) — بنفس أبعاد الزر.
   النص العريض يبدو أصغر بصريًا من SVG بنفس الحجم، لذا 16px يوازن ارتفاعه
   البصري مع أيقونتَي 22px (الأحرف الكبيرة ≈ 0.72em) */
.tb2-tf-lb{font-size:16px;font-weight:800;letter-spacing:.3px;line-height:1;font-family:inherit}
.tb2-tool:active{color:#fff;background:rgba(120,140,220,.1)}
/* حالة نشطة لزر المؤشر المتقاطع + (aria-pressed="true") */
.tb2-tool[aria-pressed="true"]{color:#4a6fff;background:rgba(25,46,133,.22)}
.tb2-tool[aria-pressed="true"]:hover{color:#7a9bff;background:rgba(25,46,133,.30)}
/* أيقونة الشمعدان المضمّنة (SVG) — تتبع لون الزر وتأخذ حجمًا واضحًا */
.tb2-ic-candle{display:block;width:1.05em;height:1.05em}
/* لوحة اختيار نوع الشارت (منسدلة أسفل أيقونة النوع، أعلى الشارت) */
.tb2-ctypepanel{position:absolute;top:6px;inset-inline-end:10px;z-index:20;min-width:172px;
  background:#141b34;border:1px solid rgba(120,140,220,.2);border-radius:12px;
  box-shadow:0 12px 30px rgba(0,0,0,.45);padding:6px;display:flex;flex-direction:column;gap:2px;
  animation:rvmsIn .15s ease}
.tb2-ctypepanel>button{display:flex;align-items:center;gap:10px;background:none;border:0;color:#cdd4f0;
  font:inherit;font-size:13px;font-weight:700;padding:10px 12px;border-radius:9px;cursor:pointer;text-align:start}
.tb2-ctypepanel>button i,.tb2-ctypepanel>button .tb2-ic-candle{width:18px;height:16px;text-align:center;color:#8b93b8;flex:0 0 18px}
.tb2-ctypepanel>button.on{background:rgba(25,46,133,.5);color:#fff}
.tb2-ctypepanel>button.on i,.tb2-ctypepanel>button.on .tb2-ic-candle{color:#7ea0ff}
.tb2-ctypepanel>button:active{background:rgba(120,140,220,.14)}
.tb2-price{margin-inline-start:auto;color:#fff;font-size:14px;font-weight:800}
.tb2-chartwrap{position:relative;margin:0 -12px}
.tb2-chartwrap .tbn-chart{width:100%}
.tb2-exp{position:absolute;top:8px;inset-inline-end:10px;z-index:5;display:flex;align-items:center;gap:6px;
  background:rgba(10,15,40,.85);border:1px solid rgba(120,140,220,.25);border-radius:10px;
  padding:5px 10px;font-size:11.5px;color:#aeb6d8;backdrop-filter:blur(4px)}
.tb2-exp b{color:#fff;font-size:12px}
.tb2-exp i{color:#f0b90b;font-size:11px}
.tb2-expline{position:absolute;top:0;bottom:22px;width:0;border-inline-start:1.5px dashed rgba(240,185,11,.55);z-index:4;pointer-events:none}
.tb2-assetpanel,.tb2-morepanel{position:absolute;top:6px;inset-inline-start:10px;inset-inline-end:10px;z-index:20;
  background:#0f1636;border:1px solid rgba(120,140,220,.25);border-radius:16px;
  box-shadow:0 18px 44px rgba(0,0,0,.55);animation:rvmsIn .15s ease}
/* نافذة الأصول: تبدأ من أعلى منطقة الشارت مباشرةً (top:0 = أسفل شريط الأصل بلا فراغ)
   وتنتهي عند حدّها السفلي بالضبط (bottom:0) فلا تغطي أدوات التداول أبدًا */
.tb2-assetpanel{top:0;bottom:0;display:flex;flex-direction:column;overflow:hidden}
/* محدد أصول الفوركس: بعرض الشارت بالضبط من حده الأيمن إلى الأيسر */
#tfx2AssetPanel{inset-inline-start:0;inset-inline-end:0}
/* شريط أسواق — flex-shrink:0 يمنع تقليصه عند امتلاء القائمة بالأصول الكثيرة */
.tb2-ap-cats{flex-shrink:0;display:flex;gap:5px;padding:9px 9px 5px;overflow-x:auto;scrollbar-width:none;
  border-bottom:1px solid rgba(120,140,220,.14)}
.tb2-ap-cats::-webkit-scrollbar{display:none}
.tb2-ap-cats button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;background:rgba(120,140,220,.07);border:1px solid transparent;
  color:#8b93b8;padding:0;border-radius:12px;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .12s ease}
.tb2-ap-cats button i{font-size:17px;line-height:1}
.tb2-ap-cats button:active{transform:scale(.93)}
.tb2-ap-cats button.on{background:#192E85;color:#fff;border-color:rgba(126,160,255,.55);
  box-shadow:0 4px 14px rgba(25,46,133,.5)}
.tb2-ap-cats button.on i{color:#fff}
/* حقل بحث الأصول (فوركس) — flex-shrink:0 يمنع تقليصه مثل شريط الفئات */
.tb2-ap-search{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:7px 10px 5px;
  border-bottom:1px solid rgba(120,140,220,.1)}
.tb2-ap-search i{color:#8b93b8;font-size:13px;flex-shrink:0}
.tb2-ap-search input{flex:1;min-width:0;background:rgba(120,140,220,.07);border:1px solid rgba(120,140,220,.15);
  border-radius:9px;color:#fff;font:inherit;font-size:12.5px;padding:6px 10px;outline:none}
.tb2-ap-search input::placeholder{color:#5a628a}
/* حركة إعادة الفرز الحيّة (FLIP): نبقي will-change أثناء الانتقال فقط */
.tb2-ap-row{will-change:transform}
/* flex:1;min-height:0 يجعل القائمة تملأ المساحة المتبقية وتتمرر داخليًا دون تجاوز لوحة الأصول */
.tb2-ap-list{flex:1;min-height:0;overflow-y:auto;padding:2px 6px 8px}
.tb2-ap-row{display:flex;align-items:center;gap:8px;padding:9px 8px;border-radius:10px;cursor:pointer}
.tb2-ap-row:active{background:rgba(120,140,220,.1)}
.tb2-ap-row.on{background:rgba(25,46,133,.35)}
.tb2-ap-fav{background:none;border:0;color:#5a628a;font-size:13px;cursor:pointer;padding:4px}
.tb2-ap-fav.on{color:#f0b90b}
.tb2-ap-ic{color:#7ea0ff;font-size:13px;width:18px;text-align:center}
.tb2-ap-nm{flex:1;display:flex;flex-direction:column;gap:1px}
.tb2-ap-nm b{color:#fff;font-size:13px}
.tb2-ap-nm small{color:#8b93b8;font-size:10.5px}
.tb2-ap-po{font-size:12.5px;font-weight:800}
.tb2-morepanel{inset-inline-start:auto;min-width:210px;padding:6px;display:flex;flex-direction:column;gap:2px}
.tb2-morepanel>button{display:flex;align-items:center;gap:10px;background:none;border:0;color:#cdd4f0;
  font:inherit;font-size:13px;font-weight:700;padding:10px 12px;border-radius:10px;cursor:pointer;text-align:start}
.tb2-morepanel>button i{width:16px;text-align:center;color:#8b93b8}
.tb2-morepanel>button:active{background:rgba(120,140,220,.12)}
.tb2-morepanel>button.on{background:rgba(25,46,133,.5);color:#fff}
.tb2-morepanel>button.on i:first-child{color:#7ea0ff}
/* رأس صغير باهت داخل قائمة ⋯ + فاصل */
.tb2-mp-h{color:#8b93b8;font-size:11px;font-weight:800;padding:6px 10px 2px;letter-spacing:.3px;text-transform:uppercase}
.tb2-mp-sep{height:1px;background:rgba(120,140,220,.14);margin:5px 8px}
/* شبكة الأُطُر الزمنية — تلتفّ لتستوعب القائمة الكاملة (11 إطارًا) */
.tb2-mp-tfs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:2px 10px 4px}
.tb2-mp-tfs button{background:#141b3f;border:1px solid rgba(120,140,220,.15);border-radius:8px;
  color:#8b93b8;font:inherit;font-size:12px;font-weight:800;padding:8px 0;cursor:pointer}
.tb2-mp-tfs button.on{background:rgba(25,46,133,.5);color:#fff;border-color:rgba(126,160,255,.4)}
.tb2-mp-tfs button:active{background:rgba(120,140,220,.2)}
/* ==== لوحة أدوات التداول — تخطيط مطابق للصورة المرجعية (نمط PocketOption) ==== */
.tb2-panel{margin-top:0}
/* صف الحقول: حقلان متساويان، لكلٍّ عنوان صغير باهت فوقه */
.tb2-fields{display:flex;gap:12px;align-items:flex-end}
.tb2-fwrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.tb2-flbl{color:#8b93b8;font-size:12px;font-weight:600;padding-inline-start:2px;text-align:left}
.tb2-field{width:100%;display:flex;align-items:center;gap:6px;background:#141b3f;
  border:1px solid rgba(120,140,220,.2);border-radius:10px;color:#fff;font:inherit;
  padding:0 6px 0 12px;cursor:pointer;height:42px;box-sizing:border-box}
.tb2-field b{flex:1;min-width:0;font-size:15px;font-weight:800;text-align:left;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* شريحة الأيقونة في نهاية الحقل (ساعة / علامة الدولار) */
.tb2-ficon{flex:0 0 auto;width:30px;height:30px;border-radius:8px;display:inline-flex;
  align-items:center;justify-content:center;color:#aeb6d8;font-size:13px}
.tb2-amtf{cursor:default}
.tb2-amtf input{flex:1;width:100%;min-width:0;background:none;border:0;outline:none;color:#fff;
  font:inherit;font-size:15px;font-weight:800;text-align:left;padding:0}
/* أزرار +/- المبلغ مخفية لمطابقة الصورة تمامًا (لا خطوات ظاهرة) — يبقى المبلغ
   قابلًا للتحرير بالنقر على الحقل وكتابة القيمة مباشرةً. */
.tb2-amm{display:none}
.tb2-timepanel{background:#10173a;border:1px solid rgba(120,140,220,.2);border-radius:14px;padding:10px;margin-top:8px;
  animation:rvmsIn .15s ease}
.tb2-timepanel.tp-closing{animation:tb2TpOut .15s ease forwards}
@keyframes tb2TpOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}
.tb2-tp-steps{display:flex;align-items:center;justify-content:center;gap:6px}
.tb2-tp-col{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;max-width:110px}
.tb2-tp-col b{color:#fff;font-size:22px;font-weight:800}
.tb2-tp-b{width:100%;height:30px;border-radius:9px;background:rgba(120,140,220,.1);border:0;color:#aeb6d8;
  font-size:11px;cursor:pointer}
.tb2-tp-b:active{background:rgba(120,140,220,.22)}
.tb2-tp-sep{color:#5a628a;font-size:20px;font-weight:800}
.tb2-tp-chips{display:flex;gap:5px;margin-top:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.tb2-tp-chips button{flex:0 0 auto;background:#141b3f;border:1px solid rgba(120,140,220,.15);border-radius:9px;
  color:#8b93b8;font:inherit;font-size:12px;font-weight:800;padding:7px 11px;cursor:pointer}
.tb2-tp-chips button.on{background:rgba(25,46,133,.55);color:#fff;border-color:rgba(126,160,255,.45)}
/* صف العائد النحيف: Payout يسارًا — +92% أخضر وسطًا — Profit يمينًا */
.tb2-info{display:flex;align-items:center;justify-content:space-between;
  margin:10px 2px;padding-top:2px;color:#8b93b8;font-size:12.5px}
.tb2-info>span{flex:1;white-space:nowrap}
.tb2-info>span:last-child{text-align:right}
.tb2-info b{color:#fff;font-weight:700}
.tb2-pct{flex:0 0 auto;color:#22c55e!important;font-size:18px;font-weight:800;text-align:center}
/* توسيط عمودي دقيق لصف الفوركس فقط داخل مستطيل اللوحة السفلية:
   المسافة فوق النص = حشوة اللوحة 6 + margin-top + padding-top، وتحتَه = padding-bottom
   + الهامش المنهار مع صف التنفيذ (10). الأصل: 18 فوق مقابل 10 تحت — نعيد التوزيع
   14/14 بنفس المجموع فلا يتغير موضع/حجم المستطيل، والثنائية (.tb2-info وحدها) لا تتأثر */
.tfx2-info.tb2-info{margin-top:8px;margin-bottom:10px;padding-top:0;padding-bottom:4px}
.tb2-otc{display:inline-block;background:rgba(240,185,11,.15);color:#f0b90b;font-size:9px;font-weight:800;
  padding:2px 5px;border-radius:6px;vertical-align:middle;margin-inline-start:4px;letter-spacing:.5px}

/* ============ Skeleton Loading (Shimmer) — نظام موحد بنمط Binance ============ */
.rv-sk{position:relative;display:inline-block;vertical-align:middle;border-radius:6px;color:transparent!important;
  background:linear-gradient(90deg,rgba(255,255,255,.055) 25%,rgba(255,255,255,.13) 50%,rgba(255,255,255,.055) 75%);
  background-size:200% 100%;animation:rvSkSh 1.15s linear infinite;pointer-events:none;user-select:none}
.rv-sk *{visibility:hidden}
@keyframes rvSkSh{0%{background-position:200% 0}100%{background-position:-200% 0}}
.rv-sk-t{height:12px;min-width:40px}          /* نص صغير */
.rv-sk-n{height:15px;min-width:64px}          /* رقم/سعر */
.rv-sk-b{height:22px;min-width:110px;border-radius:8px} /* رقم كبير (رصيد) */
.rv-sk-c{width:34px;height:34px;border-radius:50%;min-width:0} /* أيقونة دائرية */
.rv-sk-blk{display:block;height:14px;border-radius:7px}
/* صف قائمة عملات هيكلي */
.rv-sk-row{display:flex;align-items:center;gap:10px;padding:12px 4px}
.rv-sk-row .rv-sk-mid{flex:1;display:flex;flex-direction:column;gap:7px}
/* بطاقة هيكلية */
.rv-sk-card{display:inline-flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:rgba(255,255,255,.03);min-width:110px}
@media (prefers-reduced-motion:reduce){.rv-sk{animation:none}}

/* ===== شعارات موحّدة عالية الدقة (RioLogos) ===== */
.rv-h2-row img{width:36px;height:36px;flex:0 0 36px;object-fit:cover}
/* شعار RIO له هامش شفاف من الناشر — contain بلا parent-scope يغطي السوق/المحفظة/الأوامر/التداول */
img[data-lsym="RIO"]{object-fit:contain}
.rv-h2-lfb{width:36px;height:36px;flex:0 0 36px;font-size:14px}
.rv-fxpair{position:relative;width:36px;height:36px;flex:0 0 36px;display:inline-block}
.rv-fxpair img{position:absolute;width:25px;height:25px;border-radius:50%;background:#141A33;object-fit:cover;flex:none}
.rv-fxpair img:first-child{top:0;right:0;z-index:1}
.rv-fxpair img:last-child{bottom:0;left:0;z-index:2;box-shadow:0 0 0 2px #0B1226}
.rv-fxpair.one img{position:static;width:36px;height:36px;box-shadow:none}
.rv-astic{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1c2650,#12172f);border:1px solid rgba(140,160,255,.22)}
.rv-astic svg{width:22px;height:22px;display:block}
.rv-astic.letter{color:#dbe4ff;font-weight:800;font-size:11px;letter-spacing:.3px}
/* لوحة أسعار الفوركس داخل منصة التداول — نسخة مصغّرة */
.tfx-wname{display:flex;align-items:center;gap:8px;min-width:0}
.tfx-wname>div{min-width:0}
.tfx-wic{flex:0 0 auto;display:inline-flex;transform:scale(.72);transform-origin:center right}
html[dir="ltr"] .tfx-wic{transform-origin:center left}
/* أيقونة الأصل في الثنائية (زر الأعلى + قائمة الأصول)
   ملاحظة: نستهدف الصور المباشرة فقط (> img) كي لا نُبطل تخطيط علمَي الزوج
   .rv-fxpair img (المطلقين 25×25). المركّب .rv-fxpair يحتفظ بأبعاده 36×36. */
.tb2-asset-ic{display:inline-flex;align-items:center;transform:scale(.62);transform-origin:center}
.tb2-asset-ic>img,.tb2-asset-ic>.rv-astic,.tb2-asset-ic>.rv-fxpair{flex:none;width:36px;height:36px;object-fit:contain;border-radius:50%}
.tb2-asset-ic>.rv-fxpair{border-radius:0}
.tb2-ap-ic{width:auto;display:inline-flex;align-items:center;transform:scale(.78);transform-origin:center}
.tb2-ap-ic>img{width:36px;height:36px;border-radius:50%}

/* ============================================================
   Spot v10 — واجهة التنفيذ بنمط Binance (tsp2-*) + صفحة الشارت (tsc-*)
   ============================================================ */
.tsp2-nav{display:flex;align-items:center;gap:4px;overflow-x:auto;padding:10px 12px 6px;scrollbar-width:none}
.tsp2-nav::-webkit-scrollbar{display:none}
.tsp2-nav button{flex:0 0 auto;background:none;border:none;color:#8b93b8;font-size:13.5px;font-weight:600;padding:6px 10px;border-radius:8px;cursor:pointer}
.tsp2-nav button.on{background:#22284a;color:#fff}
.tsp2-nav-menu{margin-inline-start:auto;font-size:15px}
.tsp2-pairrow{display:flex;align-items:center;justify-content:space-between;padding:6px 14px 4px}
.tsp2-pairbtn{display:flex;align-items:center;gap:8px;background:none;border:none;color:#fff;cursor:pointer;padding:0}
.tsp2-pairbtn>i{color:#8b93b8;font-size:12px}
.tsp2-pairname{display:flex;align-items:baseline;gap:8px}
.tsp2-pairname b{font-size:19px;font-weight:800}
.tsp2-chg{font-size:12.5px;font-weight:700;font-style:normal}
.tsp2-chg.up{color:var(--rv-up)}.tsp2-chg.dn{color:var(--rv-down)}
.tsp2-pair-ic{display:flex;gap:4px}
.tsp2-pair-ic button{background:none;border:none;color:#c7cded;font-size:16px;padding:6px 8px;cursor:pointer}
.tsp2-main{display:flex;gap:10px;padding:8px 12px;align-items:flex-start}
.tsp2-ob{flex:0 0 41%;min-width:0}
.tsp2-form{flex:1;min-width:0}
/* دفتر الأوامر */
.tsp2-ob-h{display:flex;justify-content:space-between;color:#8b93b8;font-size:10.5px;line-height:1.25;margin-bottom:4px}
.tsp2-ob-h em{font-style:normal;opacity:.8}
.tsp2-ob-r{position:relative;display:flex;justify-content:space-between;font-size:11.5px;padding:2.5px 2px;cursor:pointer;font-variant-numeric:tabular-nums}
.tsp2-ob-r i{position:absolute;inset-inline-end:0;top:0;bottom:0;opacity:.14;border-radius:2px}
.tsp2-ob-r.ask .p{color:var(--rv-down)}.tsp2-ob-r.ask i{background:var(--rv-down)}
.tsp2-ob-r.bid .p{color:var(--rv-up)}.tsp2-ob-r.bid i{background:var(--rv-up)}
.tsp2-ob-r .q{color:#c7cded}
.tsp2-ob-r span{position:relative;direction:ltr}
.tsp2-mid{padding:7px 2px;display:flex;flex-direction:column;gap:1px}
.tsp2-mid b{font-size:16.5px;font-weight:800;direction:ltr;text-align:start}
.tsp2-mid.up b{color:var(--rv-up)}.tsp2-mid.dn b{color:var(--rv-down)}
.tsp2-mid span{font-size:10.5px;color:#8b93b8}
.tsp2-ratio{display:flex;align-items:center;gap:6px;font-size:10.5px;margin-top:8px}
.tsp2-ratio.big{font-size:12px;padding:4px 2px 8px}
.tsp2-ratio .up{color:var(--rv-up)}.tsp2-ratio .dn{color:var(--rv-down)}
.tsp2-ratio-bar{flex:1;display:flex;height:4px;border-radius:3px;overflow:hidden;gap:2px}
.tsp2-ratio-bar .b{background:var(--rv-up);border-radius:3px}
.tsp2-ratio-bar .a{background:var(--rv-down);border-radius:3px}
.tsp2-ob-ft{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.tsp2-prec{background:#181d38;border:1px solid #262d54;color:#c7cded;font-size:11px;border-radius:6px;padding:3px 6px}
.tsp2-obmode{display:flex;gap:3px}
.tsp2-obmode button{background:none;border:1px solid transparent;border-radius:5px;padding:3px;cursor:pointer;line-height:0}
.tsp2-obmode button.on{border-color:#39406e}
.tsp2-obmode i{display:block;width:12px;height:12px;border-radius:2px}
.tsp2-obmode .m-both{background:linear-gradient(var(--rv-down) 0 50%,var(--rv-up) 50% 100%)}
.tsp2-obmode .m-bids{background:var(--rv-up)}
.tsp2-obmode .m-asks{background:var(--rv-down)}
/* النموذج */
.tsp2-bs{display:flex;background:#181d38;border-radius:10px;padding:3px;margin-bottom:8px}
.tsp2-bs-b{flex:1;background:none;border:none;color:#8b93b8;font-size:14px;font-weight:700;padding:8px 0;border-radius:8px;cursor:pointer}
.tsp2-bs-b.buy.on{background:var(--rv-p2p-buy);color:#fff}
.tsp2-bs-b.sell.on{background:var(--rv-p2p-sell);color:#fff}
.tsp2-demo{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8b93b8;margin-bottom:8px}
.tsp2-switch{position:relative;width:34px;height:19px;background:#262d54;border:none;border-radius:99px;cursor:pointer;padding:0}
.tsp2-switch i{position:absolute;top:2px;inset-inline-start:2px;width:15px;height:15px;background:#fff;border-radius:50%;transition:.18s}
.tsp2-switch.on{background:var(--rv-up)}
.tsp2-switch.on i{transform:translateX(-15px)}
[dir="ltr"] .tsp2-switch.on i{transform:translateX(15px)}
.tsp2-typerow{position:relative;display:flex;align-items:center;gap:6px;margin-bottom:8px}
.tsp2-typebtn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:#181d38;border:1px solid #262d54;color:#fff;font-size:13px;font-weight:600;border-radius:9px;padding:9px 0;cursor:pointer}
.tsp2-typebtn i{color:#8b93b8}
.tsp2-info{background:none;border:none;color:#8b93b8;font-size:14px;cursor:pointer;padding:4px}
.tsp2-typemenu{position:absolute;top:calc(100% + 4px);inset-inline-start:0;inset-inline-end:0;background:#1b2140;border:1px solid #2b3260;border-radius:10px;z-index:30;overflow:hidden}
.tsp2-typemenu button{display:block;width:100%;background:none;border:none;color:#c7cded;font-size:13px;padding:10px;cursor:pointer;text-align:center}
.tsp2-typemenu button.on{color:#fff;background:#232a52}
.tsp2-f{margin-bottom:8px}
.tsp2-fin{display:flex;align-items:center;background:#181d38;border:1px solid #262d54;border-radius:9px;padding:6px 10px;gap:6px}
.tsp2-fin label{color:#8b93b8;font-size:11.5px;white-space:nowrap}
.tsp2-fin input{flex:1;min-width:0;background:none;border:none;color:#fff;font-size:14px;font-weight:700;text-align:center;outline:none;direction:ltr}
.tsp2-fu{color:#8b93b8;font-size:11.5px}
.tsp2-unit{display:flex;align-items:center;gap:4px;background:none;border:none;color:#c7cded;font-size:11.5px;font-weight:700;cursor:pointer;padding:2px}
.tsp2-unit i{font-size:10px;color:#8b93b8}
.tsp2-unit.locked{opacity:.55}
.tsp2-sliderwrap{position:relative;padding:4px 2px 2px;margin-bottom:6px}
.tsp2-range{width:100%;appearance:none;-webkit-appearance:none;height:2px;background:#2b3260;border-radius:2px;outline:none;position:relative;z-index:2}
.tsp2-range::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;background:#e2e7ff;border:2px solid #8b93b8;transform:rotate(45deg);border-radius:3px;cursor:pointer}
.tsp2-range::-moz-range-thumb{width:11px;height:11px;background:#e2e7ff;border:2px solid #8b93b8;transform:rotate(45deg);border-radius:3px;cursor:pointer}
.tsp2-slider-marks{position:absolute;top:9px;left:8px;right:8px;display:flex;justify-content:space-between;z-index:1;pointer-events:none}
.tsp2-slider-marks i{width:7px;height:7px;background:#2b3260;transform:rotate(45deg);border-radius:2px}
.tsp2-slider-pct{display:block;text-align:left;font-size:10.5px;color:#8b93b8;margin-top:2px}
.tsp2-slip{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#8b93b8;margin-bottom:8px;cursor:pointer}
.tsp2-slip input[type=checkbox]{accent-color:var(--rv-up);width:14px;height:14px}
.tsp2-slip input[type=number]{width:48px;background:#181d38;border:1px solid #262d54;border-radius:6px;color:#fff;font-size:11.5px;padding:2px 4px;text-align:center}
.tsp2-kv{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:#8b93b8;margin-bottom:6px}
.tsp2-kv b{color:#e2e7ff;font-weight:600;display:flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}
.tsp2-plus{background:none;border:none;color:#f0b90b;font-size:14px;cursor:pointer;padding:0;line-height:1}
.tsp2-submit{width:100%;border:none;border-radius:10px;padding:12px 0;font-size:15px;font-weight:800;cursor:pointer;margin-top:4px}
.tsp2-submit.buy{background:var(--rv-p2p-buy);color:#fff}
.tsp2-submit.sell{background:var(--rv-p2p-sell);color:#fff}
/* التبويبات */
.tsp2-tabs{display:flex;align-items:center;gap:2px;overflow-x:auto;padding:4px 12px 0;border-bottom:1px solid #1d234a;scrollbar-width:none}
.tsp2-tabs::-webkit-scrollbar{display:none}
.tsp2-tabs button{flex:0 0 auto;background:none;border:none;color:#8b93b8;font-size:12.5px;font-weight:700;padding:9px 8px;cursor:pointer;border-bottom:2px solid transparent}
.tsp2-tabs button.on{color:#fff;border-bottom-color:#f0b90b}
.tsp2-tabs button i{font-style:normal}
.tsp2-filter{margin-inline-start:auto}
/* الأرصدة */
.tsp2-ast{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;border-bottom:1px solid #1d234a;padding:11px 2px;text-align:start;color:inherit}
.tsp2-ast.go{cursor:pointer}
.tsp2-ast-ic{width:34px;height:34px;border-radius:50%;overflow:hidden;background:#181d38;display:flex;align-items:center;justify-content:center;color:#c7cded;font-weight:800;flex:0 0 auto}
.tsp2-ast-ic img{width:100%;height:100%;object-fit:cover}
/* RIO: contain يتغلب على cover أعلاه بتخصيص أعلى (0,2,1 > 0,1,1) */
.tsp2-ast-ic img[data-lsym="RIO"]{object-fit:contain}
.tsp2-ast-ic.usd{background:#1d4a2c;color:var(--rv-up);font-size:15px}
.tsp2-ast-n{flex:1;min-width:0;display:flex;flex-direction:column}
.tsp2-ast-n b{font-size:13.5px}
.tsp2-ast-n span{font-size:11px;color:#8b93b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tsp2-ast-v{display:flex;flex-direction:column;align-items:flex-end}
.tsp2-ast-v b{font-size:13px;direction:ltr}
.tsp2-ast-v span{font-size:10.5px;color:#8b93b8;direction:ltr}
/* البطاقة الترويجية + رابط الشارت */
.tsp2-promo{padding:12px 12px 0}
.tsp2-promo-h{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}
.tsp2-promo-h b{font-size:14.5px}
.tsp2-promo-h span{font-size:11.5px;color:#8b93b8}
.tsp2-promo-card{background:#181d38;border:1px solid #232a52;border-radius:12px;padding:12px}
.tsp2-promo-r1{display:flex;align-items:center;gap:8px}
.tsp2-promo-r1 b{font-size:13.5px}
.tsp2-promo-r1 .up{color:var(--rv-up);font-size:12px}.tsp2-promo-r1 .dn{color:var(--rv-down);font-size:12px}
.tsp2-copy{margin-inline-start:auto;background:#2b3260;border:none;color:#fff;font-size:12px;font-weight:700;border-radius:8px;padding:6px 16px;cursor:pointer}
.tsp2-promo-r2{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:#8b93b8;margin-top:8px}
.tsp2-promo-r2 b{color:#e2e7ff;direction:ltr}
.tsp2-chartlink{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 24px);margin:12px;background:#181d38;border:1px solid #232a52;color:#fff;font-size:13.5px;font-weight:700;border-radius:12px;padding:13px 14px;cursor:pointer}
.tsp2-chartlink i{color:#8b93b8}
/* ============ صفحة الشارت (tsc-*) ============ */
.tsc-head{display:flex;align-items:center;gap:4px;padding:8px 10px 4px}
.tsc-back{background:none;border:none;color:#fff;font-size:17px;padding:6px 8px;cursor:pointer}
.tsc-pair{display:flex;align-items:center;gap:6px;background:none;border:none;color:#fff;cursor:pointer}
.tsc-pair b{font-size:16.5px;font-weight:800}
.tsc-pair i{color:#8b93b8;font-size:12px}
.tsc-spacer{flex:1}
.tsc-ic{background:none;border:none;color:#c7cded;font-size:15.5px;padding:6px 7px;cursor:pointer}
.tsc-tabs{display:flex;gap:2px;overflow-x:auto;padding:0 10px;border-bottom:1px solid #1d234a;scrollbar-width:none}
.tsc-tabs::-webkit-scrollbar{display:none}
.tsc-tabs button{flex:0 0 auto;background:none;border:none;color:#8b93b8;font-size:13px;font-weight:700;padding:9px 10px;cursor:pointer;border-bottom:2px solid transparent}
.tsc-tabs button.on{color:#fff;border-bottom-color:#f0b90b}
.tsc-priceblk{display:flex;justify-content:space-between;gap:10px;padding:10px 14px 6px}
.tsc-big{font-size:26px;font-weight:800;direction:ltr;display:block;line-height:1.1}
.tsc-big.up{color:var(--rv-up)}.tsc-big.dn{color:var(--rv-down)}
.tsc-pb-sub{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:2px}
.tsc-pb-sub>span{color:#8b93b8}
.tsc-chg{font-style:normal;font-weight:700}
.tsc-chg.up{color:var(--rv-up)}.tsc-chg.dn{color:var(--rv-down)}
.tsc-chips{display:flex;gap:6px;margin-top:7px;flex-wrap:wrap}
.tsc-chip{background:#181d38;border:1px solid #262d54;color:#8b93b8;font-size:10px;border-radius:6px;padding:3px 7px;cursor:pointer}
.tsc-chip i{font-size:8px}
.tsc-pb-l{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;align-content:start}
.tsc-pb-l div{display:flex;flex-direction:column}
.tsc-pb-l span{font-size:10px;color:#8b93b8;white-space:nowrap}
.tsc-pb-l span i{font-style:normal}
.tsc-pb-l b{font-size:11.5px;font-weight:700;direction:ltr;text-align:start}
.tsc-tfs{position:relative;display:flex;align-items:center;gap:2px;overflow-x:auto;padding:4px 10px;scrollbar-width:none}
.tsc-tfs::-webkit-scrollbar{display:none}
.tsc-tf-lb{color:#8b93b8;font-size:11.5px;padding-inline-end:6px}
.tsc-tfs button{flex:0 0 auto;background:none;border:none;color:#8b93b8;font-size:11.5px;font-weight:700;padding:5px 8px;border-radius:6px;cursor:pointer}
.tsc-tfs button.on{color:#fff;background:#22284a}
.tsc-tf-menu{position:absolute;top:calc(100% - 2px);inset-inline-end:10px;background:#1b2140;border:1px solid #2b3260;border-radius:10px;z-index:30;display:flex;flex-direction:column;overflow:hidden}
.tsc-tf-menu button{padding:9px 18px;border-radius:0}
.tsc-tf-menu button.on{background:#232a52}
.tsc-maleg{display:flex;gap:10px;padding:2px 14px;font-size:10px;direction:ltr;justify-content:flex-end}
.tsc-subleg{padding:1px 14px;font-size:10px;color:#8b93b8;direction:ltr;text-align:right}
.tsc-sub{padding:0 4px}
.tsc-inds{display:flex;gap:2px;overflow-x:auto;padding:4px 10px;border-bottom:1px solid #1d234a;scrollbar-width:none;direction:ltr}
.tsc-inds::-webkit-scrollbar{display:none}
.tsc-inds button{flex:0 0 auto;background:none;border:none;color:#8b93b8;font-size:11px;font-weight:700;padding:5px 8px;cursor:pointer}
.tsc-inds button.on{color:#f0b90b}
.tsc-periods{display:flex;gap:6px;overflow-x:auto;padding:10px;scrollbar-width:none}
.tsc-periods::-webkit-scrollbar{display:none}
.tsc-per{flex:1;min-width:56px;background:#181d38;border:1px solid #232a52;border-radius:9px;padding:7px 4px;display:flex;flex-direction:column;align-items:center;gap:2px}
.tsc-per span{font-size:9.5px;color:#8b93b8;white-space:nowrap}
.tsc-per b{font-size:11px;direction:ltr}
.tsc-per .up{color:var(--rv-up)}.tsc-per .dn{color:var(--rv-down)}
.tsc-btabs{display:flex;gap:2px;overflow-x:auto;padding:0 10px;border-bottom:1px solid #1d234a;scrollbar-width:none}
.tsc-btabs::-webkit-scrollbar{display:none}
.tsc-btabs button{flex:0 0 auto;background:none;border:none;color:#8b93b8;font-size:12.5px;font-weight:700;padding:9px 10px;cursor:pointer;border-bottom:2px solid transparent}
.tsc-btabs button.on{color:#fff;border-bottom-color:#f0b90b}
.tsc-bbody{padding:8px 12px 12px}
.tsc-book{display:flex;gap:12px}
.tsc-bk-col{flex:1;min-width:0}
.tsc-bk-h{display:flex;justify-content:space-between;color:#8b93b8;font-size:10px;margin-bottom:4px}
.tsc-bk-r{position:relative;display:flex;justify-content:space-between;font-size:11.5px;padding:2.5px 2px;font-variant-numeric:tabular-nums}
.tsc-bk-r i{position:absolute;inset-inline-end:0;top:0;bottom:0;opacity:.13;border-radius:2px}
.tsc-bk-r.bid .p{color:var(--rv-up)}.tsc-bk-r.bid i{background:var(--rv-up)}
.tsc-bk-r.ask .p{color:var(--rv-down)}.tsc-bk-r.ask i{background:var(--rv-down)}
.tsc-bk-r span{position:relative;direction:ltr}
.tsc-bk-r .q{color:#c7cded}
.tsc-depthcv{display:block;margin-top:4px}
.tsc-pane{padding:10px 14px 20px}
.tsc-infogrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tsc-infogrid div{background:#181d38;border:1px solid #232a52;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:3px}
.tsc-infogrid span{font-size:10.5px;color:#8b93b8}
.tsc-infogrid b{font-size:13px}
.tsc-infogrid .up{color:var(--rv-up)}.tsc-infogrid .dn{color:var(--rv-down)}
.tsc-actions{position:fixed;left:0;right:0;bottom:calc(var(--rv-tabbar-h,60px) + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:8px;padding:10px 12px;background:#0b0e1f;border-top:1px solid #1d234a;z-index:1040}
#tspVChart{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))} /* مساحة سفلية حتى لا يختفي المحتوى خلف الشريط الثابت */
.tsc-act{flex:1;border:none;border-radius:10px;padding:12px 0;font-size:14.5px;font-weight:800;cursor:pointer}
.tsc-act.buy{background:var(--rv-up);color:#04220f}
.tsc-act.sell{background:var(--rv-down);color:#fff}
.tsc-act-ic{background:none;border:none;color:#c7cded;font-size:14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 2px}
.tsc-act-ic span{font-size:9px;color:#8b93b8}
@media (min-width:760px){.tsp2-ob{flex-basis:320px}}

/* v11: حذف شريط التبويبات العلوي — رفع صف الزوج للأعلى + أيقونة الشموع */
.tsp2-pairrow-top{padding-top:12px}
#tspToChart svg.tsp2-candle-ic{display:block}
.tsp2-pair-ic #tspToChart{color:#c7cded}

/* v12: خيار نوع الأمر بعرض النموذج الكامل (نمط Binance) + محاذاة الحقول + سحب المؤشر */
.tsp2-typerow{gap:0}
.tsp2-typebtn{display:flex;align-items:center;justify-content:space-between;width:100%;height:44px;padding:0 10px}
.tsp2-typeinfo{color:#8b93b8;font-size:13px;width:22px;text-align:start;display:flex;align-items:center}
.tsp2-typelbl{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}
.tsp2-typelbl i{color:#8b93b8;font-size:11px}
.tsp2-typesp{width:22px}
.tsp2-fin{height:44px;padding:0 10px;box-sizing:border-box}
.tsp2-typemenu{box-shadow:0 8px 24px rgba(0,0,0,.45)}
.tsp2-typemenu button{padding:12px;font-size:13.5px}
.tsp2-sliderwrap{touch-action:none}

/* v13: أيقونة الشموع أكبر وأبعد عن اسم الزوج + مساحة لمس مريحة (نمط Binance) */
.tsp2-pair-ic{gap:10px;margin-inline-start:6px}
.tsp2-pair-ic button{padding:0;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px}
.tsp2-pair-ic #tspToChart svg{width:22px;height:22px}
/* إزاحة أيقونة الشموع قليلًا نحو اليسار لمسافة أوضح عن اسم الزوج — الحجم والوظيفة كما هما */
.tsp2-pair-ic #tspToChart{margin-inline-end:8px}
/* مؤشر تحميل الشموع التاريخية — صغير وغير مزعج في زاوية الشارت */
.tsp-kload{position:absolute;top:8px;inset-inline-start:8px;width:16px;height:16px;border:2px solid rgba(199,205,237,.25);border-top-color:#c7cded;border-radius:50%;animation:tspkspin .7s linear infinite;z-index:5;pointer-events:none}
@keyframes tspkspin{to{transform:rotate(360deg)}}

/* v14: شارة «بيانات سوق محاكاة» لدفتر أوامر RIO التجريبي */
.tsp2-simlb{display:inline-flex;align-items:center;gap:4px;background:rgba(240,185,11,.12);border:1px solid rgba(240,185,11,.35);color:#f0b90b;font-size:9.5px;font-weight:700;border-radius:6px;padding:2px 7px;margin-bottom:6px}
.tsp2-simlb::before{content:"";width:5px;height:5px;border-radius:50%;background:#f0b90b}

/* v15: نافذة الفواصل الزمنية السفلية (Bottom Sheet بنمط Binance) */
.tfs-bg{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:1200;display:flex;align-items:flex-end;animation:tfsFade .18s ease}
.tfs-bg.out{animation:tfsFade .2s ease reverse forwards}
.tfs-bg.out .tfs-sheet{transform:translateY(100%) !important;transition:transform .2s ease}
@keyframes tfsFade{from{opacity:0}to{opacity:1}}
.tfs-sheet{width:100%;background:#141936;border-radius:18px 18px 0 0;padding:0 14px calc(16px + env(safe-area-inset-bottom));transform:translateY(0);transition:transform .22s ease;animation:tfsUp .22s ease;touch-action:none}
@keyframes tfsUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.tfs-grab{display:flex;justify-content:center;padding:8px 0 2px;cursor:grab}
/* الشرطة مخفية بصريًا فقط (قاعدة الشيتات الموحدة) — منطقة السحب وإيماءة الإغلاق كما هما */
.tfs-grab i{width:38px;height:4px;border-radius:99px;background:transparent}
.tfs-head{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 12px}
.tfs-head b{font-size:16px;font-weight:800}
.tfs-edit{background:none;border:none;color:#f0b90b;font-size:13px;font-weight:600;cursor:pointer;padding:2px}
/* زر X موحد لشيت الفواصل (قاعدة الشيتات الموحدة) */
.tfs-head-acts{display:flex;align-items:center;gap:12px}
.tfs-x{background:rgba(255,255,255,.07);border:none;color:#8b93a7;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:13px}
.tfs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.tfs-grid button{background:#1d2344;border:1px solid transparent;color:#e2e7ff;font-size:13px;font-weight:700;border-radius:10px;padding:11px 0;cursor:pointer}
.tfs-grid button.on{border-color:#e2e7ff;background:#141936}
.tfs-custom{display:flex;align-items:center;justify-content:space-between;padding:16px 2px 4px;color:#8b93b8;font-size:12.5px}
.tfs-custom button{background:#1d2344;border:none;color:#e2e7ff;width:64px;height:36px;border-radius:10px;font-size:13px;cursor:pointer}

/* v16: أيقونة الشموع في أقصى يسار الشريط العلوي (نمط Binance) */
.tsp2-pairrow-top{padding-inline-end:14px;padding-inline-start:8px}

/* v17: تبويبا المعلومات والبيانات بنمط Binance */
.tci-note{color:#8b93b8;font-size:11px;line-height:1.7;padding:12px 14px 4px}
.tci-coin{display:flex;align-items:center;gap:8px;padding:14px 14px 6px}
.tci-coin img{width:30px;height:30px;border-radius:50%}
.tci-coin b{font-size:17px;font-weight:800}
.tci-coin span{color:#8b93b8;font-size:13px}
.tci-rank{margin-inline-start:auto;background:#1d2344;color:#c8cff2;font-size:11px;font-style:normal;padding:4px 10px;border-radius:8px}
.tci-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:6px 14px}
.tci-grid>div{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-bottom:1px solid rgba(120,140,220,.08)}
.tci-grid span{color:#8b93b8;font-size:11.5px}
.tci-grid b{font-size:13.5px;font-weight:700}
.tci-grid small{color:#5d6693;font-size:10.5px}
.tci-links-t{font-size:15px;font-weight:800;padding:18px 14px 8px}
.tci-links{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px}
.tci-links a{background:#1d2344;color:#e2e7ff;font-size:12px;font-weight:600;padding:8px 14px;border-radius:8px;text-decoration:none}
.tci-nolink{color:#5d6693;font-size:12px}
.tci-desc{color:#aab2d5;font-size:12.5px;line-height:1.9;padding:0 14px 20px}
.tcd-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 14px 4px}
.tcd-head b{font-size:15px;font-weight:800}
.tcd-head span{color:#8b93b8;font-size:11.5px}
.tcd-fts{display:flex;gap:6px;padding:10px 14px;flex-direction:row-reverse;justify-content:flex-end}
.tcd-fts button{background:none;border:none;color:#8b93b8;font-size:12px;font-weight:700;padding:6px 10px;border-radius:8px;cursor:pointer}
.tcd-fts button.on{background:#1d2344;color:#fff}
.tcd-donutwrap{display:flex;align-items:center;justify-content:space-between;padding:8px 20px}
.tcd-donut{width:150px;height:150px}
.tcd-legend{display:flex;flex-direction:column;gap:14px;font-size:11.5px;font-weight:700}
.tcd-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-inline-end:5px;vertical-align:1px}
.tcd-leg-buy{color:var(--rv-up)}
.tcd-leg-sell{color:var(--rv-down)}
.tcd-tbl{margin:14px;background:#141936;border-radius:12px;padding:4px 12px}
.tcd-r{display:grid;grid-template-columns:1fr 1.3fr 1.3fr 1.1fr;gap:6px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(120,140,220,.07);font-size:12px}
.tcd-r:last-child{border-bottom:none}
.tcd-r span{color:#8b93b8}
.tcd-r b{font-weight:700;display:flex;align-items:center;gap:5px}
.tcd-r b i{width:7px;height:7px;border-radius:2px;flex:none}
.tcd-h b,.tcd-h span{color:#8b93b8;font-size:11px;font-weight:600}
.tcd-sum b{font-weight:800}
.tcd-bars{display:flex;align-items:flex-end;justify-content:space-around;padding:16px 10px 22px;min-height:150px}
.tcd-bar{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px}
.tcd-bar small{font-weight:700}
.tcd-barcol{display:flex;align-items:flex-end;height:90px}
.tcd-barcol i{width:16px;border-radius:4px;transition:height .4s ease}
.tcd-barcol i.g{background:var(--rv-up)}
.tcd-barcol i.r{background:var(--rv-down)}
.tcd-bar span{color:#8b93b8}
.up{color:var(--rv-up)}.dn{color:var(--rv-down)}

/* v18: قسم «قد يهمك · نسخ» — واجهة تجريبية بهوية Rio Vast */
.cps{margin-top:6px}
.cps-h{padding:14px 2px 10px}
.cps-row{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 14px;scrollbar-width:none}
.cps-row::-webkit-scrollbar{display:none}
.cps-card{flex:0 0 168px;background:#141936;border:1px solid rgba(120,140,220,.1);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}
.cps-top{display:flex;align-items:center;gap:8px}
.cps-top img{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#1d2344;flex:none}
.cps-nm{min-width:0}
.cps-nm b{display:block;font-size:12.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cps-nm span{color:#8b93b8;font-size:10.5px}
.cps-roi b{font-size:19px;font-weight:800;display:block}
.cps-roi span{color:#8b93b8;font-size:10.5px}
.cps-spark{width:100%;height:30px}
.cps-stats{display:flex;justify-content:space-between;gap:6px}
.cps-stats span{display:block;color:#8b93b8;font-size:10px}
.cps-stats b{font-size:11.5px;font-weight:700}
.cps-copy{width:100%;background:#192E85;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:800;padding:9px 0;cursor:pointer}
.cps-copy:active{opacity:.85}
.cps-sheet{padding-bottom:calc(18px + env(safe-area-inset-bottom))}
.cps-sh-head{display:flex;align-items:center;justify-content:center;position:relative;padding:2px 0 12px}
.cps-sh-head b{font-size:16px;font-weight:800}
.cps-sh-back{position:absolute;right:2px;top:-4px;background:none;border:none;color:#e2e7ff;font-size:17px;padding:8px;cursor:pointer}
.cps-sh-tr{display:flex;align-items:center;gap:10px;background:#141936;border-radius:12px;padding:12px;margin-bottom:14px}
.cps-sh-tr img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#1d2344;flex:none}
.cps-sh-tr b{display:block;font-size:14px;font-weight:800}
.cps-sh-tr span{color:#8b93b8;font-size:11px}
.cps-sh-tr i{margin-inline-start:auto;font-style:normal;font-size:15px;font-weight:800}
.cps-sh-lb{display:block;color:#8b93b8;font-size:12px;margin:0 2px 6px}
.cps-sh-amt{display:flex;align-items:center;gap:8px;background:#141936;border:1px solid rgba(120,140,220,.14);border-radius:12px;padding:12px 14px}
.cps-sh-amt input{flex:1;background:none;border:none;outline:none;color:#fff;font-size:17px;font-weight:800;min-width:0}
.cps-sh-amt span{color:#8b93b8;font-size:13px;font-weight:700}
.cps-sh-rng{width:100%;margin:16px 0 4px;accent-color:#192E85}
.cps-sh-marks{display:flex;justify-content:space-between;color:#5d6693;font-size:10px;margin-bottom:12px}
.cps-sh-dts{background:#141936;border-radius:12px;padding:4px 14px;margin-bottom:16px}
.cps-sh-dts>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(120,140,220,.07);font-size:12px}
.cps-sh-dts>div:last-child{border-bottom:none}
.cps-sh-dts span{color:#8b93b8}
.cps-sh-dts b{font-weight:700}
.cps-sh-do{width:100%;background:#192E85;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:800;padding:14px 0;cursor:pointer}

/* v19: فاصل أسفل الشارت + دفتر أوامر أطول (نمط Binance) */
.tsc-div{height:4px;background:#0f1330;border-top:1px solid #1d234a;border-bottom:1px solid #1d234a;margin-top:2px}
.tsc-bbody{min-height:560px}

/* ===== ملخص المحفظة بأسلوب Binance (rws) + قسم الأصول (rwa) ===== */
.rws { padding: 4px 4px 0; }
.rws-lb { color: #94a3b8; font-size: 14px; font-weight: 600; display: flex; align-items: center; gap: 4px; }
.rws-unit { color: #94a3b8; font-size: 13px; }
.rws-total { color: #fff; font-size: 34px; font-weight: 800; line-height: 1.2; margin-top: 6px; letter-spacing: .3px; text-align: right; direction: ltr; unicode-bidi: embed; font-variant-numeric: tabular-nums; }
[dir="rtl"] .rws-total, .rws[dir="rtl"] .rws-total { text-align: right; }
.rws-local { color: #94a3b8; font-size: 14px; margin-top: 4px; }
.rws-pnl { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; color: #94a3b8; font-size: 13.5px; text-decoration: none; }
.rws-pnl:hover { color: #cbd5e1; text-decoration: none; }
.rws-pnl b { font-weight: 700; }
.rws-pnl .fa-chevron-left { font-size: 11px; opacity: .7; }
.rwa-up { color: var(--rv-up) !important; }
.rwa-down { color: var(--rv-down) !important; }
/* أزرار المحفظة الأربعة في شبكة متناسقة */
.wallet-actions { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 16px; }
.wallet-actions .history-btn { grid-column: 1 / -1; }
/* قائمة الأصول */
.rwa-hz { display: flex; align-items: center; gap: 6px; color: #94a3b8; font-size: 12.5px; cursor: pointer; margin: 0; }
.rwa-hz input { accent-color: #192E85; width: 15px; height: 15px; margin: 0; }
.rwa-list { display: flex; flex-direction: column; }
.rwa-row { display: flex; align-items: flex-start; gap: 10px; padding: 14px 4px; border-bottom: 1px solid rgba(255,255,255,0.06); cursor: pointer; transition: background .15s ease; }
.rwa-row:active, .rwa-row:hover { background: rgba(255,255,255,0.04); }
.rwa-info { flex: 1; min-width: 0; }
.rwa-froz { color: #94a3b8; font-size: 11.5px; margin-top: 3px; }
.rwa-right { text-align: left; min-width: 110px; }
.rwa-bal { color: #fff; font-size: 15px; font-weight: 700; line-height: 1.3; font-variant-numeric: tabular-nums; }
.rwa-usd { color: #94a3b8; font-size: 12.5px; line-height: 1.4; }
.rwa-local { color: #64748b; font-size: 11.5px; line-height: 1.4; }

/* شارة «إدراج جديد» لعملة RIO بعد إعادة الإطلاق */
.rv-newchip{display:inline-block;margin:0 6px;padding:1px 7px;border-radius:6px;font-style:normal;font-size:9.5px;font-weight:700;line-height:1.6;color:var(--rv-up);background:rgba(46,189,133,.12);border:1px solid rgba(46,189,133,.35);vertical-align:middle;white-space:nowrap}

/* ================= P2P (تجريبي) ================= */
.rvp-wrap{max-width:640px;margin:0 auto;padding:0 14px 90px}
.rvp-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.rvp-seg{display:flex;background:#1b1f2a;border-radius:10px;padding:3px;gap:3px}
.rvp-seg button{border:0;background:transparent;color:#8a93ab;font-size:13.5px;font-weight:700;padding:7px 16px;border-radius:8px;transition:.18s}
.rvp-seg button.on{background:var(--rv-primary,#192E85);color:#fff}
#rvpSide button.on[data-s=buy]{background:var(--rv-p2p-buy);color:#fff}
#rvpSide button.on[data-s=sell]{background:var(--rv-p2p-sell);color:#fff}
.rvp-coins{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:10px;scrollbar-width:none}
.rvp-coins::-webkit-scrollbar{display:none}
.rvp-coins button{border:1px solid #2a3040;background:#161a24;color:#cdd4e4;border-radius:9px;padding:6px 14px;font-size:13px;font-weight:700;flex:0 0 auto}
.rvp-coins button.on{border-color:#192E85;background:#192E85;color:#fff}
.rvp-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.rvp-fbtn{display:flex;justify-content:space-between;align-items:center;gap:6px;border:1px solid #2a3040;background:#161a24;color:#e8ecf5;border-radius:10px;padding:9px 12px;font-size:12.5px;min-width:0}
.rvp-fbtn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rvp-fbtn i{font-size:10px;color:#7d879e}
.rvp-amt,.rvp-q{border:1px solid #2a3040;background:#161a24;color:#e8ecf5;border-radius:10px;padding:9px 12px}
.rvp-list{display:flex;flex-direction:column;gap:10px}
.rvp-sk{height:96px;border-radius:14px;margin:0 0 4px}
.rvp-card{background:#141824;border:1px solid #232a3a;border-radius:14px;padding:12px 13px}
.rvp-crow1{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.rvp-mer{display:flex;gap:9px;align-items:center;min-width:0}
.rvp-av{width:34px;height:34px;min-width:34px;max-width:34px;min-height:34px;max-height:34px;aspect-ratio:1/1;border-radius:50%;background:#192E85;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex:0 0 auto}
.rvp-mer b,.rvp-ocard b{font-size:13.5px;color:#fff;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.rvp-mer small,.rvp-ocard small{color:#8a93ab;font-size:11px;display:block;margin-top:2px}
.rvp-av{overflow:hidden;position:relative}
.rvp-av img{width:100%;height:100%;min-width:0;max-width:100%;max-height:100%;object-fit:cover;border-radius:50%;display:block;flex:0 0 auto;background:linear-gradient(110deg,#1a2340 30%,#243156 50%,#1a2340 70%);background-size:200% 100%;animation:rvpAvSk 1.2s linear infinite}
@keyframes rvpAvSk{0%{background-position:200% 0}100%{background-position:-200% 0}}
.rvp-on{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;margin-left:3px}
.rvp-price{text-align:left;flex:0 0 auto}
.rvp-price b{font-size:17px;color:#fff}
.rvp-price small{display:block;color:#8a93ab;font-size:10.5px;margin-top:1px}
.rvp-crow2{display:flex;justify-content:space-between;align-items:center;margin-top:9px;gap:8px}
.rvp-act{border:0;border-radius:9px;color:#fff;font-size:12.5px;font-weight:700;padding:7px 18px;transition:.15s}
.rvp-act:active{transform:scale(.96)}
.rvp-act.g{background:var(--rv-p2p-buy)}.rvp-act.r{background:var(--rv-p2p-sell)}.rvp-act.x{background:#333a4c}
.rvp-act:disabled{opacity:.55}
.rvp-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.rvp-chips span{border-right:2px solid #f0b90b;background:#1b2030;color:#c9d1e4;font-size:10.5px;padding:2px 8px;border-radius:4px}
.rvp-empty{text-align:center;padding:44px 16px;color:#8a93ab}
.rvp-empty h4{color:#e8ecf5;font-size:15px;margin:12px 0 6px}
.rvp-empty p{font-size:12.5px;line-height:1.8}
.rvp-retry{margin-top:10px;border:1px solid #2a3040;background:#161a24;color:#fff;border-radius:9px;padding:8px 22px;font-size:13px}
.rvp-st{flex:0 0 auto;font-size:11px;font-weight:700;border-radius:6px;padding:3px 9px}
.rvp-st.w{background:#4a3a0c;color:#ffd666}.rvp-st.b{background:#12315c;color:#7db4ff}.rvp-st.g{background:#0d3321;color:#4ade80}.rvp-st.x{background:#2a2f3d;color:#9aa3b8}.rvp-st.r{background:#451414;color:#f87171}
.rvp-oid{color:#5d6680}
.rvp-toast{position:fixed;bottom:92px;left:50%;transform:translate(-50%,14px);background:#23293a;color:#fff;border-radius:10px;padding:10px 18px;font-size:13px;opacity:0;transition:.3s;z-index:99999;box-shadow:0 8px 28px rgba(0,0,0,.45)}
.rvp-toast.ok{background:#0d3321;color:#4ade80}
.rvp-toast.show{opacity:1;transform:translate(-50%,0)}
/* شيتات P2P */
.rvp-sheet{padding:4px 2px 10px}
.rvp-sh-mer{display:flex;gap:9px;align-items:center;margin-bottom:10px}
.rvp-sh-mer b{color:#fff;font-size:14px;display:flex;gap:6px;align-items:center}
.rvp-sh-mer small{color:#8a93ab;font-size:11px}
.rvp-sh-price{background:#1b2030;border-radius:9px;padding:9px 12px;color:#cdd4e4;font-size:13px;margin-bottom:12px}
.rvp-sh-price b{color:#fff}
.rvp-sh-lb{display:block;color:#8a93ab;font-size:12px;margin:10px 0 6px}
.rvp-sh-in{width:100%;border:1px solid #2a3040;background:#161a24;color:#fff;border-radius:10px;padding:11px 12px}
.rvp-sh-eq{color:#7db4ff;font-size:12.5px;margin-top:6px}
.rvp-sh-ms{display:flex;gap:7px;flex-wrap:wrap}
.rvp-sh-ms button{border:1px solid #2a3040;background:#161a24;color:#cdd4e4;border-radius:8px;padding:7px 12px;font-size:12px}
.rvp-sh-ms button.on{border-color:#f0b90b;color:#ffd666}
.rvp-sh-err{color:#f87171;font-size:12px;min-height:18px;margin-top:8px}
.rvp-sh-go{width:100%;border:0;border-radius:11px;color:#fff;font-weight:800;font-size:14.5px;padding:13px;margin-top:4px}
.rvp-sh-go.g{background:var(--rv-p2p-buy)}.rvp-sh-go.r{background:var(--rv-p2p-sell)}
.rvp-cs{display:flex;flex-direction:column;gap:6px;padding:4px 0 12px;max-height:60vh;overflow-y:auto}
.rvp-cs-i{display:block;text-align:right;border:1px solid #232a3a;background:#161a24;border-radius:10px;padding:10px 13px}
.rvp-cs-i.on{border-color:#192E85;background:#1a2140}
.rvp-cs-i b{color:#fff;font-size:13.5px;display:block}
.rvp-cs-i small{color:#8a93ab;font-size:11px}
/* شيت الدولة: بحث فوري + علم + اسم عربي/إنجليزي + عملة */
.rvp-csq{padding:2px 0 8px}
.rvp-csq input{width:100%;background:#161a24;border:1px solid #232a3a;border-radius:10px;color:#fff;font-size:13.5px;padding:10px 13px;outline:none}
.rvp-csq input:focus{border-color:#192E85}
.rvp-cs-i{display:flex;align-items:center;gap:10px}
.rvp-flag{width:26px;height:26px;border-radius:50%;flex:0 0 26px}
.rvp-cs-t{display:block;text-align:right;min-width:0}
.rvp-cs-en{color:#5b6382;font-size:10.5px;font-weight:400}
.rvp-cs-none{text-align:center;padding:14px 0;color:#8a93ab}
/* تفاصيل الطلب */
.rvp-od-head{display:flex;justify-content:space-between;align-items:center;margin:6px 0 12px}
.rvp-od-head b{color:#fff;font-size:15px}
.rvp-od-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#161a24;border:1px solid #232a3a;border-radius:12px;padding:12px}
.rvp-od-grid small{display:block;color:#8a93ab;font-size:10.5px;margin-bottom:3px}
.rvp-od-grid b{color:#fff;font-size:12.5px;word-break:break-word}
.rvp-steps{display:flex;align-items:center;justify-content:space-between;margin:16px 2px}
.rvp-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 auto}
.rvp-step b{font-size:10.5px;color:#8a93ab;font-weight:600;max-width:86px;text-align:center}
.rvp-step.done b{color:#e8ecf5}
.rvp-dot{width:26px;height:26px;border-radius:50%;background:#232a3a;color:#8a93ab;display:flex;align-items:center;justify-content:center;font-size:12px}
.rvp-step.done .rvp-dot{background:#16a34a;color:#fff}
.rvp-sline{flex:1;height:2px;background:#232a3a;margin:0 6px 22px}
.rvp-od-note{background:#1b2030;border-radius:10px;padding:10px 12px;color:#c9d1e4;font-size:12px;line-height:1.8;margin:6px 0 12px}
.rvp-od-acts{display:flex;gap:8px}
.rvp-od-acts .rvp-act{flex:1;padding:11px}
.rvp-blocked svg{opacity:.7}
@media (max-width:520px){.rvp-filters{grid-template-columns:1fr 1fr}.rvp-seg button{padding:7px 12px}}

/* ==== شارة «السوق مغلق» على شارت الفوركس + شيت حالة السوق ==== */
/* صغيرة على يسار الشارت (بعيدًا عن محور الأسعار يمينًا) — لا تغطي الشموع */
.tfx2-mkt-badge{position:absolute;top:8px;left:8px;z-index:6;display:inline-flex;align-items:center;gap:6px;
  padding:4.5px 10px;border:1px solid rgba(246,70,93,.45);border-radius:999px;background:rgba(246,70,93,.14);
  color:#f6465d;font-family:inherit;font-size:11px;font-weight:800;line-height:1;cursor:pointer;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.tfx2-mkt-badge:active{background:rgba(246,70,93,.24)}
.tfx2-mkt-dot{width:6px;height:6px;border-radius:50%;background:#f6465d;animation:tfxMktPulse 1.6s infinite}
@keyframes tfxMktPulse{0%,100%{opacity:1}50%{opacity:.35}}
.tfx-mkt-wrap .tfx-mkt-head{display:flex;align-items:baseline;gap:10px;margin:2px 0 12px}
.tfx-mkt-wrap .tfx-mkt-head b{font-size:18px}
.tfx-mkt-wrap .tfx-mkt-head span{color:#8b93b8;font-size:12.5px}
.tfx-mkt-state{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;
  font-size:13.5px;font-weight:800;margin-bottom:12px}
.tfx-mkt-state.closed{background:rgba(246,70,93,.12);border:1px solid rgba(246,70,93,.35);color:#f6465d}
.tfx-mkt-state.open{background:rgba(46,189,133,.12);border:1px solid rgba(46,189,133,.35);color:#2EBD85}
.tfx-mkt-state.open .tfx2-mkt-dot{background:#2EBD85;animation:none}
.tfx-mkt-cd{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;margin:10px 0;
  border-radius:12px;background:rgba(120,140,220,.08);border:1px solid rgba(120,140,220,.18)}
.tfx-mkt-cd span{color:#8b93b8;font-size:12.5px;font-weight:700}
.tfx-mkt-cd b{font-size:20px;font-weight:800;color:#f2f2f2;font-variant-numeric:tabular-nums}
.tfx-mkt-note{color:#8b93b8;font-size:12px;line-height:1.7;margin:10px 2px 0}

/* ==== حالات دورة حياة السوق — شارة + شيت ==== */
/* pre_close_5m: برتقالي — تحذير الإغلاق القريب */
.tfx2-mkt-badge.tfx2-mkt-pre-close-5m{border-color:rgba(243,156,18,.5);background:rgba(243,156,18,.15);color:#f9a825}
.tfx2-mkt-badge.tfx2-mkt-pre-close-5m .tfx2-mkt-dot{background:#f9a825;animation-duration:1.2s}
/* pre_close_1m: برتقالي أحمر أكثر إلحاحًا */
.tfx2-mkt-badge.tfx2-mkt-pre-close-1m{border-color:rgba(255,120,30,.5);background:rgba(255,120,30,.15);color:#ff7c1e}
.tfx2-mkt-badge.tfx2-mkt-pre-close-1m .tfx2-mkt-dot{background:#ff7c1e;animation-duration:0.7s}
/* just_opened: أخضر — احتفال بالافتتاح */
.tfx2-mkt-badge.tfx2-mkt-just-opened{border-color:rgba(46,189,133,.5);background:rgba(46,189,133,.13);color:#2EBD85}
.tfx2-mkt-badge.tfx2-mkt-just-opened .tfx2-mkt-dot{background:#2EBD85;animation:none}
/* data_stale: السوق مفتوح لكن السعر الحي متوقف مؤقتًا — كهرماني (ليس أحمر "مغلق") */
.tfx2-mkt-badge.tfx2-mkt-data-stale{border-color:rgba(243,156,18,.5);background:rgba(243,156,18,.15);color:#f9a825}
.tfx2-mkt-badge.tfx2-mkt-data-stale .tfx2-mkt-dot{background:#f9a825;animation-duration:1s}
/* closed: افتراضي — الأحمر الحالي (بلا class إضافي) */
/* حالة السوق في الشيت — مراحل جديدة */
.tfx-mkt-state.preclose{background:rgba(243,156,18,.12);border:1px solid rgba(243,156,18,.38);color:#f9a825}
.tfx-mkt-state.preclose.pre1m{background:rgba(255,120,30,.12);border-color:rgba(255,120,30,.38);color:#ff7c1e}
.tfx-mkt-state.just-opened{background:rgba(46,189,133,.12);border:1px solid rgba(46,189,133,.35);color:#2EBD85}
.tfx-mkt-state.just-opened .tfx2-mkt-dot{background:#2EBD85;animation:none}
/* وسم «آخر سعر معروف» على PnL المجمّد أثناء إغلاق السوق */
.tbn-tr-frozen{display:block;color:#8b93b8;font-size:10px;font-weight:600;direction:rtl;margin-top:2px}
/* داخل tfxs-pl (شيتات المراكز) */
.tfxs-pl+.tbn-tr-frozen{display:inline-block;margin-right:5px;font-size:10.5px;vertical-align:middle}

/* ==== نظام مراكز وتاريخ الفوركس (MT5) — أزرار + شيتات + Action Sheet ==== */
/* زرا المراكز/التاريخ فوق خانة اللوت — بنفس لغة أزرار الواجهة (tb2) */
/* ==== شريط MT5 السفلي وأقسامه (فوركس فقط، موبايل <1024px) ====
   يحل محل شريط التنقل العام داخل page=trade-fx حصريًا: html.rv-fxlock
   يضبطه rio-trade-fx.js أثناء ظهور شاشة الفوركس فقط (Keep-Alive-aware)
   ويزيله عند المغادرة — فيعود rvTabbar سليمًا في بقية الصفحات. */
.tfx2-nav,.tfx2-sec{display:none}
@media (max-width:1023.98px){
  html.rv-fxlock #rvTabbar{display:none!important}
  html.rv-fxlock body.rv-has-tabbar{padding-bottom:0!important}
  /* لوحة التنفيذ السفلية ترتكز فوق شريط MT5 بدل الشريط العام */
  html.rv-fxlock #tfx2Bottom{bottom:calc(var(--tfx2-nav-h,56px) + env(safe-area-inset-bottom,0px))}
  html.rv-fxlock .tfx2-nav{display:flex}
  .tfx2-nav{position:fixed;left:0;right:0;bottom:0;z-index:1046;
    height:calc(var(--tfx2-nav-h,56px) + env(safe-area-inset-bottom,0px));
    padding:0 clamp(24px,7vw,32px) env(safe-area-inset-bottom,0px);
    background:#0b0e1f;border-top:1px solid #1d234a;
    align-items:stretch;touch-action:none}
  /* حبة التحديد المنزلقة: عنصر واحد يغلّف الأيقونة والكلمة (نمط MT5) —
     يُموضَع بالقياس عبر JS (transform+width) وينزلق بين الخيارات */
  .tfx2-nav-pill{position:absolute;top:0;left:0;background:#1a2140;pointer-events:none;
    transition:transform .24s cubic-bezier(.3,.7,.25,1),width .24s ease,height .24s ease;
    will-change:transform}
  .tfx2-nav.dragging .tfx2-nav-pill{transition:none}
  /* خمسة أعمدة متساوية العرض؛ العمود يمتد لكامل ارتفاع الشريط المرئي
     (فوق safe-area) والأيقونة+النص متمركزان عموديًا داخله */
  .tfx2-nav-it{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:3px;background:none;border:0;padding:0;color:#9aa1b9;cursor:pointer;-webkit-tap-highlight-color:transparent;
    position:relative;z-index:1}
  .tfx2-nav-ic{width:52px;height:28px;display:flex;align-items:center;justify-content:center}
  .tfx2-nav-it svg{width:21px;height:21px;display:block}
  .tfx2-nav-lb{font-size:10px;font-weight:700;line-height:1;white-space:nowrap}
  .tfx2-nav-it.on{color:var(--rv-fx-blue)}
  /* طبقة الأقسام: تغطي الشاشة فوق الشارت وتنتهي عند حافة شريط MT5 —
     الشارت وWS حيّان خلفها دائمًا (لا إعادة تهيئة عند العودة) */
  html.rv-fxlock .tfx2-sec{display:flex}
  .tfx2-sec{position:fixed;left:0;right:0;top:0;
    bottom:calc(var(--tfx2-nav-h,56px) + env(safe-area-inset-bottom,0px));
    z-index:1044;background:#0b0e1f;flex-direction:column}
  .tfx2-sec[hidden]{display:none!important}
  .tfx2-sec-hd{flex-shrink:0;padding:calc(10px + var(--rv-safe-top)) 16px 10px;
    border-bottom:1px solid #1d234a}
  .tfx2-sec-hd b{color:#fff!important;font-size:17px;font-weight:800}
  /* بحث قسم «الأسعار» — نفس مكوّن rv-search بلا هامش سفلي داخل الرأس */
  .tfx2-sec-hd .rv-search{margin:0}
  .tfx2-sec-hd #tfx2SecTitle[hidden]{display:none!important}
  .tfx2-qt-empty{color:#8b93b8!important;text-align:center;padding:26px 0;font-size:13px}
  .tfx2-sec-bd{flex:1;min-height:0;display:flex}
  .tfx2-sec-in{flex:1;min-width:0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;padding:10px 12px 16px}
  /* ===== قسم «الأسعار» بمطابقة MT5 (مهمة 724) — خلفية «التاريخ» نفسها ===== */
  .tfx2-sec.tfx2-sec-qt{--rv-fx-blue:#0A84FF;background:linear-gradient(to right, #0e0c2e, #02010d)}
  .tfx2-sec.tfx2-sec-qt .tfx2-sec-hd{display:none}
  /* رأس القسم: قائمة يمينًا · العنوان مركزي · قلم + بحث يسارًا (دوائر التاريخ نفسها) */
  .tfx2-mq-hd{flex-shrink:0;display:flex;align-items:center;gap:8px;direction:rtl;
    padding:calc(8px + var(--rv-safe-top)) 10px 6px}
  .tfx2-mq-ttl{flex:1;text-align:center;color:#fff!important;font-size:17px;font-weight:800}
  .tfx2-mq-hbtns{display:flex;align-items:center;gap:6px}
  /* القائمة: بلا بطاقات وبلا فواصل واضحة، صفوف كثيفة بنمط MT5 */
  .tfx2-sec.tfx2-sec-qt .tfx2-sec-in{padding:0 0 8px}
  .tfx2-mq-list{padding:0}
  .tfx2-mq-row{display:flex;align-items:center;gap:10px;direction:rtl;
    padding:9px 12px;cursor:pointer}
  .tfx2-mq-row:active{background:rgba(120,140,220,.07)}
  .tfx2-mq-row.mq-dragging{background:rgba(120,140,220,.12);opacity:.92}
  /* المنطقة اليمنى: تغير نقاط + نسبة / الرمز / وقت + سبريد */
  .mq-info{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:1px;
    direction:ltr;text-align:right}
  .mq-l1{display:flex;align-items:baseline;gap:7px;font-size:11.5px;
    font-variant-numeric:tabular-nums}
  .mq-pts{color:#8b93b8!important;font-weight:600}
  .mq-pct{color:#c9cfe6!important;font-weight:600}
  .mq-pct.up{color:var(--rv-fx-blue)!important}
  .mq-pct.dn{color:var(--rv-fx-red)!important}
  .mq-sym{display:block;color:#fff!important;font-size:16px;font-weight:800;line-height:1.25}
  .mq-closed{color:#8b93b8!important;font-size:10px;font-weight:700;margin-inline-start:6px}
  .mq-l3{display:flex;align-items:center;gap:5px;font-size:10.5px;color:#8b93b8!important;
    font-variant-numeric:tabular-nums}
  .mq-l3 .mq-spi{display:inline-flex;color:#6C7594;line-height:0}
  .mq-l3 .mq-sp{color:#8b93b8!important;font-weight:600}
  /* المنطقة اليسرى: عمودا Ask ثم Bid بلا تسميات + H:/L: تحتهما */
  .mq-px{display:flex;gap:18px;flex-shrink:0;font-variant-numeric:tabular-nums}
  .mq-cell{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:84px}
  .mq-ask,.mq-bid{color:#fff!important;font-size:14px;font-weight:600;line-height:1.3;
    letter-spacing:.2px;white-space:nowrap}
  .mq-ask b,.mq-bid b{font-size:18.5px;font-weight:700}
  .mq-ask sup,.mq-bid sup{font-size:10px;font-weight:700;vertical-align:super;line-height:0}
  .mq-ask.qt-up,.mq-bid.qt-up{color:var(--rv-fx-blue)!important}
  .mq-ask.qt-dn,.mq-bid.qt-dn{color:var(--rv-fx-red)!important}
  .mq-cell small{color:#6C7594!important;font-size:10px;font-weight:600;
    font-variant-numeric:tabular-nums;white-space:nowrap}
  /* العرض المبسّط: سطر واحد — الرمز يمينًا وBid/Ask يسارًا */
  .tfx2-mq-row.mq-simple{padding:10px 12px}
  .tfx2-mq-row.mq-simple .mq-cell{min-width:78px}
  /* وضع التعديل: مقبض سحب يمينًا + زر إخفاء يسارًا */
  .mq-drag{flex:0 0 auto;color:#6C7594;display:inline-flex;padding:8px 2px;
    touch-action:none;cursor:grab}
  .mq-hide{flex:0 0 auto;background:transparent;border:none;padding:6px 2px;
    display:inline-flex;color:#fff;cursor:pointer}
  /* واجهة البحث عند الطلب */
  .tfx2-mq-srch{display:flex;flex-direction:column;min-height:0}
  .mq-srch-bar{display:flex;align-items:center;gap:8px;direction:rtl;
    padding:calc(8px + var(--rv-safe-top)) 10px 8px}
  .mq-srch-bar .tfxs-hov-cir{transform:scaleX(-1)}
  .mq-srch-in{flex:1;margin:0}
  .mq-srow{display:flex;align-items:center;gap:10px;direction:rtl;padding:9px 14px;
    border-bottom:1px solid rgba(120,140,220,.05)}
  .mq-srow-nm{flex:1;min-width:0}
  .mq-srow-nm b{display:block;color:#fff!important;font-size:14.5px}
  .mq-srow-nm small{display:block;color:#8b93b8!important;font-size:11px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mq-sadd{flex:0 0 auto;display:inline-flex;padding:4px}
  .mq-sadd.add{color:#0A84FF}
  .mq-sadd.has{color:#6C7594}
  /* قسم «تداول»: كسوة الشيت القديم حرفيًا — بلا رأس/خط، خلفية التدرّج وأزرق
     0A84FF تأتي من محدِّدات rs-tfxs الممدَّدة أدناه؛ هنا فقط الحشوة والرأس */
  .tfx2-sec.tfx2-sec-trade .tfx2-sec-hd{display:none}
  .tfx2-sec.tfx2-sec-trade .tfx2-sec-in{padding:var(--rv-safe-top) 0 16px}
  /* قسم «التاريخ»: زر الفترة في الرأس الثابت (بلا هامش داخلي) */
  .tfx2-sec-hd .tfxs-hist-hdr{margin:0;padding:0}
  /* قسم «التاريخ» بكامل العرض كقسم «التداول»: تصفير الحشوة الجانبية للحاوية
     والـwrap — الصفوف والملخص تحمل حشوتها الداخلية 10px نفسها (مهمة 556) */
  /* حشوة سفلية 2px فقط: صف «الرصيد» (آخر الملخص) ملاصق للخط الفاصل فوق شريط MT5
     بنفس التباعد الطبيعي بين أسطر الملخص (كانت 16px — مهمة 566) */
  .tfx2-sec.tfx2-sec-hist .tfx2-sec-in{padding:10px 0 2px}
  .tfx2-sec.tfx2-sec-hist .tfxs-wrap{padding-left:0;padding-right:0}
  /* (أُلغي شريط الملخص الثابت tfxs-hsum-fix — الملخص صار داخل قائمة التمرير، مهمة 560) */
  /* قسم «إعدادات»: نفس محتوى قائمة ⋯ لكن كتلة ثابتة بعرض القسم */
  .tfx2-set.tb2-morepanel{position:static;inset:auto;min-width:0;width:100%;max-width:440px;
    margin:0 auto;box-shadow:none;animation:none}
  /* قسم «إعدادات»: تصفير الحشوة الجانبية — بطاقة الحساب تحمل هامشها 12px بنفسها
     فيصير عرضها عرض الشاشة −24px بالضبط (مهمة 730) */
  .tfx2-sec.tfx2-sec-set .tfx2-sec-hd{display:none}
  .tfx2-sec.tfx2-sec-set .tfx2-sec-in{padding:calc(var(--rv-safe-top) + 12px) 0 16px}
  .tfx2-sec.tfx2-sec-set .tfx2-acct{margin-top:0}
}
/* ===== قسم «إعدادات» الفوركس: تخطيط البطاقة الأصلي + هوية الحساب الحية =====
   القياسات مرجعية إلزامية: عرض الشاشة −24px، ارتفاع 102px، زوايا 24px،
   padding 16/16/20، مساحة صورة/إطار 56px، فجوة 14px، اسم 16/800، ID 12/700/0.5px.
   تُستنسخ بيانات/تأثيرات الهوية فقط؛ لا تُورّث أبعاد رأس القائمة الجانبية. */
.tfx2-setpanel{width:100%;padding:0}
.tfx2-acct{position:relative;box-sizing:border-box;width:calc(100% - 24px);height:102px;
  margin:8px 12px 0;padding:16px 16px 20px;border-radius:24px;overflow:hidden;
  background:linear-gradient(135deg,#1c2547 0%,#0d1226 100%);
  box-shadow:0 8px 24px rgba(0,0,0,.28)}
.tfx2-acct-top{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin-top:8px}
.tfx2-acct-av{position:relative;width:56px;height:56px;flex:0 0 56px;
  display:grid;place-items:center;direction:ltr;margin:0;padding:0;border:0;background:none}
.tfx2-acct-av>div{position:relative!important;display:grid!important;place-items:center!important;
  width:56px;height:56px;direction:ltr;margin:0!important;padding:0!important;border:0!important;background:none!important}
.tfx2-acct .vf{display:grid!important;place-items:center!important;width:56px;height:56px;
  direction:ltr;margin:0!important;padding:0!important;border:0!important;background:none!important}
.rv-avatar-crop{display:block!important;box-sizing:border-box;width:56px!important;height:56px!important;
  min-width:56px!important;min-height:56px!important;max-width:56px!important;max-height:56px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
  overflow:hidden!important;background:none!important;transform:none!important}
.rv-avatar-crop-img{display:block!important;box-sizing:border-box;width:100%!important;height:100%!important;
  min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
  object-fit:cover!important;object-position:50% 50%!important;background:none!important;
  transform-origin:50% 50%!important;transform:none!important}
.tfx2-acct-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:0;
  justify-content:center;height:56px;overflow:hidden;margin:0!important;text-align:right!important}
.tfx2-acct-name-row{display:flex!important;align-items:center;gap:3px;max-width:100%;min-width:0;
  margin:0!important;font-size:16px!important;font-weight:800;line-height:1.25!important;
  direction:rtl;text-align:right;white-space:nowrap;overflow:hidden}
.tfx2-acct-name{flex:0 1 auto;min-width:0;margin:0;font-size:16px!important;font-weight:800;
  color:#fff;line-height:1.25!important;direction:rtl;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tfx2-acct-id{margin:2px 0 0!important;font-size:12px!important;font-weight:700;
  letter-spacing:.5px;line-height:1.25;color:#d9d7ef;opacity:.68;text-align:right!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tfx2-acct-missing{height:100%;display:flex;align-items:center;justify-content:center;color:#8b93b8!important}

/* رأس القائمة الجانبية: نفس قياسات محتوى بطاقة الحساب، بلا بطاقة أو خلفية جديدة. */
#external-sidebar .userspace{align-items:flex-start;gap:14px}
#external-sidebar .userspace>div:first-child{display:grid;place-items:center;width:56px;height:56px;
  flex:0 0 56px;direction:ltr;margin:0;padding:0;border:0;background:none}
#external-sidebar .userspace>.cotnent{align-self:center;flex:1;min-width:0;overflow:hidden;margin:0!important;
  text-align:right!important}
#external-sidebar #rvSbName{display:flex;align-items:flex-start;gap:3px;min-width:0;max-width:100%;
  margin:0!important;font-size:16px!important;font-weight:800;line-height:1.25!important;
  direction:rtl;text-align:right;white-space:nowrap;overflow:hidden}
#external-sidebar #rvSbNameTxt{flex:0 1 auto;min-width:0;font-size:16px!important;font-weight:800;
  line-height:1.25!important;direction:rtl;text-align:right;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis}
#external-sidebar .userspace>.cotnent>.cx-sum-id{display:flex!important;align-items:center;gap:6px;max-width:100%;
  margin:2px 0 0!important;font-size:12px!important;font-weight:700;letter-spacing:.5px;
  line-height:1.25;text-align:right!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#external-sidebar .userspace>.cotnent>.cx-sum-id>span[dir="ltr"]{display:block!important;
  flex:0 1 auto;min-width:0;max-width:100%;direction:ltr;text-align:right;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.tfx2-prefbox{box-sizing:border-box;width:calc(100% - 24px);margin:10px 12px 0;
  border-radius:22px;overflow:hidden;background:#1c1c1e;border:1px solid rgba(255,255,255,.07);
  box-shadow:0 8px 24px rgba(0,0,0,.2)}
.tfx2-prefrow{box-sizing:border-box;width:100%;min-height:62px;padding:0 18px;border:0;background:transparent;
  display:flex;align-items:center;gap:14px;cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:start}
.tfx2-prefrow:active{background:rgba(255,255,255,.045)}
.tfx2-prefrow:disabled{opacity:.72;cursor:default}
.tfx2-prefmain{flex:1;min-width:0;display:flex;align-items:center;gap:13px;
  color:#fff!important;font-size:15.5px;font-weight:700;line-height:1.35;text-align:start}
.tfx2-prefmain>span{color:#fff!important}
.tfx2-prefmain i{width:24px;flex:0 0 24px;text-align:center;color:#7ea0ff!important;font-size:17px}
.tfx2-prefdiv{height:1px;margin-inline-start:55px;background:rgba(255,255,255,.1)}
.tfx2-prefexit .tfx2-prefmain i{color:#7ea0ff!important;font-size:15px}
.tfx2-prefbox .cs-sw{margin-inline-start:auto}
/* الديسكتوب (≥1024px): لا شريط MT5 ولا أقسام — اللوحة المضمّنة كما هي */
@media (min-width:1024px){
  .tfx2-nav,.tfx2-sec{display:none!important}
}
/* تسمية الفئة داخل أزرار التبويبات في لوحة الأصول */
.tb2-ap-cats button{width:auto!important;padding:0 11px!important;gap:6px!important;font-size:11.5px;font-weight:700;height:38px!important}
.tb2-cat-lbl{font-size:11.5px;white-space:nowrap}
/* اسم الأداة العربي المختصر أسفل الرمز في زر الأصل */
/* شارة المؤشرات (عرض فقط) */
.tfx2-idx-badge{display:flex;align-items:center;gap:8px;padding:10px 14px;margin:6px 0 4px;
  background:rgba(126,160,255,.08);border:1px solid rgba(126,160,255,.18);border-radius:12px;
  color:#7ea0ff;font-size:12.5px;font-weight:600;direction:rtl}
.tfx2-idx-badge i{flex-shrink:0}
/* مؤشر عمر السعر تحت أزرار BUY/SELL */
/* التعطيل المنطقي (st.busy أثناء طلب الفتح) بلا أي أثر بصري إطلاقًا —
   كان opacity:.45 هنا يتغلب بخصوصية الـID على .tfx2-exbtn:disabled{opacity:1}
   فيعتم الزر لحظة كل ضغطة طوال مدة الطلب (السبب الجذري المثبت للتعتيم).
   التعتيم البصري الآن حصري للحالات الصريحة أدناه (سعر متقادم/سوق مغلق). */
#tfx2Buy:disabled,#tfx2Sell:disabled{opacity:1;cursor:default}
/* سعر متقادم/غير جاهز — بخصوصية ID حتى تتغلب على قاعدة opacity:1 أعلاه */
#tfx2Buy.tfx2-notready,#tfx2Sell.tfx2-notready,
#tfx2Buy.tfx2-notready:disabled,#tfx2Sell.tfx2-notready:disabled{opacity:.4;cursor:default}
/* حالة «السوق مغلق»: تعطيل بصري صريح للزرّين (رمادي غير مشبَع) */
#tfx2Buy.tfx2-mkt-off,#tfx2Sell.tfx2-mkt-off{filter:grayscale(.85);opacity:.4}
/* محتوى الشيتات */
.tfxs-wrap{text-align:right;direction:rtl;padding:2px 2px 10px}
/* ===== شيت المراكز — تطابق MT5 حرفيًا (خلفية سوداء، بلا أزرق، بلا بطاقات) ===== */
/* رأس الشاشة: حالتان — بلا صفقات: «USD» فقط / مع صفقات: صافي P/L + USD (بلا زر +) */
.tfxs-mt5{padding:0 0 14px}
.tfxs-hdr{display:flex;align-items:center;justify-content:center;
  min-height:52px;margin:0 0 6px;padding:6px 8px}
.tfxs-hdr-usd{font-size:20px;font-weight:700;color:#fff;letter-spacing:.3px}
.tfxs-hdr-pl{font-size:21px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.3px}
/* !important إلزامي: القاعدة العامة .tfx .up/.dn (خضراء/حمراء عامة) تحمل !important
   وتتغلب على هذه بدونها — نفس توكِنات ألوان .tfxs-pl حرفيًا، لا درجات جديدة */
.tfxs-hdr-pl.up{color:var(--rv-fx-blue)!important}.tfxs-hdr-pl.dn{color:var(--rv-fx-red)!important}.tfxs-hdr-pl.zr{color:#fff!important}
/* بيانات الحساب: 3 أسطر بلا صفقات / 5 أسطر مع صفقات */
.tfxs-acct-stats{display:flex;flex-direction:column;gap:2px;padding:2px 10px 8px;margin:0}
.tfxs-acct-stats .tfxs-ast{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:1px 0}
.tfxs-ast-l{color:#e6e6e6;font-size:14px;font-weight:400;direction:rtl;text-align:right;order:1}
.tfxs-ast-v{color:#e6e6e6;font-size:14px;font-weight:400;direction:ltr;text-align:left;
  font-variant-numeric:tabular-nums;order:2}
/* الصفوف الثلاثة (رصيد/رأس المال/هامش الحرية): خط أكبر ~15% وتباعد عمودي أقل ~7% — نفس الخط والألوان والمحاذاة */
.tfxs-ast--lg{padding:0;margin:-1px 0}
.tfxs-ast--lg .tfxs-ast-l,.tfxs-ast--lg .tfxs-ast-v{font-size:16px;line-height:1.35}
/* مستوى الهامش ≤ 100%: لون النص فقط أحمر (العنوان والقيمة) — بلا خلفية أو حركة */
.tfxs-ast-l.tfxs-ast-danger,.tfxs-ast-v.tfxs-ast-danger{color:var(--rv-fx-red)}
/* مهمة 732: خط MT5 لبيانات الحساب (قسم تداول) وملخص الحساب (قسم التاريخ) فقط —
   بعد قواعد .tfxs-ast--lg عمدًا حتى يتغلب الحجم بلا !important
   (مهمة 743: 16px بالضبط، وزن 450، لون #f5f5f7 كامل الشفافية — مثل MT5 دون Bold) */
.tfxs-ast-l.mt5-account-metric,.tfxs-ast-v.mt5-account-metric-value{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:16px;font-weight:450;line-height:1.35;color:#f5f5f7;opacity:1}
/* التنبيه الأحمر (مستوى الهامش < 100) يبقى متغلبًا على لون #f5f5f7 أعلاه */
.tfxs-ast-l.mt5-account-metric.tfxs-ast-danger,.tfxs-ast-v.mt5-account-metric-value.tfxs-ast-danger{color:var(--rv-fx-red)}
.tfxs-ast-v.mt5-account-metric-value{font-variant-numeric:tabular-nums}
/* شريط «مراكز» الداكن بعرض الشاشة: مراكز أقصى اليسار · ••• أقصى اليمين */
.tfxs-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;
  margin:2px 0 4px;padding:1px 0 1px 12px;background:#161616;
  direction:ltr;flex-direction:row-reverse}
/* شيت المراكز بكامل العرض: rs-tfxs على #rs-sheet يصفّر حشوته الجانبية (20px)
   — الهوامش السالبة داخل .rs-body تُقص لأنه حاوية تمرير، لذا نصفّر من المصدر.
   safe padding صغير (10px) يوضع على الأقسام نفسها (بيانات الحساب/الصفوف) */
#rs-sheet.rs-tfxs,#rs-sheet.rs-tfxs-hist{padding-left:0;padding-right:0}
/* أزرق MT5 #0A84FF (قرار المستخدم) — override محلي للمتغير داخل حاوية المراكز
   والشيتين وقسمي التداول/التاريخ (التاريخ يطابق التداول حرفيًا — مهمة 556)؛
   لا يمس التفاصيل أو بقية الفوركس */
.tfxs-wrap.tfxs-mt5,#rs-sheet.rs-tfxs,#rs-sheet.rs-tfxs-hist,.tfx2-sec.tfx2-sec-trade,.tfx2-sec.tfx2-sec-hist{--rv-fx-blue:#0A84FF}
/* توحيد أرقام P/L في كل واجهات الفوركس على الأزرق الفعلي لصفوف التداول:
   بعض الأسطح خارج النطاق أعلاه (بطاقة الخيارات #tfxAS على body، شيت التاريخ
   rs-tfxs-hist، لوحة الكمبيوتر، ليبل الشارت) كانت ترث ‎#0066CC من :root.
   التوكن يُثبَّت هنا على عناصر أرقام P/L نفسها فقط — كلمات BUY/SELL
   (tfxs-line-type/tfx-po-side/tfx-tblue…) لا تتأثر إطلاقًا، والأحمر
   --rv-fx-red موحّد أصلًا بلا أي override */
.tfxs-line-pl,.tfxs-pl,.tfxs-hdr-pl,.tfxs-dpl,.tfxs-dr b.up,.tfxs-dr b.dn,
.tfx-po-pl,.tfx-po-delta,.tfx2-linetag,.tfx2-linetag .tfx2-pnl,.tfxs-ast-v.up,.tfxs-ast-v.dn,.tfx-cl-pl{--rv-fx-blue:#0A84FF}
/* رقم P/L الحي في زر الإغلاق وشريط التأكيد — نفس أزرق/أحمر أرقام P/L */
.tfx-cl-pl.up{color:var(--rv-fx-blue)!important}
.tfx-cl-pl.dn{color:var(--rv-fx-red)!important}
/* داخل زر الإغلاق فقط: المبلغ أبيض دائمًا (ربحًا أو خسارة) — بطلب العميل */
#tfxClBtnPl .tfx-cl-pl.up,#tfxClBtnPl .tfx-cl-pl.dn{color:#fff!important}
/* قيمة «الأرباح» المجمعة في ملخص التاريخ — نفس أزرق/أحمر أرقام P/L */
.tfxs-ast-v.up{color:var(--rv-fx-blue)!important}
.tfxs-ast-v.dn{color:var(--rv-fx-red)!important}
/* شيتا «المراكز» و«التاريخ» وقسماهما: نفس خلفية body الظاهرة خلف شريط أدوات الفوركس (style.css) — لا gradient جديد */
#rs-sheet.rs-tfxs,#rs-sheet.rs-tfxs-hist,.tfx2-sec.tfx2-sec-trade,.tfx2-sec.tfx2-sec-hist{background:linear-gradient(to right, #0e0c2e, #02010d)}
.tfxs-wrap.tfxs-mt5{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
/* شيت التاريخ بكامل العرض كالمراكز: تصفير حشوة wrap الجانبية (الصفوف والملخص
   تحمل حشوتها الداخلية 10px نفسها كالتداول)، وهيدر الفلتر يحتفظ بحشوة آمنة */
#rs-sheet.rs-tfxs-hist .tfxs-wrap{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
#rs-sheet.rs-tfxs-hist .tfxs-hist-hdr{padding:0 10px}
.tfxs-tb-lbl{color:#a6a6a6;font-size:16px;font-weight:600;direction:rtl} /* = .tfxs-ast--lg */
.tfxs-more{flex:0 0 auto;width:40px;height:22px;border-radius:0;background:transparent;
  border:none;color:#a6a6a6;cursor:pointer;padding:0 12px 0 0;
  display:inline-flex;align-items:center;justify-content:flex-end;gap:4px}
.tfxs-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#a6a6a6;flex:0 0 auto}
/* علامة مائية خفيفة في مساحة «لا مراكز» الفارغة (مثل مرجع MT5) */
.tfxs-watermark{display:flex;align-items:center;justify-content:center;
  padding:64px 0 40px;color:rgba(255,255,255,.05);font-size:88px;pointer-events:none;line-height:1}
/* قائمة الصفقات: تمرير عمودي سلس على الموبايل (touch slop في JS يميز Tap عن Scroll) */
#tfxsPosList{touch-action:pan-y}
/* ===== مهمة 707: سحب صف المركز لليمين يكشف 3 أزرار إجراءات (MT5) =====
   الأزرار في طبقة خلفية مطلقة يسارًا؛ الصف فوقها ينزلق بـtransform (JS)
   وoverflow:hidden يقص ما يخرج يمينًا — لا مساس بالتمرير العمودي (pan-y). */
.tfxs-swr{position:relative;overflow:hidden}
.tfxs-swr>.tfxs-line{position:relative;z-index:1;will-change:transform}
.tfxs-swa{position:absolute;top:0;bottom:0;left:0;display:flex;align-items:center;gap:10px;
  padding:0 0 0 10px;z-index:0;opacity:0;pointer-events:none;transition:opacity .15s}
.tfxs-swr.sw-on .tfxs-swa{opacity:1;pointer-events:auto}
.tfxs-swb{width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;font-size:17px;color:#fff;padding:0}
.tfxs-swb:active{filter:brightness(.82)}
.tfxs-swb-close{background:#E09A2F}   /* ذهبي — صح = إغلاق فوري */
.tfxs-swb-mod{background:#4B49C8}     /* بنفسجي — قلم = تعديل SL/TP */
.tfxs-swb-opt{background:#9AA6B8;gap:3px} /* رمادي — ⋯ = قائمة الخيارات */
.tfxs-swb-opt .tfxs-dot{background:#fff;width:4px;height:4px}
/* كل صفقة سطر مستقل بلا بطاقة/إطار/خلفية */
.tfxs-line{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:6px 10px;cursor:pointer;border:none;background:none}
.tfxs-line:active{background:rgba(255,255,255,.04)}
.tfxs-line-l{flex:0 0 auto;order:2}
.tfxs-pl-demo{display:inline-flex;align-items:center;gap:3px;direction:ltr}
.tfxs-pl-demo>.rv-demo-badge--pl{margin:0;padding:1px 2px;font-size:7px;line-height:1;letter-spacing:.25px;flex:none}
.tfxs-line-r{flex:1 1 auto;min-width:0;order:1;text-align:right;direction:rtl}
.tfxs-line-pl{font-size:21px;font-weight:700;font-variant-numeric:tabular-nums}
/* !important لتغليب tokens شيت «المراكز» القديمة (أزرق/أحمر) على قاعدة .tfx .up/.dn العامة (أخضر/أحمر) */
.tfxs-line-pl.up{color:var(--rv-fx-blue)!important}.tfxs-line-pl.dn{color:var(--rv-fx-red)!important}.tfxs-line-pl.zr{color:#e6e6e6}
.tfxs-line-sym{font-size:17px;font-weight:700;line-height:1.35}
/* اسم الأصل: أبيض مطفي هادئ بدل #fff الصاطع — اللون فقط، بلا مساس بالحجم/الوزن */
.tfxs-line-sym b{color:#d6d9e0;font-weight:700}
.tfxs-line-type{font-weight:700}
.tfxs-line-type.buy{color:var(--rv-fx-blue)!important}
.tfxs-line-type.sell{color:var(--rv-fx-red)!important}
/* رقم اللوت يأخذ حرفيًا نفس لون buy/sell التابع لصفقته — نفس الـtokens بلا درجات جديدة */
.tfxs-line-type.buy .tfxs-line-lot{color:var(--rv-fx-blue)!important}
.tfxs-line-type.sell .tfxs-line-lot{color:var(--rv-fx-red)!important}
.tfxs-line-px{display:block;color:var(--rv-txt2);font-size:16px;/* = .tfxs-ast--lg .tfxs-ast-v */font-variant-numeric:tabular-nums;
  margin-top:2px;line-height:1.3}
/* ===== شيت التاريخ MT5: صفوف مدمجة بنفس مقاييس صفوف المراكز ===== */
.tfxs-hline{cursor:default}
/* direction:ltr إلزامي: العمود يرث RTL فيصير flex-start = يمين الصندوق، ورقم
   P/L (الأضيق من سطر التاريخ) ينزاح عن الحافة اليسرى — LTR يجعله ملاصقًا
   لنفس حافة صف التداول حرفيًا (نفس حشوة .tfxs-line نفسها، مهمة 560) */
.tfxs-hline .tfxs-line-l{display:flex;flex-direction:column;align-items:flex-start;text-align:left;direction:ltr}
/* تاريخ الإغلاق فقط، بخط صغير رمادي تحت الربح/الخسارة (نمط MT5) */
.tfxs-hline-dt{color:#a6a6a6;font-size:11.5px;font-variant-numeric:tabular-nums;
  white-space:nowrap;margin-top:2px;line-height:1.2}
/* ملخص الحساب MT5 بعد آخر صفقة داخل نفس قائمة التمرير (مهمة 560) — يعيد استخدام أصناف «بيانات الحساب» في
   المراكز حرفيًا (tfxs-acct-stats/tfxs-ast--lg): نفس الخط/الوزن/الارتفاع/الحشوات.
   tfxs-hsum باقٍ كوسم تمييز. */
/* التاريخ فقط: رقم P/L أصغر من صف المراكز (كان 13.7px، كُبّر قليلًا بطلب المستخدم — مهمة 566) — نفس اللون/الوزن/المحاذاة */
.tfxs-hline .tfxs-line-pl{font-size:17px}
/* التاريخ فقط: مسافة صغيرة جدًا بين صف «الرصيد» والخط تحته (كانت 8px) */
.tfxs-hsum{padding-bottom:1px}
/* ===== توافق قديم: بطاقات الشيتات الأخرى (تفاصيل/تاريخ) تبقى كما هي ===== */
.tfxs-card{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:13px;
  padding:11px 13px;margin:0 0 9px;cursor:pointer}
.tfxs-card:active{background:rgba(255,255,255,.08)}
.tfxs-c-top{display:flex;align-items:center;gap:9px}
.tfxs-sym{color:#fff;font-size:14.5px;font-weight:800}
.tfxs-pl{margin-inline-start:auto;font-size:14.5px;font-weight:800}
.tfxs-pl.up{color:var(--rv-fx-blue)}.tfxs-pl.dn{color:var(--rv-fx-red)}
.tfxs-c-bot{display:flex;align-items:center;justify-content:space-between;margin-top:6px;
  color:#aeb6d8;font-size:12px;font-weight:600}
.tfxs-c-bot small{color:#6C7594;font-size:11px}
.tfxs-reason{background:rgba(255,255,255,.07);border-radius:7px;padding:2px 7px;direction:rtl}
.tfxs-c-times{display:flex;justify-content:space-between;gap:8px;margin-top:7px;
  color:#6C7594;font-size:10.5px;flex-wrap:wrap}
.tfxs-c-times b{color:#8b93b8;font-weight:600}
.tfxs-sec{color:#8b93b8;font-size:12px;font-weight:800;margin:16px 0 8px}
.tfxs-empty{text-align:center;color:#6C7594;padding:26px 0}
.tfxs-empty i{font-size:26px;margin-bottom:8px;display:block}
.tfxs-empty p{margin:0;font-size:13px}
.tfxs-empty-sm{padding:14px 0}
.tfxs-empty-sm i{font-size:18px}
/* شيت التفاصيل */
.tfxs-dhead{display:flex;align-items:center;gap:9px;margin:2px 0 12px}
.tfxs-dpl{margin-inline-start:auto}
.tfxs-dr{display:flex;align-items:center;justify-content:space-between;padding:9px 2px;
  border-bottom:1px solid rgba(255,255,255,.055);color:#8b93b8;font-size:13px}
.tfxs-dr b{color:#f2f2f2;font-weight:700;font-size:13.5px}
.tfxs-dr b.up{color:var(--rv-fx-blue)}.tfxs-dr b.dn{color:var(--rv-fx-red)}
.tfxs-mod .tfx2-mod-in,.tfxs-mod .tfx2-mod-save{height:40px;font-size:13.5px}
.tfxs-close-btn{width:100%;margin-top:14px;height:46px;border:0;border-radius:13px;
  background:rgba(246,70,93,.16);border:1px solid rgba(246,70,93,.4);color:#f6465d;
  font:inherit;font-size:14.5px;font-weight:800;cursor:pointer}
.tfxs-close-btn:active{background:rgba(246,70,93,.28)}
.tfxs-loadmore{display:block;width:100%;margin:4px 0 0;height:42px;border-radius:12px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#c7cded;
  font:inherit;font-size:13px;font-weight:700;cursor:pointer}
/* ===== قسم التاريخ MT5: أزرار عائمة (Overlay) فوق السجل — مهمة 569 =====
   ثلاث كتل منفصلة (دائرة الساعة / كبسولة التبويبات / دائرة التصنيف) بلا
   خلفية ممتدة؛ السجل يمر تحتها عند التمرير. داخل tfx2-sec-bd (relative) —
   لا fixed يتيم (RioLocks). */
.tfx2-sec.tfx2-sec-hist .tfx2-sec-bd{position:relative}
/* ===== تدرجا عمق (inset) أعلى وأسفل قسم «التاريخ» فقط — مهمة 584 =====
   طبقتان غير تفاعليتين فوق قائمة التمرير: ظل ناعم جدًا تحت الرأس وفوق شريط MT5،
   بألوان من عائلة خلفية القسم الداكنة نفسها (‎#0e0c2e→#02010d) — ليس أسود صافيًا.
   z-index:4 أي تحت الأزرار العائمة (z-index:5) حتى لا تُعتَّم؛ لا تغيير في المواضع. */
.tfx2-sec.tfx2-sec-hist .tfx2-sec-bd::before,
.tfx2-sec.tfx2-sec-hist .tfx2-sec-bd::after{
  content:"";position:absolute;left:0;right:0;z-index:4;pointer-events:none}
.tfx2-sec.tfx2-sec-hist .tfx2-sec-bd::before{
  top:0;height:48px;
  background:linear-gradient(to bottom,
    rgba(4,3,18,.68) 0%,rgba(4,3,18,.42) 35%,rgba(4,3,18,.18) 68%,rgba(4,3,18,0) 100%)}
.tfx2-sec.tfx2-sec-hist .tfx2-sec-bd::after{
  bottom:0;height:30px;
  background:linear-gradient(to top,rgba(4,3,18,.6),rgba(4,3,18,0))}
/* ===== تعميم تدرجات العمق على قسم «التداول» — مهمة 605 =====
   نفس هوية التاريخ (rgba(4,3,18,…)) بطبقتين غير تفاعليتين؛ السفلية أقوى وأطول
   قليلًا من نظيرة التاريخ حتى تبدو الصفقات كأنها تدخل خلف أسفل الشاشة أثناء
   التمرير — بلا سواد قوي وبلا خط انتقال. z-index:4 تحت .tfxs-hov (z-index:5).
   لا أي تغيير في Layout/Scroll/Padding — طبقات absolute فوق قائمة التمرير فقط. */
.tfx2-sec.tfx2-sec-trade .tfx2-sec-bd{position:relative}
.tfx2-sec.tfx2-sec-trade .tfx2-sec-bd::before,
.tfx2-sec.tfx2-sec-trade .tfx2-sec-bd::after{
  content:"";position:absolute;left:0;right:0;z-index:4;pointer-events:none}
.tfx2-sec.tfx2-sec-trade .tfx2-sec-bd::before{
  top:0;height:26px;
  background:linear-gradient(to bottom,rgba(4,3,18,.55),rgba(4,3,18,0))}
.tfx2-sec.tfx2-sec-trade .tfx2-sec-bd::after{
  bottom:0;height:46px;
  background:linear-gradient(to top,
    rgba(4,3,18,.68) 0%,rgba(4,3,18,.4) 40%,rgba(4,3,18,.15) 72%,rgba(4,3,18,0) 100%)}
/* ===== صفحة الشارت الأساسية (الشارت الحي): تدرج علوي فقط — مهمة 605 =====
   طبقة CSS بحتة فوق منطقة الشارت (tb2-chartwrap position:relative) بلا أي
   مستمعي لمس — لا تمس pinch/drag إطلاقًا (pointer-events:none). ممنوع أي
   تدرج سفلي هنا. z-index:4 تحت الأوفرلايات التفاعلية للشارت. */
#tfx2ChartWrap::before{
  content:"";position:absolute;left:0;right:0;top:0;height:26px;z-index:4;
  pointer-events:none;
  background:linear-gradient(to bottom,rgba(4,3,18,.55),rgba(4,3,18,0))}
.tfxs-hov{position:absolute;left:0;right:0;top:calc(8px + var(--rv-safe-top));
  z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:0 12px;direction:ltr;pointer-events:none}
.tfxs-hov>*{pointer-events:auto}
/* نسخة الشيت: صف عادي غير عائم بنفس الكتل */
.tfxs-hov.tfxs-hov-in{position:static;padding:2px 2px 10px}
.tfxs-hov-cir{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:none;
  background:#2b2b2f;color:#e8e8ea;font-size:17px;display:flex;align-items:center;
  justify-content:center;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.tfxs-hov-cir:active{background:#3a3a40}
.tfxs-hov-cir.flt{color:#0A84FF}
.tfxs-hov-tabs{flex:0 1 auto;display:flex;direction:rtl;background:#2b2b2f;
  border-radius:24px;padding:4px;gap:2px;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.tfxs-hov-tab{border:none;background:none;color:#c9c9ce;font:inherit;font-size:13.5px;
  font-weight:700;padding:8px 16px;border-radius:20px;cursor:pointer;white-space:nowrap}
.tfxs-hov-tab.on{background:#0f0f13;color:#fff}
/* شيت «التصنيف حسب»: علامة ✓ يسار الصف (نمط MT5) */
.tfxs-sorts .tfxs-period-btn{display:flex;align-items:center;justify-content:space-between;
  flex-direction:row-reverse}
.tfxs-sort-ck{width:20px;color:#0A84FF;font-size:14px;text-align:left}
/* شيت التاريخ — هيدر الفلتر وشيت الفترات */
.tfxs-hist-hdr{display:flex;justify-content:flex-end;margin-bottom:6px;padding:0 2px}
.tfxs-filter-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:5px 12px;
  color:#c7cded;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;direction:rtl}
.tfxs-filter-btn:active{background:rgba(255,255,255,.14)}
.tfxs-filter-btn i{font-size:13px;opacity:.8}
.tfxs-period-lbl{color:#fff;font-size:12px}
.tfxs-periods{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.tfxs-period-btn{text-align:right;direction:rtl;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px;
  color:#c7cded;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.tfxs-period-btn:active{background:rgba(255,255,255,.12)}
.tfxs-period-btn.active{background:rgba(25,46,133,.25);border-color:rgba(25,46,133,.6);color:#fff}
.tfxs-period-clear{color:#8b93b8;font-size:12.5px;border-style:dashed}
.tfxs-pdf-btn{color:#fff!important;background:var(--rv-primary,#192E85)!important;
  border-radius:13px;font-size:14px;font-weight:700}
/* Action Sheet بنمط iOS/Android — فوق نوافذ RioSheet */
#tfxAS{position:fixed;inset:0;z-index:99996;display:flex;align-items:flex-end;justify-content:center;
  touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
#tfxAS .tfx-as-bd{position:absolute;inset:0;background:rgba(3,7,18,.5);opacity:0;transition:opacity .24s ease}
#tfxAS.in .tfx-as-bd{opacity:1}
.tfx-as-box{position:relative;width:calc(100% - 20px);max-width:440px;
  padding:0 0 calc(10px + env(safe-area-inset-bottom,0px));transform:translateY(105%);
  transition:transform .28s cubic-bezier(.32,.72,.28,1)}
#tfxAS.in .tfx-as-box{transform:translateY(0)}
.tfx-as-grp{background:#171c33;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden}
.tfx-as-title{padding:13px 16px 11px;text-align:center;color:#8b93b8;font-size:12.5px;font-weight:700;
  border-bottom:1px solid rgba(255,255,255,.07);direction:rtl}
.tfx-as-opt{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:52px;
  background:none;border:0;border-bottom:1px solid rgba(255,255,255,.07);color:#e7ecff;
  font:inherit;font-size:15px;font-weight:700;cursor:pointer;direction:rtl}
.tfx-as-opt:last-child{border-bottom:0}
/* حالة الضغط/التحديد عبر .tfx-press (تحديد بالانزلاق — لا :active لأن
   :active يبقى عالقًا على زر البداية أثناء انزلاق الإصبع) */
.tfx-as-opt:active,.tfx-as-opt.tfx-press{background:rgba(255,255,255,.06)}
.tfx-as-opt i{font-size:14px;color:#8b93b8}
#tfxAS .tfx-as-opt.danger,.tfx-as-opt.danger{color:var(--rv-fx-red,#f6465d)!important}
#tfxAS .tfx-as-opt.danger i,.tfx-as-opt.danger i{color:var(--rv-fx-red,#f6465d)!important}
.tfx-as-cancel{display:block;width:100%;height:52px;margin-top:9px;background:#20263f;
  border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#fff;
  font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.tfx-as-cancel:active,.tfx-as-cancel.tfx-press{background:#2a3152}
/* خيارات الأنواع الملوّنة (قائمة أنواع الأوامر — IMG_6720) */
.tfx-as-opt.buyc{color:var(--rv-fx-blue,#2a6bff)}
.tfx-as-opt.sellc{color:var(--rv-fx-red,#f6465d)}

/* ── بطاقة تفاصيل الصفقة فوق قائمة الخيارات (IMG_6716) ── */
.tfx-po-card{background:#171b2e;border:1px solid rgba(255,255,255,.07);border-radius:16px;
  padding:9px 14px;margin-bottom:9px;font-size:13px;color:#cfd4e8}
.tfx-po-r1{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tfx-po-tk{color:#8b93b8;font-size:12.5px}
.tfx-po-sym b{font-size:15px;color:#fff}
.tfx-po-side{font-style:normal;font-weight:700}
.tfx-po-side.buy{color:var(--rv-fx-blue,#2a6bff)}
.tfx-po-side.sell{color:var(--rv-fx-red,#f6465d)}
.tfx-po-name{color:#8b93b8;font-size:11.5px;text-align:right;margin-top:2px}
.tfx-po-r2{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.tfx-po-pl{font-size:19px;font-weight:800}
.tfx-po-pl.up{color:var(--rv-fx-blue)}
.tfx-po-pl.dn{color:var(--rv-fx-red)}
.tfx-po-pl.zr{color:#cfd4e8}
.tfx-po-px{color:#e8ecf9;font-weight:700}
.tfx-po-delta{font-size:11.5px;text-align:right;margin-top:2px}
.tfx-po-delta.up{color:var(--rv-fx-blue)}
.tfx-po-delta.dn{color:var(--rv-fx-red)}
.tfx-po-delta.zr{color:#8b93b8}
.tfx-po-r3{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;
  margin-top:3px;color:#8b93b8;font-size:12px}
.tfx-po-r3 b{color:#cfd4e8;font-weight:600}
.tfx-po-r3 .tfx-po-l{justify-self:start;text-align:left}
.tfx-po-r3 .tfx-po-v{justify-self:center;text-align:center;min-width:56px}
.tfx-po-r3 .tfx-po-k{justify-self:end}

/* ── الواجهات الفرعية (إغلاق/تعديل/تداول) — نمط MT5 ── */
.tfx-sub-wrap{padding:2px 14px 18px}
.tfx-sub-hd{display:flex;align-items:center;justify-content:center;position:relative;padding:8px 0 10px}
.tfx-sub-back{position:absolute;inset-inline-start:0;top:4px;width:38px;height:38px;border-radius:50%;
  background:#20263f;border:1px solid rgba(255,255,255,.08);color:#fff;font-size:14px;cursor:pointer}
.tfx-sub-ttl{display:flex;flex-direction:column;align-items:center;gap:1px}
.tfx-sub-ttl b{font-size:16.5px;color:#fff}
.tfx-sub-ttl small{font-size:11px;color:#8b93b8}
.tfx-sub-oprow{background:#12162a;border-radius:10px;padding:11px 13px;margin:4px 0 10px;
  color:#fff;font-weight:700;font-size:14.5px;text-align:right}
.tfx-tblue{color:var(--rv-fx-blue,#2a6bff)}
.tfx-tred{color:var(--rv-fx-red,#f6465d)}

/* صفوف SL/TP/السعر بأزرار +/- (IMG_6718 / IMG_6724) */
.tfx-stp-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.tfx-stp-lbl{flex:0 0 auto;min-width:86px;color:#cfd4e8;font-size:13.5px}
.tfx-stp-btn{flex:0 0 38px;height:38px;background:transparent;border:0;color:var(--rv-fx-blue,#2a6bff);
  font-size:22px;font-weight:700;cursor:pointer;line-height:1}
.tfx-stp-in{flex:1;min-width:0;height:38px;background:transparent;border:0;outline:0;color:#fff;
  font:inherit;font-size:15px;font-weight:700;text-align:center;direction:ltr}
.tfx-stp-in::placeholder{color:#4d5470;font-weight:400}

/* Bid/Ask الكبيران الحيّان */
.tfx-lpx-row{display:flex;align-items:center;justify-content:space-around;gap:14px;padding:14px 4px 12px}
.tfx-lpx{font-size:27px;font-weight:800;letter-spacing:.3px;color:#cfd4e8}
.tfx-lpx big{font-size:36px;font-weight:800;line-height:1}
.tfx-lpx.up{color:var(--rv-fx-blue,#2a6bff)}
.tfx-lpx.dn{color:var(--rv-fx-red,#f6465d)}

/* أزرار التنفيذ */
.tfx-close-mkt{display:block;width:100%;min-height:48px;background:#e8a33d;border:0;border-radius:4px;
  color:#151515;font:inherit;font-size:15px;font-weight:800;cursor:pointer;padding:10px}
.tfx-close-mkt:active{filter:brightness(.92)}
.tfx-close-mkt:disabled{opacity:.55}
.tfx-gray-btn{display:block;width:100%;min-height:46px;background:#3a3f52;border:0;border-radius:4px;
  color:#fff;font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.tfx-gray-btn:active{background:#464c63}
.tfx-gray-btn:disabled{opacity:.55}
.tfx-mkt-btns{display:flex;gap:2px}
.tfx-mkt-btn{flex:1;min-height:46px;border:0;border-radius:0;color:#fff;font:inherit;font-size:15px;
  font-weight:800;cursor:pointer}
.tfx-mkt-btn.sell{background:var(--rv-fx-red,#f6465d);border-radius:4px 0 0 4px}
.tfx-mkt-btn.buy{background:var(--rv-fx-blue,#2a6bff);border-radius:0 4px 4px 0}
.tfx-mkt-btn:disabled{opacity:.55}

/* واجهة إغلاق المركز فقط (rs-tfxs-cl — IMG_6879): بلا Handle، رأس مرفوع وسهم أقصى اليمين،
   السعران على طرفي الشاشة وأزرار التنفيذ/الإغلاق/التنبيه بكامل العرض */
#rs-sheet.rs-tfxs-cl .rs-handle{display:none}
#rs-sheet.rs-tfxs-cl .tfx-sub-wrap{padding-top:4px}
#rs-sheet.rs-tfxs-cl .tfx-sub-hd{padding:2px 0 10px}
#rs-sheet.rs-tfxs-cl .tfx-sub-back{top:50%;transform:translateY(-50%);width:44px;height:44px;
  background:#17171c;border:0;font-size:15px}
#rs-sheet.rs-tfxs-cl .tfx-sub-back i{display:inline-block;transform:scaleX(-1)}
#rs-sheet.rs-tfxs-cl .tfx-lpx-row{justify-content:space-between;padding:12px 2px 8px}
/* شيت الإغلاق فقط: بلا خطوط فاصلة بين الأقسام + حشوات رأسية أقل قليلًا (عرض فقط — مهمة 615) */
#rs-sheet.rs-tfxs-cl .tfx-stp-row,#rs-sheet.rs-tfxs-cl .tfx-type-row,
#rs-sheet.rs-tfxs-cl .tfx-lots-row,#rs-sheet.rs-tfxs-cl .tfx-exp-row{border-bottom:0}
#rs-sheet.rs-tfxs-cl .tfx-stp-row{padding:5px 0}
#rs-sheet.rs-tfxs-cl .tfx-type-row,#rs-sheet.rs-tfxs-cl .tfx-exp-row{padding:8px 4px}
#rs-sheet.rs-tfxs-cl .tfx-lots-row{padding:7px 2px}
/* السعر الحي: نفس خط أرقام P/L (Roboto Condensed) وأكبر قليلًا؛ لا أبيض أبدًا —
   up/dn فقط (الاتجاه tick مقابل tick في bindLivePx) بنفس توكِنات الربح/الخسارة */
#rs-sheet.rs-tfxs-cl .tfx-lpx{font-family:'Roboto Condensed',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  font-size:29px;--rv-fx-blue:#0A84FF}
#rs-sheet.rs-tfxs-cl .tfx-lpx big{font-size:38px}
#rs-sheet.rs-tfxs-cl .tfx-lpx.up{color:var(--rv-fx-blue)!important}
#rs-sheet.rs-tfxs-cl .tfx-lpx.dn{color:var(--rv-fx-red,#f6465d)!important}
#rs-sheet.rs-tfxs-cl .tfx-mkt-btns,#rs-sheet.rs-tfxs-cl .tfx-close-mkt,
#rs-sheet.rs-tfxs-cl .tfx-confbar{margin-left:-14px;margin-right:-14px;width:auto}
/* زر الإغلاق والكونف بار: button بـwidth:auto ينكمش على محتواه حتى مع display:block —
   عرض صريح = عرض الحاوية + الهامشين السالبين حتى يمتد مستطيلًا كاملًا مثل صف Buy/Sell */
#rs-sheet.rs-tfxs-cl .tfx-close-mkt,#rs-sheet.rs-tfxs-cl .tfx-confbar{width:calc(100% + 28px)}
/* مهمة 662: زر «المكان» داخل شيت الإغلاق بوضع الأمر المعلّق — نفس مظهره في واجهة «تداول» */
#rs-sheet.rs-tfxs-cl .tfx-gray-btn{margin-left:-14px;margin-right:-14px;width:calc(100% + 28px);
  border-radius:0;margin-top:5px;min-height:40px;padding:8px 10px}
#rs-sheet.rs-tfxs-cl .tfx-close-mkt{display:block;border-radius:0;background:#D98100;margin-top:5px;
  min-height:40px;padding:8px 10px;overflow:visible}
/* واجهة الإغلاق فقط: Buy/Sell أقصر قليلًا (تقليل من الأعلى والأسفل فقط) */
#rs-sheet.rs-tfxs-cl .tfx-mkt-btn{min-height:40px;padding-top:8px;padding-bottom:8px}
/* واجهة الإغلاق فقط: Sell/Buy by Market ملتصقان تمامًا بلا أي فراغ بينهما */
#rs-sheet.rs-tfxs-cl .tfx-mkt-btns{gap:0}
#rs-sheet.rs-tfxs-cl .tfx-confbar{border-radius:0}
#rs-sheet.rs-tfxs-cl .tfx-mkt-btn.sell{border-radius:0}
#rs-sheet.rs-tfxs-cl .tfx-mkt-btn.buy{border-radius:0}
/* شيت الإغلاق فقط (مهمة 640): صفّا SL/TP —
   التسمية أقصى اليمين، «−» متمركز تحت عمود قيمة اللوت (منتصف الشاشة)،
   القيمة/«لم يتم التعيين» في منتصف المسافة بين «−» و«+»، و«+» أقصى اليسار.
   التسمية بعرض calc(50% - 19px) فيصير مركز زر «−» (38px) عند 50% تمامًا،
   والحقل flex:1 يملأ ما بين الزرين فيتمركز نصه بينهما. */
#rs-sheet.rs-tfxs-cl .tfx-stp-row{gap:0}
#rs-sheet.rs-tfxs-cl .tfx-stp-row .tfx-stp-lbl{flex:0 0 calc(50% - 19px);min-width:0;text-align:right}
/* مهمة 646: أزرق الربح نفسه (#0A84FF داخل هذا الشيت) لأزرار اللوت الأربعة وعلامات +/− في صفّي SL/TP */
/* !important إلزامي: style.css فيه قاعدة عامة p,span,a,button{color:#F2F2F2!important} كانت تفرض الأبيض */
#rs-sheet.rs-tfxs-cl .tfx-lots-adj,#rs-sheet.rs-tfxs-cl .tfx-stp-btn{--rv-fx-blue:#0A84FF;color:var(--rv-fx-blue,#2a6bff)!important}
#rs-sheet.rs-tfxs-cl .tfx-stp-row .tfx-stp-in{flex:1 1 auto;min-width:0}
/* سعر TP المحدد بنفس أخضر شيت التعديل بالضبط، وسعر SL بنفس أحمر الخسارة الحالي — لا tokens جديدة */
#rs-sheet.rs-tfxs-cl .tfx-stp-in[data-mk="tp"]{color:#14B52F}
#rs-sheet.rs-tfxs-cl .tfx-stp-in[data-mk="sl"]{color:var(--rv-fx-red,#f6465d)}

/* ── النظام البصري الموحّد لشيتَي «تعديل العملية» و«تداول» (rs-tfxs-uni — مهمة 653) ──
   قيم منسوخة حرفيًا من قواعد rs-tfxs-cl (شيت الإغلاق = المرجع) دون لمس تلك القواعد:
   بلا Handle، رأس مرفوع، صفوف SL/TP بهندسة الإغلاق، أزرار +/− زرقاء #0A84FF،
   SL أحمر/TP أخضر، السعران Roboto Condensed اتجاهيان، والأزرار السفلية بكامل العرض */
#rs-sheet.rs-tfxs-uni .rs-handle{display:none}
#rs-sheet.rs-tfxs-uni .tfx-sub-wrap{padding-top:4px}
#rs-sheet.rs-tfxs-uni .tfx-sub-hd{padding:2px 0 10px}
#rs-sheet.rs-tfxs-uni .tfx-sub-back{top:50%;transform:translateY(-50%);width:44px;height:44px;
  background:#17171c;border:0;font-size:15px}
#rs-sheet.rs-tfxs-uni .tfx-sub-back i{display:inline-block;transform:scaleX(-1)}
#rs-sheet.rs-tfxs-uni .tfx-lpx-row{justify-content:space-between;padding:12px 2px 8px}
#rs-sheet.rs-tfxs-uni .tfx-stp-row,#rs-sheet.rs-tfxs-uni .tfx-type-row,
#rs-sheet.rs-tfxs-uni .tfx-lots-row,#rs-sheet.rs-tfxs-uni .tfx-exp-row{border-bottom:0}
#rs-sheet.rs-tfxs-uni .tfx-stp-row{padding:5px 0;gap:0}
#rs-sheet.rs-tfxs-uni .tfx-type-row,#rs-sheet.rs-tfxs-uni .tfx-exp-row{padding:8px 4px}
#rs-sheet.rs-tfxs-uni .tfx-lots-row{padding:7px 2px}
#rs-sheet.rs-tfxs-uni .tfx-lpx{font-family:'Roboto Condensed',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  font-size:29px;--rv-fx-blue:#0A84FF}
#rs-sheet.rs-tfxs-uni .tfx-lpx big{font-size:38px}
#rs-sheet.rs-tfxs-uni .tfx-lpx.up{color:var(--rv-fx-blue)!important}
#rs-sheet.rs-tfxs-uni .tfx-lpx.dn{color:var(--rv-fx-red,#f6465d)!important}
/* الأزرار السفلية بكامل العرض من الحافة للحافة (نفس أسلوب الإغلاق: هوامش سالبة + عرض صريح) */
#rs-sheet.rs-tfxs-uni .tfx-mkt-btns,#rs-sheet.rs-tfxs-uni .tfx-gray-btn,
#rs-sheet.rs-tfxs-uni .tfx-confbar{margin-left:-14px;margin-right:-14px;width:auto}
#rs-sheet.rs-tfxs-uni .tfx-gray-btn,#rs-sheet.rs-tfxs-uni .tfx-confbar{width:calc(100% + 28px);border-radius:0}
#rs-sheet.rs-tfxs-uni .tfx-gray-btn{margin-top:5px;min-height:40px;padding:8px 10px}
#rs-sheet.rs-tfxs-uni .tfx-confbar{border-radius:0}
#rs-sheet.rs-tfxs-uni .tfx-mkt-btns{gap:0}
#rs-sheet.rs-tfxs-uni .tfx-mkt-btn{min-height:40px;padding-top:8px;padding-bottom:8px;border-radius:0}
/* صفوف SL/TP بهندسة الإغلاق: التسمية أقصى اليمين حتى منتصف الشاشة والحقل بين «−» و«+» */
#rs-sheet.rs-tfxs-uni .tfx-stp-row .tfx-stp-lbl{flex:0 0 calc(50% - 19px);min-width:0;text-align:right}
#rs-sheet.rs-tfxs-uni .tfx-stp-row .tfx-stp-in{flex:1 1 auto;min-width:0}
/* !important إلزامي: style.css فيه قاعدة عامة p,span,a,button{color:#F2F2F2!important} */
#rs-sheet.rs-tfxs-uni .tfx-lots-adj,#rs-sheet.rs-tfxs-uni .tfx-stp-btn{--rv-fx-blue:#0A84FF;color:var(--rv-fx-blue,#2a6bff)!important}
#rs-sheet.rs-tfxs-uni .tfx-stp-in[data-mk="tp"]{color:#14B52F}
#rs-sheet.rs-tfxs-uni .tfx-stp-in[data-mk="sl"]{color:var(--rv-fx-red,#f6465d)}

/* ── شيت تعديل المركز فقط (rs-tfxs-mod) ── */
/* زر «تعديل» من حافة الشاشة إلى الحافة (نفس أسلوب rs-tfxs-cl: هوامش سالبة + عرض صريح) */
#rs-sheet.rs-tfxs-mod .tfx-gray-btn{margin-left:-14px;margin-right:-14px;width:calc(100% + 28px);border-radius:0}
/* مهمة 653: زر «تعديل» أحمر كامل بنص أبيض عند صلاحية القيم (mValidate يرفع disabled)؛
   المطفي يبقى بالستايل الرمادي الموحد. !important بسبب قاعدة style.css العامة للألوان */
#rs-sheet.rs-tfxs-mod .tfx-gray-btn:not(:disabled){background:var(--rv-fx-red,#f6465d);color:#fff!important}
/* رقم جني الأرباح المكتوب بالأخضر المطلوب */
#rs-sheet.rs-tfxs-mod .tfx-stp-in[data-mk="tp"]{color:#14B52F}
/* رسالة سبب رفض القيمة تحت الخانة */
.tfx-stp-err{color:var(--rv-fx-red,#f6465d);font-size:11.5px;line-height:1.6;text-align:right;padding:4px 2px 2px}

/* ── شاشة حالة إغلاق الصفقة داخل شيت الإغلاق (MT5 — IMG_6940) ── */
.tfx-cl-status{min-height:300px;padding:4px 6px 24px;text-align:center}
/* دائرة الحالة في رأس الشاشة — مقابل سهم الرجوع */
.tfx-cl-st-badge{position:absolute;left:2px;top:50%;transform:translateY(-50%);width:44px;height:44px;
  border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px;color:#fff}
.tfx-cl-st-badge.ok{background:#0A84FF}
.tfx-cl-st-badge.err{background:var(--rv-fx-red,#f6465d)}
/* سطر معلومات الصفقة: #ID market buy 0.01 SYM at price */
.tfx-cl-st-info{color:#fff;font-size:16.5px;font-weight:800;line-height:1.75;margin:36px 6px 2px;
  word-break:break-word}
.tfx-cl-st-info .up{color:#0A84FF}
.tfx-cl-st-info .dn{color:var(--rv-fx-red,#f6465d)}
.tfx-cl-st-t{color:#fff;font-size:16.5px;font-weight:800;margin:4px 0 0}
/* حالة الانتظار الهادئة (تظهر فقط إذا تأخر رد الخادم) */
.tfx-cl-st-wait{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px}
.tfx-cl-st-spin{width:40px;height:40px;border:3px solid rgba(255,255,255,.18);border-top-color:#fff;
  border-radius:50%;animation:tfxClSpin .8s linear infinite;margin-bottom:16px}
@keyframes tfxClSpin{to{transform:rotate(360deg)}}

/* شريط التأكيد البرتقالي (IMG_6724) */
.tfx-confbar{background:#e8920c;color:#151515;font-weight:800;font-size:13.5px;text-align:center;
  padding:10px 12px;margin-top:8px;border-radius:3px}
.tfx-sub-hint{color:#8b93b8;font-size:12px;line-height:1.7;text-align:center;margin:12px 4px 0}

/* صف نوع الأمر + صف الانتهاء + شريط اللوت السريع (IMG_6720/6724) */
.tfx-type-row{display:flex;align-items:center;justify-content:space-between;padding:11px 4px;
  border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer}
.tfx-type-lbl{color:#fff;font-size:14.5px;font-weight:700}
.tfx-type-row i{color:#8b93b8;font-size:12px}
/* مهمة 662: أُزيلت قائمة النوع الداخلية (tfx-type-menu) — شيت الإغلاق يستخدم
   شيت الأنواع السفلي المشترك نفسه (openActionSheet) كواجهة «تداول» */
.tfx-lots-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 2px;
  border-bottom:1px solid rgba(255,255,255,.05)}
.tfx-lots-adj{background:transparent;border:0;color:var(--rv-fx-blue,#2a6bff);font:inherit;
  font-size:14.5px;font-weight:700;cursor:pointer;padding:6px 8px}
.tfx-lots-val{color:#fff;font-size:16px;font-weight:800}
.tfx-exp-row{display:flex;align-items:center;justify-content:space-between;padding:11px 4px;
  border-bottom:1px solid rgba(255,255,255,.05)}
.tfx-exp-btn{background:transparent;border:0;color:#fff;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.tfx-exp-date{padding:8px 2px;border-bottom:1px solid rgba(255,255,255,.05)}
.tfx-exp-date input{width:100%;color-scheme:dark}

/* قسم «أوامر» أسفل المراكز (IMG_6723) */
.tfxs-toolbar-ord{margin-top:12px}
.tfxs-ost{color:var(--rv-fx-blue,#2a6bff);font-size:14px;font-weight:700}

/* ── مودال «العمليات المجمعة» وسط الشاشة مطابق لـMT5 (IMG_6791) ──
   فوق كل الطبقات بلا استثناء (شيتات RioSheet/الهيدر/الشريط السفلي) —
   z-index أعلى مخصص للنوافذ؛ التمركز في الجزء الظاهر عبر fixed inset:0
   + 100dvh احتياطًا لشريط عنوان iOS. */
#tfxBM{position:fixed;inset:0;min-height:100dvh;z-index:2147482000;display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity .2s ease;
  touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
#tfxBM.in{opacity:1}
.tfx-bm-bd{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.tfx-bm-box{position:relative;width:min(320px,82vw);background:#2a2a2c;
  border-radius:22px;padding:20px 18px 18px;transform:scale(.94);transition:transform .2s ease}
#tfxBM.in .tfx-bm-box{transform:scale(1)}
.tfx-bm-title{color:#fff;font-size:16px;font-weight:700;text-align:center;margin-bottom:6px}
.tfx-bm-sub{color:#cfd4e8;font-size:13px;text-align:center;margin:8px 0 12px;line-height:1.6}
.tfx-bm-btn{display:block;width:100%;min-height:48px;background:#3a3a3c;border:0;border-radius:12px;
  color:var(--rv-fx-red,#f6465d);font:inherit;font-size:15px;font-weight:600;cursor:pointer;margin-top:13px}
/* نص الخيارات الثلاثة بأحمر الخسارة نفسه (--rv-fx-red) دائمًا — حتى أثناء
   الضغط/التركيز، بلا تعتيم أو تغيّر درجة، ومحصّن ضد أي تعميم لاحق للأزرار */
.tfx-bm-btn,.tfx-bm-btn:active,.tfx-bm-btn:focus,.tfx-bm-btn:hover{color:var(--rv-fx-red,#f6465d)!important;opacity:1}
.tfx-bm-btn:active,.tfx-bm-btn.tfx-press{background:#48484a}
.tfx-bm-cancel,.tfx-bm-cancel:active,.tfx-bm-cancel:focus,.tfx-bm-cancel:hover{color:#fff!important}

/* ── TF chart overlay (loading / switching timeframe) ── */
.rvc-tf-ov{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none;background:rgba(11,14,26,.58);border-radius:inherit}
.rvc-tf-ov-sp{width:20px;height:20px;border:2.5px solid rgba(139,147,184,.22);border-top-color:#2a6bff;border-radius:50%;animation:rvcSpin .65s linear infinite}
.rvc-tf-ov-txt{font-size:11.5px;color:#8b93b8;letter-spacing:.2px}
@keyframes rvcSpin{to{transform:rotate(360deg)}}
/* chart error / retry state */
.rvc-chart-err{position:absolute;inset:0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px;background:rgba(11,14,26,.82);border-radius:inherit}
.rvc-chart-err i{font-size:1.7em;color:#f6465d}
.rvc-chart-err p{margin:0;font-size:12.5px;color:#8b93a7}
.rvc-chart-err .rv-btn{padding:7px 22px;border-radius:10px;background:#192E85;color:#fff;border:0;font-size:12.5px;font-weight:600;cursor:pointer}

/* ── خط Roboto Condensed — عناصر فوركس محددة حصريًا (font-family فقط، مهمة 491) ──
   ملف woff2 متغيّر ذاتي الاستضافة يغطي الوزنين 700/800 المستخدمين في العناصر المستهدفة؛
   لا يُنزَّل خارج صفحة الفوركس لأن المحددات أدناه لا تطابق أي صفحة أخرى (tfx2*/tfxs-*). */
@font-face{
  font-family:'Roboto Condensed';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url(../fonts/roboto-condensed-700.woff2) format('woff2');
}
@font-face{
  font-family:'Roboto Condensed';
  font-style:normal;
  font-weight:800;
  font-display:swap;
  src:url(../fonts/roboto-condensed-800.woff2) format('woff2');
}
#tfx2TfLb,
#tfx2MorePanel .tb2-mp-tfs button,
.tfxs-hdr-pl,
.tfxs-line-pl,
.tfxs-line-sym b,
.tfxs-line-lot{font-family:'Roboto Condensed',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}

/* ══════════ نظام MT5 للتفاعل مع خط الصفقة على الشارت (tfxm) ══════════ */
/* الشريط السفلي الصغير — فوق شريط MT5 مباشرة */
/* طبقة التمويه الزجاجي خلف الشريط (مهمة 661 — إحساس MT5): سوداء شفافة +
   backdrop blur خفيف بحواف علوية دائرية، تغطي منطقة الأزرار فقط (من أعلى
   شريط MT5 حتى فوق الشريط بقليل)؛ pointer-events:none — لا تعترض شيئًا */
#tfxmGlass{position:fixed;left:0;right:0;z-index:1046;pointer-events:none;
  bottom:calc(var(--tfx2-nav-h,56px) + env(safe-area-inset-bottom,0px));height:58px;
  background:rgba(0,0,0,.38);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);
  border-radius:18px 18px 0 0;opacity:0;transition:opacity .18s}
#tfxmGlass.in{opacity:1}
#tfxmBar{position:fixed;left:10px;right:10px;z-index:1047;display:flex;align-items:center;gap:8px;
  bottom:calc(var(--tfx2-nav-h,56px) + env(safe-area-inset-bottom,0px) + 8px);
  opacity:0;transform:translateY(12px);transition:opacity .18s,transform .18s}
#tfxmBar.in{opacity:1;transform:none}
.tfxm-arr{flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;
  background:var(--rv-fx-blue);color:#fff!important;font-size:16px;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.4)}
.tfxm-tsl{flex:0 0 auto;width:42px;height:42px;border-radius:50%;cursor:pointer;font-weight:800;font-size:13px;
  background:#10162e;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.4)}
/* لون TP = أخضر حقل «جني الأرباح» بشيت «أغلق المركز» حرفيًا (مهمة 661) */
.tfxm-tsl.tp{border:2px solid #14B52F;color:#14B52F!important}
.tfxm-tsl.sl{border:2px solid var(--rv-fx-red);color:var(--rv-fx-red)!important}
.tfxm-tsl.tp.on{background:#14B52F;color:#fff!important}
.tfxm-tsl.sl.on{background:var(--rv-fx-red);color:#fff!important}
/* زر الإغلاق بالشريط (مهمة 638 — IMG_6975): نفس لون زر «أغلق … بواسطة السوق» حرفيًا
   (#D98100 + :active{filter:brightness(.92)})؛ الترتيب LTR: لوت يسارًا، نص وسطًا، دائرة سهم يمينًا */
.tfxm-slide{flex:1;min-width:0;height:42px;border-radius:21px;background:#D98100;overflow:hidden;
  position:relative;touch-action:none;box-shadow:0 4px 14px rgba(0,0,0,.4);cursor:pointer}
.tfxm-slide:active{filter:brightness(.92)}
.tfxm-slide-in{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;
  color:#fff!important;font-size:13.5px;font-weight:800;will-change:transform}
.tfxm-slide-in b{color:#fff!important}
.tfxm-slide.arm{filter:brightness(.84)}
/* زر اللوت المستقل (قابل للضغط — بلا سهم) */
.tfxm-lot{position:absolute;left:6px;top:50%;transform:translateY(-50%);z-index:2;min-width:50px;
  padding:6px 11px;border:0;border-radius:15px;background:rgba(255,255,255,.24);cursor:pointer;
  color:#fff!important;font:inherit;font-size:13px;font-weight:800;line-height:1}
.tfxm-lot:active{background:rgba(255,255,255,.34)}
/* دائرة سهم الإغلاق — نفس عائلة لون الزر بدرجة أفتح قليلًا.
   السهم هو العنصر الوحيد الذي يتحرك مع الإصبع (مهمة 644) — فوق كل الطبقات */
.tfxm-go{position:absolute;right:5px;top:50%;transform:translate(0,-50%);z-index:4;width:32px;height:32px;
  border-radius:50%;background:#ECA23F;display:flex;align-items:center;justify-content:center;pointer-events:none;
  will-change:transform}
.tfxm-go i{color:#fff!important;font-size:14px}
/* طبقة التغطية أثناء السحب: نفس لون الدائرة الأفتح، تمتد من اليمين حتى موضع
   السهم وتغبّش ما خلفها تدريجيًا (العبارة واللوت ثابتان تحتها) */
.tfxm-fill{position:absolute;top:0;bottom:0;right:0;width:37px;z-index:3;opacity:0;pointer-events:none;
  background:rgba(236,162,63,.8);border-radius:21px;will-change:width,opacity}
/* حالة النجاح (مهمة 690): الزر يحافظ على حجمه ومكانه؛ «تم» + الصح تنزلق
   داخل حدوده (overflow:hidden يقصها) من اليسار نحو اليمين — ارتداد عكسي للسحب */
.tfxm-slide.done{background:#2EBD85;filter:none!important}
.tfxm-done-in{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  will-change:transform;transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.tfxm-done-txt{color:#fff!important;font-size:14px;font-weight:800;padding-right:30px}
.tfxm-done-ck{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:32px;height:32px;
  border-radius:50%;border:2px solid #fff;box-sizing:border-box;display:flex;align-items:center;justify-content:center}
.tfxm-done-ck i{color:#fff!important;font-size:14px}
/* النافذة العائمة لمحدد الحجم فوق زر اللوت (عجلة Apple — مهمة 638) */
#tfxmLotPop{position:fixed;z-index:1049;width:230px;background:rgba(38,40,46,.96);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px 0 10px;
  box-shadow:0 14px 44px rgba(0,0,0,.6)}
.tfxm-lp-ttl{text-align:center;color:#fff!important;font-size:14.5px;font-weight:800;padding-bottom:2px}
/* عجلة افتراضية: spacer بارتفاع كل الصفوف + صفوف absolute يعاد تموضعها (snap عبر JS) */
.tfxm-lp-list{box-sizing:border-box;height:170px;overflow-y:auto;padding:68px 0;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent)}
.tfxm-lp-list::-webkit-scrollbar{display:none}
.tfxm-lp-sp{position:relative}
.tfxm-lp-row{position:absolute;left:0;right:0;height:34px;display:flex;align-items:center;justify-content:center;
  font-size:16px;font-weight:700;color:#8b93b8!important}
.tfxm-lp-row.on{color:#fff!important;font-size:20px;font-weight:800;background:rgba(255,255,255,.10);
  border-radius:9px;left:16px;right:16px}
.tfxm-lp-btns{display:flex;justify-content:space-between;padding:8px 16px 2px}
.tfxm-lp-btns button{background:none;border:0;color:#E8A33D!important;font:inherit;font-size:14px;
  font-weight:800;cursor:pointer;padding:5px 3px}
.tfxm-lp-btns button:active{opacity:.7}
/* رأس المثلث السفلي — يوجَّه لمنتصف زر اللوت عبر style.left من JS */
.tfxm-lp-tail{position:absolute;bottom:-7.5px;margin-left:-7px;width:14px;height:14px;
  background:rgba(38,40,46,.96);border-left:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);transform:rotate(-45deg)}
/* ── وضع «صفقة جديدة» لشريط tfxm (مهمة 736): شريط السحب أزرق بمتغير الربح
   الحالي --rv-fx-blue حرفيًا (بلا درجة جديدة)؛ الدائرة والتغطية أبيض شفاف
   فوق الأزرق نفسه بدل درجة برتقالية أفتح */
#tfxmBar.nt .tfxm-slide{background:var(--rv-fx-blue)}
#tfxmBar.nt .tfxm-go{background:rgba(255,255,255,.26)}
#tfxmBar.nt .tfxm-fill{background:rgba(255,255,255,.26)}
/* كلمة الاتجاه Buy/Sell — تفتح القائمة الصغيرة فقط (لا تنفيذ) */
.tfxm-side{position:relative;z-index:5;background:none;border:0;cursor:pointer;padding:6px 10px;
  color:#fff!important;font:inherit;font-size:13.5px;font-weight:800;line-height:1}
.tfxm-side:active{opacity:.75}
/* القائمة الصغيرة الداكنة فوق كلمة الاتجاه: خياران فقط (Sell/Buy) مع ✓ */
#tfxmSidePop{position:fixed;z-index:1049;min-width:118px;background:rgba(38,40,46,.96);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:5px;
  box-shadow:0 14px 44px rgba(0,0,0,.6)}
.tfxm-sp-row{display:flex;align-items:center;gap:9px;width:100%;background:none;border:0;cursor:pointer;
  color:#fff!important;font:inherit;font-size:14.5px;font-weight:700;padding:9px 12px;border-radius:9px;text-align:left}
.tfxm-sp-row:active{background:rgba(255,255,255,.10)}
.tfxm-sp-row i{width:15px;font-size:12px;color:#fff!important}
.tfxm-sp-row i.off{visibility:hidden}
/* خطوط TP/SL القابلة للسحب على الشارت */
#tfxmLines{position:absolute;z-index:9;pointer-events:none;overflow:hidden}
.tfxm-line{position:absolute;left:0;right:0;height:30px;transform:translateY(-50%);pointer-events:auto;
  touch-action:none;cursor:grab}
.tfxm-line.drag{cursor:grabbing}
.tfxm-ln{position:absolute;left:0;right:0;top:50%;border-top:1.5px dashed #2EBD85;pointer-events:none}
.tfxm-line.sl .tfxm-ln{border-top-color:var(--rv-fx-red)}
.tfxm-dot{position:absolute;left:46%;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);
  background:#2EBD85;box-shadow:0 0 0 4px rgba(46,189,133,.25);pointer-events:none}
.tfxm-line.sl .tfxm-dot{background:var(--rv-fx-red);box-shadow:0 0 0 4px rgba(240,69,51,.25)}
.tfxm-dist{position:absolute;left:8px;bottom:calc(50% + 4px);font-size:10.5px;font-weight:800;color:#2EBD85!important;
  background:rgba(10,16,32,.72);border-radius:6px;padding:2px 7px;pointer-events:none;white-space:nowrap}
.tfxm-line.sl .tfxm-dist{color:var(--rv-fx-red)!important}
/* ليبل السعر المتحرك على المحور يُرسم داخل كانفس المحور (النظام الموحد) — لا عنصر DOM */
/* ═══ شيت إدارة الصفقة المضغوط بنمط MT5 (مهمة 682 — IMG_7054) ═══
   صنف rs-tfxm مخصص على #rs-sheet: ارتفاع ≤36dvh والشارت ظاهر خلفه —
   لا rs-tfxs الممدد هنا. حقول SL/TP تظهر داخل الشيت بتمرير داخلي. */
#rs-sheet.rs-tfxm{--rv-fx-blue:#0A84FF;min-height:0;height:auto;max-height:36dvh;
  background:rgba(24,24,26,.94);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border-top:1px solid rgba(255,255,255,.10);border-radius:27px 27px 0 0;
  padding:18px 14px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 40px rgba(0,0,0,.35)}
/* مقبض سحب ظاهر 42×5 على بعد 9px من الأعلى (الأساس شفاف بارتفاع 0) */
#rs-sheet.rs-tfxm .rs-handle{position:absolute;top:9px;left:50%;transform:translateX(-50%);
  width:42px;height:5px;background:#8E8E93;border-radius:99px;margin:0}
/* بلا تعتيم قوي على الشارت — يبقى مقروءًا خلف الشيت */
#rs-root.rs-tfxm-rt #rs-backdrop{background:rgba(3,7,18,.10);backdrop-filter:none;-webkit-backdrop-filter:none}
.tfxm-sh.tfxm2{padding:0}
/* رأس مضغوط ≤54px: الرمز أزرق + وصف #8E8E93 يمينًا — Bid/Ask جنبًا إلى جنب يسارًا */
.tfxm2-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;
  min-height:38px;max-height:44px;margin:0 0 3px;padding:0 2px}
.tfxm2-px{display:flex;align-items:baseline;gap:10px;font-variant-numeric:tabular-nums}
.tfxm2-px .tfx-lpx{font-size:15.5px;font-weight:500;line-height:1.2}
/* لا أرقام عملاقة: تحييد <big> الذي يولّده bigPxHtml — خانات موحّدة الحجم */
.tfxm2-px .tfx-lpx big{font-size:inherit;font-weight:inherit;line-height:inherit}
.tfxm2-px .tfx-lpx.dn{color:var(--rv-fx-red)!important}
.tfxm2-px .tfx-lpx.up{color:var(--rv-fx-blue)!important}
.tfxm2-sym{display:flex;flex-direction:column;align-items:flex-end;gap:1px;min-width:0;text-align:right}
.tfxm2-sym b{display:flex;align-items:center;gap:5px;font-size:16.5px;font-weight:700;color:var(--rv-fx-blue)!important}
.tfxm2-sym small{font-size:12px;color:#8E8E93!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw}
/* شريط أنواع الأوامر: نصوص مسطّحة قابلة للسحب أفقيًا — بلا أزرار/مستطيلات */
.tfxm-tabs{display:flex;align-items:center;gap:14px;height:30px;overflow-x:auto;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 2px;margin:0 0 6px}
.tfxm-tabs::-webkit-scrollbar{display:none}
.tfxm-tab{flex:0 0 auto;padding:0;border-radius:0;background:none;color:#8E8E93!important;
  font-size:13.5px;font-weight:600;white-space:nowrap}
.tfxm-tab.on{background:none;color:var(--rv-fx-blue)!important}
.tfxm-cardwrap{position:relative}
/* بطاقة الصفقة المضغوطة بكثافة MT5 (مهمة 686): ~60px، حد 1.5px بلون حالة الربح/الخسارة */
.tfxm2-card{height:60px;box-sizing:border-box;border:1.5px solid #3A3A3C;border-radius:8px;
  padding:8px 10px;display:flex;flex-direction:column;justify-content:space-between;background:transparent}
.tfxm2-card.up{border-color:var(--rv-fx-blue)}
.tfxm2-card.dn{border-color:var(--rv-fx-red)}
.tfxm2-card-r{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tfxm2-meta{color:#8E8E93!important;font-size:11.5px;font-variant-numeric:tabular-nums}
.tfxm2-pl{font-size:16px;font-weight:600;color:#c7cded!important;font-variant-numeric:tabular-nums;line-height:1.1}
.tfxm2-pl.up{color:var(--rv-fx-blue)!important}
.tfxm2-pl.dn{color:var(--rv-fx-red)!important}
.tfxm2-lots{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;
  font-size:13.5px;font-weight:600;padding:0;min-height:24px}
.tfxm2-lots.buy,.tfxm2-lots.buy span,.tfxm2-lots.buy b{color:var(--rv-fx-blue)!important}
.tfxm2-lots.sell,.tfxm2-lots.sell span,.tfxm2-lots.sell b{color:var(--rv-fx-red)!important}
/* حقول SL/TP داخل الشيت (زر «أضف مستويات التوقف») */
.tfxm2-stopsbox{margin:6px 0 0;text-align:right}
.tfxm2-stopsbox .tfx-stp-row{padding:4px 0}
.tfxm-chev{display:flex;flex-direction:column;gap:0;font-size:8px;color:#8E8E93!important}
.tfxm-chev i{color:#8b93b8!important}
/* منتقي الحصص (IMG_6962) — مهمة 686: Overlay حقيقي فوق كل محتوى الشيت.
   يُنقل (portal) إلى body عند الفتح ويُموضَع fixed فوق زر اللوت من JS —
   لا يدفع أي عنصر ولا يُقص بحاوية تمرير الشيت. z-index أعلى من RioSheet (99990). */
.tfxm-wheel{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);z-index:5;width:180px;
  background:#1b2140;border:1px solid #2b3260;border-radius:14px;padding:8px 0 10px;box-shadow:0 12px 40px rgba(0,0,0,.55)}
.tfxm-wh-ttl{text-align:center;font-size:12px;font-weight:800;color:#8b93b8!important;padding-bottom:4px}
.tfxm-wheel.tfxm-wh-ovl{position:fixed;left:auto;bottom:auto;transform:none;z-index:100060}
.tfxm-wh-list{height:170px;overflow-y:auto;scroll-snap-type:y mandatory;padding:68px 0;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
  mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent)}
.tfxm-wh-list::-webkit-scrollbar{display:none}
.tfxm-wh-row{height:34px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;
  font-size:15px;font-weight:700;color:#8b93b8!important}
.tfxm-wh-row.on{color:#fff!important;font-weight:800;background:rgba(0,102,204,.14);border-radius:8px;margin:0 14px}
.tfxm-wh-btns{display:flex;gap:6px;padding:8px 10px 0}
.tfxm-wh-btns button{flex:1;padding:8px 0;border-radius:9px;border:none;cursor:pointer;
  background:rgba(0,102,204,.18);color:var(--rv-fx-blue)!important;font-size:12px;font-weight:800}
/* أزرار الشيت (مهمة 682): مستويات التوقف بعرض كامل — الإغلاق برتقالي يمينًا
   والتعديل معطّل رماديًا يسارًا، زران متساويان بفاصل 5px */
.tfxm-stops{display:block;width:100%;margin:7px 0 0;height:36px;padding:0;border:none;border-radius:6px;cursor:pointer;
  background:rgba(0,102,204,.22);color:var(--rv-fx-blue)!important;font-size:14.5px;font-weight:600}
.tfxm-btns{display:flex;gap:5px;margin:7px 0 0}
.tfxm-mod{flex:1;height:38px;padding:0;border:none;border-radius:6px;cursor:pointer;
  background:var(--rv-fx-blue);color:#fff!important;font-size:14.5px;font-weight:600}
.tfxm-mod:disabled{background:#3A3A3C;color:#8E8E93!important;cursor:default}
.tfxm-cls{flex:1;height:38px;padding:0;border:none;border-radius:6px;cursor:pointer;
  background:#FF9500;color:#fff!important;font-size:14.5px;font-weight:600}
.tfxm-cls span,.tfxm-cls b{color:#fff!important}
/* سهما نوع الصفقة يتبعان لون buy/sell */
.tfxm2-lots.buy .tfxm-chev i{color:var(--rv-fx-blue)!important}
.tfxm2-lots.sell .tfxm-chev i{color:var(--rv-fx-red)!important}

/* ── بطاقة تفاصيل الصفقة المغلقة في تاريخ الفوركس (مهمة 675) — نمط MT5 ──
   تعتيم خفيف، البطاقة أسفل الشاشة فوق شريط الخيارات الزجاجي؛ حركة 200ms.
   RTL عام مع dir=ltr للأرقام/الأسعار/الأوقات. */
.tfxd-ovl{position:fixed;inset:0;z-index:12050;background:rgba(0,0,0,.45);
  display:flex;flex-direction:column;justify-content:flex-end;align-items:center;
  direction:rtl;opacity:0;transition:opacity .2s ease;--rv-fx-blue:#0A84FF}
.tfxd-ovl.on{opacity:1}
.tfxd-card{width:calc(100% - 24px);max-width:560px;border-radius:12px;overflow:hidden;
  transform:translateY(14px);transition:transform .2s ease;
  box-shadow:0 6px 24px rgba(0,0,0,.35)}
.tfxd-ovl.on .tfxd-card{transform:none}
.tfxd-hd{background:#101010;min-height:44px;display:flex;justify-content:space-between;
  align-items:flex-start;gap:8px;padding:6px 12px 5px;
  border-bottom:1px solid rgba(255,255,255,.08)}
.tfxd-hd-r{text-align:right;min-width:0}
.tfxd-sym{font-size:15px;font-weight:600;color:#F2F2F7;unicode-bidi:isolate;line-height:1.25}
.tfxd-sym .buy{color:var(--rv-fx-blue,#0A84FF);font-weight:600}
.tfxd-sym .sell{color:var(--rv-fx-red,#F04533);font-weight:600}
.tfxd-desc{font-size:12px;color:#636366;margin-top:1px;line-height:1.25;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
.tfxd-tk{color:#8E8E93;font-size:13px;font-weight:400;flex:0 0 auto;padding-top:1px}
.tfxd-bd{background:#1C1C1E;min-height:0;padding:7px 12px 8px}
.tfxd-r1{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.tfxd-pl{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}
.tfxd-pl.up{color:var(--rv-fx-blue,#0A84FF)!important}
.tfxd-pl.dn{color:var(--rv-fx-red,#F04533)!important}
.tfxd-pl.zr{color:#8E8E93!important}
.tfxd-px{font-size:15px;font-weight:500;color:#AEAEB2;font-variant-numeric:tabular-nums;line-height:1.2}
.tfxd-dl{font-size:13px;font-weight:500;margin-top:1px;text-align:right;line-height:1.2;
  display:flex;align-items:center;justify-content:flex-end;gap:5px;direction:ltr;
  font-variant-numeric:tabular-nums}
.tfxd-dl.up{color:var(--rv-fx-blue,#0A84FF)}
.tfxd-dl.dn{color:var(--rv-fx-red,#F04533)}
.tfxd-dl.zr{color:#8E8E93}
.tfxd-cr{flex:0 0 auto}
.tfxd-tm{font-size:13px;color:#AEAEB2;margin-top:5px;text-align:center;line-height:1.2;
  font-variant-numeric:tabular-nums}
.tfxd-grid{display:flex;gap:12px;margin-top:6px}
.tfxd-col{flex:1 1 50%;display:flex;flex-direction:column;gap:2px}
.tfxd-col>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;line-height:1.3}
.tfxd-col span{color:#8E8E93}
.tfxd-col b{color:#D1D1D6;font-weight:500;font-variant-numeric:tabular-nums}
/* شريط الخيارات العائم الزجاجي — فوق شريط التنقل مع safe-area */
.tfxd-bar{width:calc(100% - 24px);max-width:560px;border-radius:13px;overflow:hidden;
  margin:6px 0 calc(var(--tfx2-nav-h,56px) + env(safe-area-inset-bottom,0px) + 4px);
  background:rgba(28,28,30,.94);
  -webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.tfxd-bar button{display:block;width:100%;height:44px;background:none;border:0;padding:0;
  color:var(--rv-fx-blue,#0A84FF);font-size:17px;font-family:inherit;cursor:pointer}
.tfxd-bar button+button{border-top:1px solid rgba(255,255,255,.08)}
/* صفوف التاريخ صارت قابلة للنقر (بطاقة التفاصيل) — الشكل نفسه بلا تغيير */
.tfxs-hline[data-hid]{cursor:pointer}

/* ═══════════ شاشة «إعدادات الرسم البياني» (نمط MT5 iPhone) — مهمة 742 ═══════════ */
.cs-scr{position:fixed;inset:0;z-index:4000;background:#000;color:#fff;direction:rtl;
  overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  transform:translateX(-100%);transition:transform 240ms cubic-bezier(.32,.72,.34,1);
  padding-bottom:calc(40px + env(safe-area-inset-bottom,0px))}
.cs-scr.in{transform:translateX(0)}
.cs-scr.cs-sub{z-index:4010}
.cs-scr::-webkit-scrollbar{width:3px}
.cs-scr::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:2px}
.cs-hd{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:center;
  box-sizing:border-box;height:calc(56px + var(--rv-safe-top));padding-top:var(--rv-safe-top);
  background:rgba(0,0,0,.84);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px)}
.cs-title{font-size:20px;font-weight:700;color:#fff}
.cs-back{position:absolute;right:14px;top:calc(var(--rv-safe-top) + 6px);width:44px;height:44px;
  border-radius:50%;background:#1c1c1e;border:1px solid #38383b;display:flex;align-items:center;justify-content:center;
  padding:0;cursor:pointer}
.cs-body{padding:12px 20px 0}
.cs-grp{background:#1c1c1e;border-radius:28px;overflow:hidden;margin-bottom:35px}
.cs-row{display:flex;align-items:center;min-height:54px;padding:0 20px;gap:10px;cursor:pointer;
  -webkit-tap-highlight-color:transparent}
.cs-row:active{background:rgba(255,255,255,.04)}
.cs-lbl{flex:1;font-size:16.5px;color:#fff;text-align:right;line-height:1.3}
.cs-div{height:1px;background:#38383b;margin-right:20px}
/* صندوق الأنواع: صح أزرق يسارًا (بداية الصف بصريًا يسار = نهاية RTL) وأيقونة يمينًا */
.cs-types .cs-row{flex-direction:row}
.cs-ic{order:0;width:26px;display:flex;justify-content:center}
.cs-types .cs-lbl{order:1}
.cs-ck{order:2;width:24px;display:flex;justify-content:center}
.cs-types .cs-div.t{margin-right:20px;margin-left:59px}
/* مفتاح 64×28 بسلوك RTL: ON = الدائرة يسارًا */
.cs-sw{position:relative;width:64px;height:28px;flex:0 0 64px;border:0;border-radius:14px;
  background:#59595e;transition:background 200ms ease;padding:0;cursor:pointer;pointer-events:none}
.cs-sw.on{background:#30d158}
.cs-th{position:absolute;top:1px;right:1px;width:26px;height:26px;border-radius:50%;background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.4);transform:translateX(0);transition:transform 200ms ease}
.cs-sw.on .cs-th{transform:translateX(-36px)}
.cs-val{font-size:15.5px;color:#8d8d93}
.cs-bg-row{position:relative}
.cs-bg-thumb,.cs-bg-empty{width:42px;height:42px;flex:0 0 42px;border-radius:10px;background-size:cover;background-position:center;
  border:1px solid rgba(255,255,255,.14)}
.cs-bg-empty{display:flex;align-items:center;justify-content:center;background:#2c2c2e;color:#8d8d93;font-size:23px;font-weight:300}
.cs-bg-actions{display:flex;gap:8px;padding:10px 14px 12px}
.cs-bg-actions button{flex:1;min-height:40px;border:0;border-radius:12px;background:#2c2c2e;color:#0a84ff;font-size:14px;font-weight:650}
.cs-bg-actions button.danger{color:#ff453a}
.cs-chev{display:flex;align-items:center}
.cs-sec{color:#8d8d93;font-size:17px;margin:0 2px 10px}
/* شاشة الألوان */
.cs-swatch{width:24px;height:24px;border-radius:50%;flex:0 0 24px;display:flex;align-items:center;justify-content:center;
  border:1px solid #48484d}
.cs-swatch i{display:block;width:18px;height:18px;border-radius:50%;border:3px solid #000}
.cs-cinput{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none;bottom:0;right:0;border:0;padding:0}
/* طبقات الشارت الجديدة */
#tfxCsSep{position:absolute;right:0;pointer-events:none;z-index:3}
#tfxCsCd{position:absolute;z-index:6;background:rgba(24,26,32,.9);color:#cfd3dc;font-size:10.5px;
  padding:1px 5px;border-radius:4px;font-variant-numeric:tabular-nums;direction:ltr;pointer-events:none;display:none;
  white-space:nowrap;transform:none;will-change:top}
#tfxCsTv{position:absolute;top:34px;right:10px;z-index:6;color:#8d99b3;font-size:11px;direction:ltr;pointer-events:none}
#tfxCsOhlc{position:absolute;top:6px;left:10px;z-index:6;color:#aeb6c6;font-size:11px;pointer-events:none;
  font-variant-numeric:tabular-nums;white-space:nowrap}
#tfxCsDw{position:absolute;top:24px;left:10px;z-index:7;background:rgba(18,20,27,.92);border:1px solid rgba(255,255,255,.1);
  border-radius:8px;padding:7px 10px;min-width:130px;pointer-events:none;display:none}
#tfxCsDw div{display:flex;justify-content:space-between;gap:14px;color:#dfe3ec;font-size:11.5px;
  font-variant-numeric:tabular-nums;line-height:1.55}
#tfxCsDw div span{color:#8d99b3}
#tfxCsDw .csdw-t{color:#aeb6c6;justify-content:center;margin-bottom:2px}
/* ليبل أمر معلّق على الشارت */
.tfx2-linetag.ord{color:#B9C0CC!important}
/* مفتاح «لوحة التداول في الأسفل» مطفأ (وضع OFF): عناصر تدفّق عادية —
   صف التنفيذ فوق الشارت وسطر السبريد تحته؛ اللوحة السفلية تُخفى (العُقد نفسها نُقلت) */
/* OFF: اللوحة السفلية تبقى ظاهرة بصندوق العمولة/الرافعة/السبريد كما هو —
   صف التنفيذ وحده انتقل فوق الشارت (طلب المستخدم: الصندوق لا يختفي) */
.tfx2-execrow.cs-flow{margin:6px -12px 6px;background:#0b0f1f}
.tfx2-info.cs-flow{margin:8px 2px 0;padding-top:2px;padding-bottom:0}
.tfx2-idx-badge.cs-flow{margin:6px 0 0}
.tfx2-execrow.cs-flow[hidden],.tfx2-info.cs-flow[hidden],.tfx2-idx-badge.cs-flow[hidden]{display:none!important}