/* نبض تریدرها (۲۰ آبان ۱۴۰۵): همه‌ی پایه از pulse.css (.bp)؛ این‌جا فقط تفاوت‌های .bp-tr و چارت پاپ‌آپ (html.cpop-on) */
.bp-tr{background:radial-gradient(1100px 560px at 22% -8%,rgba(123,97,255,.1),transparent 60%),radial-gradient(900px 520px at 88% 108%,rgba(255,77,106,.07),transparent 60%),#070b13}
.bp-tr-logo{background:linear-gradient(135deg,rgba(123,97,255,.3),rgba(247,160,29,.14));border-color:rgba(165,148,255,.55);box-shadow:0 0 18px -4px rgba(123,97,255,.7)}
.bp-tr-logo svg{stroke:#c8bcff;stroke-dasharray:none;animation:trBreath 2.6s ease-in-out infinite}
@keyframes trBreath{50%{opacity:.6}}
.bp-tr .bp-brand b{background:linear-gradient(90deg,#fff,#b9adff);-webkit-background-clip:text;background-clip:text;color:transparent}
.bp-tr .bp-tabs button[aria-selected=true]{background:rgba(123,97,255,.18);color:#c8bcff;box-shadow:inset 0 0 0 1px rgba(123,97,255,.45)}
.bp-sis{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 11px;border-radius:10px;border:1px solid rgba(247,160,29,.4);background:linear-gradient(135deg,rgba(247,160,29,.12),rgba(47,214,160,.06));color:#e9ecf2;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;flex:none}
.bp-sis:hover{background:linear-gradient(135deg,rgba(247,160,29,.22),rgba(47,214,160,.1))}
.bp-sis svg{width:16px;height:16px;fill:none;stroke:#F7A01D;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.bp-sis.to-tr{border-color:rgba(165,148,255,.5);background:linear-gradient(135deg,rgba(123,97,255,.16),rgba(247,160,29,.06))}
.bp-sis.to-tr svg{stroke:#c8bcff;stroke-width:2}
.bp-tr .bp-lk{border-color:rgba(165,148,255,.4);box-shadow:0 30px 80px -24px rgba(0,0,0,.8),0 0 60px -24px rgba(123,97,255,.55)}
.bp-tr .bp-lk-t{background:linear-gradient(90deg,#fff,#b9adff);-webkit-background-clip:text;background-clip:text;color:transparent}
.bp-tr .tr-fv{unicode-bidi:isolate;white-space:nowrap}

/* حرکت‌های تازه */
.tr-evs{display:flex;flex-direction:column;gap:4px}
.tr-ev{display:flex;flex-direction:column;gap:2px;padding:7px 9px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);cursor:pointer;text-align:start;border-inline-start:3px solid rgba(160,168,184,.5)}
.tr-ev:hover{background:rgba(255,255,255,.07)}
.tr-ev.up{border-inline-start-color:#2fd6a0}.tr-ev.dn{border-inline-start-color:#ff4d6a}
.tr-ev.up2{border-inline-start-color:rgba(47,214,160,.5)}.tr-ev.dn2{border-inline-start-color:rgba(255,77,106,.5)}
.tr-ev-a{display:flex;align-items:center;gap:6px;font-size:12px}
.tr-ev-a b{font-size:11px;font-weight:800;color:#c8bcff;padding:1px 6px;border-radius:6px;background:rgba(123,97,255,.16)}
.tr-ev-a i{font-style:normal;color:#cfd5e0}
.tr-ev.up .tr-ev-a i{color:#2fd6a0}.tr-ev.dn .tr-ev-a i{color:#ff4d6a}
.tr-ev-a strong{margin-inline-start:auto;font-size:12.5px;font-weight:800;color:#fff}
.tr-ev-b{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:11px;color:#9aa3b5}
.tr-ev-b em{margin-inline-start:auto;font-style:normal;color:#7d8697;font-size:10.5px}
/* برترین تریدرها */
.tr-ws{display:flex;flex-direction:column;gap:6px}
.tr-w{display:flex;flex-direction:column;gap:4px;padding:9px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);cursor:pointer;text-align:start}
.tr-w:hover{background:rgba(255,255,255,.07)}
.tr-w-a{display:flex;align-items:baseline;gap:7px}
.tr-w-a b{font-size:13px;font-weight:800;color:#fff}
.tr-w-a small{font-size:10.5px;color:#7d8697}
.tr-w-a strong{margin-inline-start:auto;font-size:15px;font-weight:800}
.tr-w.up .tr-w-a strong{color:#2fd6a0}.tr-w.dn .tr-w-a strong{color:#ff4d6a}
.tr-w-b{font-size:11px;color:#9aa3b5}
.tr-w-c{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px;font-weight:700}
@media (max-width:820px){
	.bp-sis span{display:none}
	.bp-sis{width:32px;height:32px;padding:0;justify-content:center}
	.bp-tr .bp-cards{grid-template-columns:minmax(0,1fr)}
	.tr-evs,.tr-ws{grid-column:1/-1}
}
.bp.bp-light.bp-tr{background:radial-gradient(1100px 560px at 22% -8%,rgba(123,97,255,.08),transparent 60%),radial-gradient(900px 520px at 88% 108%,rgba(224,45,76,.06),transparent 60%),#f6f7f9}
.bp.bp-light.bp-tr .bp-brand b,.bp.bp-light.bp-tr .bp-lk-t{background:linear-gradient(90deg,#0f172a,#5b48d6);-webkit-background-clip:text;background-clip:text;color:transparent}
.bp.bp-light.bp-tr .bp-tr-logo svg{stroke:#5b48d6}
.bp.bp-light.bp-tr .bp-tabs button[aria-selected=true]{background:rgba(123,97,255,.12);color:#5b48d6;box-shadow:inset 0 0 0 1px rgba(91,72,214,.35)}
.bp.bp-light .bp-sis{color:#0f172a;background:#fff;border-color:rgba(247,160,29,.5)}
.bp.bp-light .bp-sis.to-tr{border-color:rgba(91,72,214,.4)}
.bp.bp-light .bp-sis.to-tr svg{stroke:#5b48d6}
.bp.bp-light .tr-ev,.bp.bp-light .tr-w{background:#fff;border-color:rgba(15,23,42,.08)}
.bp.bp-light .tr-ev:hover,.bp.bp-light .tr-w:hover{background:#f5f6f8}
.bp.bp-light .tr-ev-a b{color:#5b48d6;background:rgba(91,72,214,.1)}
.bp.bp-light .tr-ev-a i{color:#344054}
.bp.bp-light .tr-ev.up .tr-ev-a i{color:#10a36b}.bp.bp-light .tr-ev.dn .tr-ev-a i{color:#e02d4c}
.bp.bp-light .tr-ev-a strong,.bp.bp-light .tr-w-a b{color:#0f172a}
.bp.bp-light .tr-ev-b,.bp.bp-light .tr-w-b{color:#475467}
.bp.bp-light .tr-w.up .tr-w-a strong{color:#10a36b}.bp.bp-light .tr-w.dn .tr-w-a strong{color:#e02d4c}

/* دکمه‌ی نوار بالای ترمینال؛ روی گوشی جا نیست (نبض همان‌جاست)، پس فقط از دکمه‌ی خواهر داخل نبض و لینک ?v=traders */
.tb-traders{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 11px;border-radius:10px;border:1px solid rgba(123,97,255,.45);background:linear-gradient(135deg,rgba(123,97,255,.14),rgba(247,160,29,.06));color:var(--txt,#1d2433);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;flex:none}
.tb-traders svg{width:17px;height:17px;fill:none;stroke:#7B61FF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.tb-traders:hover{background:linear-gradient(135deg,rgba(123,97,255,.24),rgba(247,160,29,.1))}
@media (max-width:1100px){.tb-traders .tp-l{display:none}.tb-traders{width:34px;padding:0;justify-content:center}}
@media (max-width:760px){.tb-traders{display:none}}

/* چارت پاپ‌آپ (مالک: «با کلیک، چارت تریدینگ‌ویو پاپ‌آپ شود، نه صفحه‌ی جدید»): همان #chartbox ترمینال جای پنجره می‌نشیند؛
 * iframe جابه‌جا نمی‌شود (جابه‌جایی در DOM دوباره بارش می‌کند)، فقط position. سربرگ با لایه‌ها مثل ریلز مرجع. */
#cpopBg{position:fixed;inset:0;z-index:2147482600;background:rgba(4,7,13,.66);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.cpop-h{position:fixed;z-index:2147482700;left:max(16px,4vw);right:max(16px,4vw);top:max(14px,3.5vh);min-height:58px;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:16px 16px 0 0;background:var(--card,#161a25);border:1px solid var(--line,rgba(255,255,255,.1));border-bottom:0;color:var(--txt,#e9ecf2);box-shadow:0 -10px 40px -20px rgba(123,97,255,.5)}
.cpop-h::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,#F7A01D,#F0567A,#7B61FF,#2F80ED)}
html.cpop-on #chartbox{position:fixed!important;z-index:2147482700;left:max(16px,4vw);right:max(16px,4vw);top:calc(max(14px,3.5vh) + 58px);bottom:max(14px,3.5vh);height:auto!important;min-height:0!important;border-radius:0 0 16px 16px;box-shadow:0 30px 80px -20px rgba(0,0,0,.8)}
html.cpop-on .toast{z-index:2147482800}
.cp-sym{display:flex;flex-direction:column;gap:2px;min-width:0;flex:none}
.cp-sym b{font-size:17px;font-weight:800;direction:ltr;unicode-bidi:isolate}
.cp-sym small{font-size:11.5px;color:var(--mut,#7d8697);white-space:nowrap}
.cp-sym small .up{color:#16a34a}.cp-sym small .dn{color:#e11d48}
.cp-ls{display:flex;gap:5px;flex-wrap:wrap;min-width:0;flex:1}
.cp-l{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:9px;border:1px solid var(--line,rgba(255,255,255,.12));background:transparent;color:var(--sub,#9aa3b5);font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.cp-l i{width:9px;height:9px;border-radius:3px;background:currentColor;opacity:.35}
.cp-l[aria-pressed=true]{color:var(--txt,#e9ecf2);border-color:rgba(123,97,255,.55);background:rgba(123,97,255,.12)}
.cp-l[aria-pressed=true] i{opacity:1}
.cp-l:hover{background:rgba(123,97,255,.08)}
.cp-fw{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:9px;border:1px solid rgba(247,160,29,.5);background:rgba(247,160,29,.1);color:#d38a12;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.cp-fw[hidden]{display:none}
.cp-x{width:36px;height:36px;flex:none;border-radius:10px;border:1px solid var(--line,rgba(255,255,255,.12));background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--txt,#e9ecf2)}
.cp-x:hover{background:rgba(123,97,255,.12)}
.cp-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
@media (max-width:760px){
	.cpop-h{left:0;right:0;top:0;border-radius:0;flex-wrap:wrap;gap:8px;padding:8px 10px}
	.cpop-h::before{border-radius:0}
	.cp-ls{order:3;flex-basis:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
	.cp-ls::-webkit-scrollbar{display:none}
	.cp-x{margin-inline-start:auto}
	html.cpop-on #chartbox{left:0;right:0;top:var(--cph,96px);bottom:0;border-radius:0}
}