/* SmartFX — شبیه‌ساز ترید و چالش پراپ */ /* گاردِ کشیدنِ افقی، همان الگویی که بقیه‌ی صفحه‌های قالب دارند. ⚠️ فقط روی body — روی نگذار، چون با overflow-y:visible اسکرول عمودی قفل می‌شود. */ body{overflow-x:clip} .sfx-sim, .sfx-dpanel, .sfx-cmenu, .sfx-sheet, .sfx-smodal{ --g:linear-gradient(150deg,#6a5be2,#4535ad); --g-soft:linear-gradient(150deg,#8072e8,#5a4bd6); --accent:#5a4bd6; --accent-dk:#4535ad; --lilac:#efeaff; --lilac-2:#e3dbfa; --ink:#2a2350; --ink-2:#6f6a86; --ink-3:#9a97ad; --body:#35315a; --gold:#ffd35a; --up:#12b886; --down:#f0526c; --sh:0 22px 50px -26px rgba(69,53,173,.45); --sh-sm:0 12px 28px -18px rgba(69,53,173,.42); --card:#fff; --line:#e9e5f8; --soft:#f8f6ff; direction:rtl; color:var(--ink); font-family:IranYekanX,Arial,sans-serif; } .sfx-sim *{box-sizing:border-box} /* قالب یک قاعده‌ی سراسریِ span,i{font-size:1rem} دارد که ارث‌بری را می‌شکند. :where صفر-اختصاصی است، پس قاعده‌های کلاسیِ خودمان پایین‌تر همچنان برنده‌اند. */ .sfx-sim :where(span,i,b,small,em), .sfx-dpanel :where(span,i,b,small), .sfx-sheet :where(span,i,b,small), .sfx-cmenu :where(span,i,b,small){font-size:inherit;line-height:inherit} .sfx-sim .wrap{max-width:1440px;margin:0 auto;padding:0 16px} .sfx-sim .num{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums} /* ---------------------------------------------------------------- نوار بالای برنامه یک نوار باریکِ چسبان: سمت راست حسابِ فعال و عددهایش، سمت چپ کلیدِ جابه‌جایی بین ترید و پراپ و ربات‌ساز. کارت جداگانه‌ی حساب حذف شده است. */ .sfx-sim-hero{background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); border-bottom:1px solid var(--line);position:sticky;top:var(--sfxhdr,0px);z-index:20;padding:0} .sfx-sim-hero .wrap{display:flex;align-items:center;gap:12px;min-height:56px;flex-wrap:nowrap} .sfx-sim-hero .hrow{display:none} .sfx-sim-hero h1{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden; clip:rect(0 0 0 0);white-space:nowrap;border:0} .sfx-sim-hero p,.sfx-sim-demo-chip{display:none} /* نوار حساب وقتی داخل هدر است: بدون کارت و قاب، جمع‌وجور */ .sfx-sim-hero .sfx-acct-bar{background:0;border:0;box-shadow:none;border-radius:0;padding:0;margin:0; flex:1 1 auto;min-width:0;gap:10px;flex-wrap:nowrap} .sfx-sim-hero .sfx-acct-bar.is-prop{box-shadow:none} .sfx-sim-hero .sfx-acct-cur{padding:5px 7px 5px 10px;border-radius:13px;gap:9px;flex:0 0 auto} .sfx-sim-hero .sfx-acct-ico{width:32px;height:32px;border-radius:10px} .sfx-sim-hero .sfx-acct-ico svg{width:17px;height:17px} .sfx-sim-hero .sfx-acct-meta .l1{font-size:10.5px;gap:5px} .sfx-sim-hero .sfx-acct-meta .l2{font-size:13px;max-width:min(24vw,260px); overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .sfx-sim-hero .sfx-acct-cur .caret{width:13px;height:13px;padding:3px;border-radius:8px} .sfx-sim-hero .sfx-acct-stats{gap:6px;flex-wrap:nowrap;overflow:hidden} .sfx-sim-hero .sfx-acct-stats .st{min-width:0;padding:4px 10px;border-radius:10px; display:flex;align-items:baseline;gap:6px;white-space:nowrap} .sfx-sim-hero .sfx-acct-stats .st .k{font-size:10px} .sfx-sim-hero .sfx-acct-stats .st .v{font-size:12px} .sfx-sim-hero .sfx-acct-menu{top:calc(100% + 6px)} @media(max-width:1180px){ .sfx-sim-hero .sfx-acct-stats .st:nth-child(n+4){display:none} } @media(max-width:1020px){ .sfx-sim-hero .sfx-acct-stats .st:nth-child(n+3){display:none} } /* ---------------------------------------------------------------- کلید فضای کاری */ .sfx-sim-tabs{display:flex;gap:3px;margin:0;margin-inline-start:auto;padding:3px;position:relative;z-index:2; background:var(--soft);border:1px solid var(--line);border-radius:14px} .sfx-sim-tabs button{appearance:none;border:0;cursor:pointer;font-family:inherit; background:0;color:var(--ink-2);font-size:12.5px;font-weight:800; padding:8px 15px;border-radius:11px;display:flex;align-items:center;gap:7px;transition:.16s;white-space:nowrap} .sfx-sim-tabs button:hover{background:#fff;color:var(--accent-dk)} .sfx-sim-tabs button.on{background:var(--g);color:#fff;box-shadow:0 10px 22px -14px rgba(69,53,173,.9)} .sfx-sim-tabs button svg{width:16px;height:16px} .sfx-sim-tabs .tcount{background:var(--gold);color:#4a3a00;border-radius:999px;font-size:11px; font-weight:800;padding:1px 7px;min-width:20px;text-align:center} .sfx-sim-body{background: radial-gradient(1200px 520px at 100% -10%,rgba(106,91,226,.13),transparent 62%), radial-gradient(900px 460px at 0% 4%,rgba(90,75,214,.09),transparent 60%),#f6f4fd; padding:0 0 46px;min-height:70vh} .sfx-sim-pane{display:none;padding-top:18px} .sfx-sim-pane.on{display:block} /* ---------------------------------------------------------------- account bar */ .sfx-acct-bar{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-sm); padding:11px 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;position:relative} .sfx-acct-bar.is-prop{border-color:#cdb9ff;box-shadow:0 0 0 3px rgba(106,91,226,.09),var(--sh-sm)} .sfx-acct-cur{display:flex;align-items:center;gap:11px;cursor:pointer;font-family:inherit; padding:7px 9px 7px 12px;border-radius:16px;transition:.16s; background:var(--soft);border:1px solid var(--line)} .sfx-acct-cur:hover{background:var(--lilac);border-color:var(--lilac-2)} .sfx-acct-cur:active{transform:translateY(1px)} .sfx-acct-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto; background:#eef0f6;color:#5e6784;overflow:hidden} .sfx-acct-ico svg{width:20px;height:20px} .sfx-acct-ico.has-logo{background:#fff;border:1px solid var(--line);padding:3px} .blogo{width:18px;height:18px;object-fit:contain;border-radius:5px;display:inline-block;vertical-align:-4px; background:#fff;flex:0 0 auto} .sfx-acct-ico .blogo{width:100%;height:100%;border-radius:8px;display:block;vertical-align:baseline} .is-prop .sfx-acct-ico{background:var(--g);color:#fff} .is-prop .sfx-acct-ico.has-logo{background:#fff} .sfx-acct-meta{text-align:right;line-height:1.5} .sfx-acct-meta .l1{font-size:11.5px;color:var(--ink-3);font-weight:700;display:flex;align-items:center;gap:6px} .sfx-acct-meta .l2{font-size:15px;font-weight:800;color:var(--ink); max-width:min(46vw,300px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .sfx-acct-cur .caret{width:16px;height:16px;color:var(--accent-dk);flex:0 0 auto; background:#fff;border:1px solid var(--line);border-radius:9px;padding:4px;box-sizing:content-box; transition:.16s} .sfx-acct-cur:hover .caret{background:var(--accent);border-color:transparent;color:#fff} .sfx-acct-bar.menu-open .caret{transform:rotate(180deg)} .sfx-badge{border-radius:999px;font-size:10.5px;font-weight:800;padding:2px 9px;white-space:nowrap} .sfx-badge.demo{background:#eef0f6;color:#5e6784} .sfx-badge.prop{background:var(--lilac);color:var(--accent-dk)} .sfx-badge.real{background:#e6f8f1;color:#0b7a58} .sfx-badge.fail{background:#ffe9ed;color:#b3243c} .sfx-badge.pass{background:#e6f8f1;color:#0b7a58} .sfx-acct-stats{display:flex;gap:8px;flex-wrap:wrap;margin-inline-start:auto} .sfx-acct-stats .st{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:6px 12px;min-width:92px} .sfx-acct-stats .st .k{font-size:10.5px;color:var(--ink-3);font-weight:700} .sfx-acct-stats .st .v{font-size:14px;font-weight:800;color:var(--ink)} .sfx-acct-stats .st .v.up{color:var(--up)} .sfx-acct-stats .st .v.down{color:var(--down)} .sfx-acct-menu{position:absolute;top:calc(100% + 8px);inset-inline-start:14px;z-index:60;width:min(430px,calc(100vw - 40px)); background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh);padding:8px;display:none} .sfx-acct-menu.on{display:block} .sfx-acct-menu .hd{font-size:11.5px;font-weight:800;color:var(--ink-3);padding:8px 10px 6px} .sfx-acct-row{display:flex;align-items:center;gap:4px;border:1px solid transparent;border-radius:14px; padding:2px;transition:.15s;margin-bottom:2px} .sfx-acct-row:hover{background:var(--soft);border-color:var(--line)} .sfx-acct-row.on{background:var(--lilac);border-color:var(--lilac-2)} .sfx-acct-item{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border:0;background:0; font-family:inherit;text-align:right;padding:8px;border-radius:12px;cursor:pointer} .sfx-acct-arch{flex:0 0 auto;border:0;background:0;cursor:pointer;color:var(--ink-3); width:34px;height:34px;border-radius:11px;display:grid;place-items:center;transition:.15s} .sfx-acct-arch svg{width:17px;height:17px} .sfx-acct-arch:hover{background:#ffe9ed;color:var(--down)} .sfx-acct-item .nm{font-size:13.5px;font-weight:800;flex:1;min-width:0;line-height:1.7} .sfx-acct-item .nm .t{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800} .sfx-acct-item .nu{display:block} .sfx-acct-item .sfx-acct-ico .blogo{width:100%;height:100%;object-fit:contain;border-radius:7px;display:block} .sfx-acct-item .sfx-acct-ico.has-logo{background:#fff;border:1px solid var(--line);padding:3px} .sfx-acct-item .nu{font-size:11px;color:var(--ink-3);font-weight:700} .sfx-acct-item .bal{font-size:13px;font-weight:800} .sfx-acct-menu .quota{display:flex;gap:8px;padding:8px 4px 6px;margin-top:4px;border-top:1px solid var(--line)} .sfx-acct-menu .quota span{flex:1;background:var(--soft);border:1px solid var(--line);border-radius:12px; padding:7px 10px;font-size:11px;font-weight:700;color:var(--ink-3);display:flex; align-items:center;justify-content:space-between;gap:6px} .sfx-acct-menu .quota b{font-size:12px;font-weight:800;color:var(--ink)} .sfx-acct-menu .newbtn{width:100%;border:1px dashed var(--lilac-2);background:var(--soft); color:var(--accent-dk);font-family:inherit;font-weight:800;font-size:12.5px;padding:11px;border-radius:13px;cursor:pointer;transition:.15s} .sfx-acct-menu .newbtn:hover{background:var(--lilac)} .sfx-acct-menu .newbtn.off{color:var(--ink-3);border-style:solid;cursor:default} .sfx-acct-menu .newbtn.off:hover{background:var(--soft)} .sfx-acct-item .nm{line-height:1.7} .sfx-acct-item .bal{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums} /* ---------------------------------------------------------------- prop strip */ .sfx-prop-strip{display:none;background:#fff;border:1px solid #cdb9ff;border-radius:18px;box-shadow:var(--sh-sm); padding:12px 14px;margin-bottom:14px;gap:12px;align-items:center;flex-wrap:wrap} .sfx-prop-strip.on{display:flex} .sfx-prop-strip .ttl{font-size:12.5px;font-weight:800;color:var(--accent-dk);display:flex;align-items:center;gap:7px} .sfx-prop-strip .ttl svg{width:16px;height:16px} .sfx-prop-strip .ps-open{display:none} .sfx-prop-strip .ps-body{display:contents} .sfx-tk-more{margin-top:9px;background:var(--soft);border:1px solid var(--line);border-radius:12px;overflow:hidden} .sfx-tk-more > summary{display:flex;align-items:center;gap:6px;padding:9px 11px;cursor:pointer;list-style:none; font-size:11.5px;font-weight:800;color:var(--ink-2)} .sfx-tk-more > summary::-webkit-details-marker{display:none} .sfx-tk-more > summary .lbl{margin-inline-start:auto;font-size:10.5px;font-weight:700;color:var(--ink-3)} .sfx-tk-more > summary b{font-size:11px;font-weight:800;color:var(--ink);direction:ltr;unicode-bidi:isolate} .sfx-tk-more > summary .chev{width:14px;height:14px;color:var(--ink-3);transition:transform .2s} .sfx-tk-more[open] > summary .chev{transform:rotate(180deg)} .sfx-tk-more .sfx-ticket-info{margin:0;border:0;border-top:1px solid var(--line);border-radius:0;background:#fff} .sfx-sim-pane.is-dark .sfx-tk-more .sfx-ticket-info{background:#161327} .sfx-meter{flex:1 1 190px;min-width:170px} .sfx-meter .lb{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:var(--ink-2);margin-bottom:5px} .sfx-meter .lb b{color:var(--ink);font-weight:800} .sfx-meter .bar{height:8px;border-radius:99px;background:#eee9fb;overflow:hidden} .sfx-meter .bar i{display:block;height:100%;border-radius:99px;background:var(--g-soft);transition:width .3s} .sfx-meter.risk .bar i{background:linear-gradient(90deg,#ffb020,#f0526c)} .sfx-meter.ok .bar i{background:linear-gradient(90deg,#28c48d,#12b886)} /* ---------------------------------------------------------------- terminal */ .sfx-term{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:14px;align-items:start} .sfx-term>*{min-width:0} .sfx-term>*>*{min-width:0} .sfx-panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-sm);overflow:hidden} .sfx-panel-hd{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap} .sfx-panel-hd h3{margin:0;font-size:13.5px;font-weight:800} /* toolbar */ .sfx-tool{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 12px;border-bottom:1px solid var(--line);min-width:0} .sfx-tool>*{min-width:0} .sfx-sel{appearance:none;font-family:inherit;font-size:13px;font-weight:800;color:var(--ink); background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239a97ad'%3E%3Cpath d='M4 6l4 4 4-4z'/%3E%3C/svg%3E") no-repeat left 8px center/14px; border:1px solid var(--line);border-radius:12px;padding:8px 12px 8px 26px;cursor:pointer} .sfx-sel:focus{outline:0;border-color:var(--accent)} .sfx-tfs{display:flex;gap:3px;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:3px} .sfx-tfs button{border:0;background:0;font-family:inherit;font-size:12px;font-weight:800;color:var(--ink-2); padding:6px 10px;border-radius:9px;cursor:pointer;transition:.15s} .sfx-tfs button:hover{color:var(--accent-dk)} .sfx-tfs button.on{background:#fff;color:var(--accent-dk);box-shadow:0 2px 6px rgba(69,53,173,.14)} .sfx-play{display:flex;gap:3px;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:3px} .sfx-play button{border:0;background:0;cursor:pointer;padding:6px 9px;border-radius:9px;color:var(--ink-2);display:grid;place-items:center} .sfx-play button:hover{background:#fff;color:var(--accent-dk)} .sfx-play button.on{background:var(--g);color:#fff} .sfx-play button svg{width:15px;height:15px} .sfx-tool-acct .blogo{width:15px;height:15px;border-radius:4px} /* لوگوی پراپ‌فرم روی نوار وضعیت چالش و سربرگ کشوی موبایل */ .sfx-prop-strip .ps-open .blogo,.sfx-prop-strip .ttl .blogo{width:18px;height:18px;border-radius:5px;flex:0 0 auto} .m-prop-hd .blogo{width:18px;height:18px;border-radius:5px;margin-inline-end:7px;vertical-align:-4px} .sfx-tool-acct{margin-inline-start:auto;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800; border-radius:999px;padding:6px 12px;border:1px solid #e0e3ec;background:#f2f4f8;color:#5e6784;white-space:nowrap} .sfx-tool-acct svg{width:14px;height:14px;flex:0 0 auto} .sfx-tool-acct b{font-weight:800} .sfx-tool-acct.prop{background:var(--lilac);border-color:#cdb9ff;color:var(--accent-dk)} .sfx-tool-acct.fail{background:#ffe9ed;border-color:#ffc9d3;color:#b3243c} .sfx-tool-acct .sep{opacity:.45} .sfx-clock{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--ink-2);margin-inline-start:auto;white-space:nowrap} .sfx-clock .dot{width:7px;height:7px;border-radius:99px;background:var(--ink-3)} .sfx-clock .q{background:var(--lilac);color:var(--accent-dk);border-radius:999px;font-size:10px;font-weight:800;padding:2px 7px} /* برچسب حالت بک‌تست روی ساعت چارت */ .sfx-clock .btag{background:#fff5e6;color:#a97b00;border:1px solid #f2d580;border-radius:999px; padding:2px 9px;font-size:11px!important;font-weight:800;white-space:nowrap} .sfx-sim.is-m #mcClock.bt{background:#fff5e6;border-color:#f2d580;color:#a97b00} .sfx-clock .dot.live{background:var(--up);box-shadow:0 0 0 3px rgba(18,184,134,.18)} /* chart */ .sfx-chart-wrap{position:relative;direction:ltr;background:#fff} /* ⚠️ لایت‌ویت‌چارت چیدمانش را با می‌سازد و استایل سراسری جدولِ قالب (padding و border و line-height و margin) آن را باد می‌کند؛ نتیجه‌اش این بود که محور تاریخ و لوگو از پایینِ قاب بیرون می‌افتاد و دیده نمی‌شد. اینجا همه‌ی آن را خنثی می‌کنیم. */ .tv-lightweight-charts,.tv-lightweight-charts table,.tv-lightweight-charts tbody, .tv-lightweight-charts thead,.tv-lightweight-charts tr,.tv-lightweight-charts td,.tv-lightweight-charts th{ margin:0!important;padding:0!important;border:0!important;background:0 0!important; line-height:0!important;font-size:0!important;vertical-align:top!important;text-align:start!important; border-spacing:0!important;border-collapse:collapse!important;box-shadow:none!important} #sfxChart{display:block;width:100%;height:460px;cursor:crosshair;touch-action:none} .sfx-chart-legend{position:absolute;top:10px;left:12px;display:flex;gap:12px;font-size:11.5px;font-weight:700; color:var(--ink-2);background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:10px;padding:5px 10px;pointer-events:none} .sfx-chart-legend b{color:var(--ink);font-weight:800} .sfx-chart-legend .u{color:var(--up)} .sfx-chart-legend .d{color:var(--down)} .sfx-chart-empty{position:absolute;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.92); font-size:13px;font-weight:700;color:var(--ink-2);z-index:5} /* ticket */ .sfx-ticket{padding:12px} .sfx-ticket .row{display:flex;gap:8px;margin-bottom:9px} .sfx-ticket label{display:block;font-size:11px;font-weight:800;color:var(--ink-3);margin-bottom:4px} .sfx-in{width:100%;font-family:inherit;font-size:13.5px;font-weight:800;color:var(--ink);direction:ltr;text-align:left; border:1px solid var(--line);border-radius:12px;padding:9px 11px;background:#fff} .sfx-in:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(90,75,214,.12)} .sfx-in.err{border-color:var(--down)} .sfx-stepper{display:flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden} .sfx-stepper input{border:0;border-radius:0;text-align:center;flex:1;min-width:0} .sfx-stepper button{border:0;background:var(--soft);color:var(--accent-dk);font-size:16px;font-weight:800; width:34px;height:38px;cursor:pointer;font-family:inherit} .sfx-stepper button:hover{background:var(--lilac)} .sfx-seg{display:flex;gap:3px;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:3px} .sfx-seg button{flex:1;border:0;background:0;font-family:inherit;font-size:11.5px;font-weight:800;color:var(--ink-2); padding:7px 4px;border-radius:9px;cursor:pointer;transition:.15s} .sfx-seg button.on{background:#fff;color:var(--accent-dk);box-shadow:0 2px 6px rgba(69,53,173,.14)} .sfx-bs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px} .sfx-bs button{border:0;border-radius:12px;padding:9px 8px;font-family:inherit;cursor:pointer;color:#fff; display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;transition:.15s;line-height:1.4} .sfx-bs button:hover{transform:translateY(-1px);filter:brightness(1.05)} .sfx-bs button:disabled{opacity:.45;cursor:not-allowed;transform:none} .sfx-bs .buy{background:linear-gradient(150deg,#1ac394,#0e9a71)} .sfx-bs .sell{background:linear-gradient(150deg,#fb6a80,#dd3552)} .sfx-bs .t{font-size:12px;font-weight:800;opacity:.9} .sfx-bs .p{font-size:15px;font-weight:800;direction:ltr} .sfx-ticket-info{margin-top:11px;background:var(--soft);border:1px solid var(--line);border-radius:13px;padding:9px 11px} /* قیمت لحظه‌ای و درصد حد ضرر/سود */ .tk-price{display:flex;gap:6px;align-items:stretch} .tk-price .sfx-in{flex:1 1 auto;min-width:0} .tk-live{flex:0 0 auto;border:1px solid #ddd0ff;background:var(--lilac);color:var(--accent-dk);border-radius:11px; padding:0 10px;font-family:inherit;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap} .tk-live:active{transform:translateY(1px)} .tk-pct{display:flex;gap:4px;margin-top:5px} .tk-pct button{flex:1 1 0;min-width:0;border:1px solid var(--line);background:var(--soft);color:var(--ink-2); border-radius:8px;padding:4px 0;font-family:inherit;font-size:10.5px;font-weight:800;cursor:pointer} .tk-pct button.on{background:var(--g);color:#fff;border-color:transparent} .tk-lots button{direction:ltr;font-variant-numeric:tabular-nums} /* حد ضرر و سود: یک دکمه‌ی قیمت لحظه‌ای زیر کادر */ .tk-now{display:block;width:100%;margin-top:5px;border:1px solid #ddd0ff;background:var(--lilac);color:var(--accent-dk); border-radius:8px;padding:5px 0;font-family:inherit;font-size:10.5px;font-weight:800;cursor:pointer;white-space:nowrap} .tk-now:active{transform:translateY(1px)} /* ردیف زیر کادر حد ضرر/سود: − · قیمت لحظه‌ای · + (مثل ردیف حجم آماده) */ .tk-pxr .tk-now{display:block;width:auto;margin:0;flex:2 1 0;padding:4px 0; background:var(--lilac);color:var(--accent-dk);border-color:#ddd0ff} .tk-now .ls,.tk-live .ls{display:none} .sfx-sim-pane.is-dark .tk-now{background:#221d3d;border-color:#332c57;color:#cbb9ff} .sfx-sim-pane.is-dark .tk-pct button{background:#221d3d;border-color:#332c57;color:#cbb9ff} .sfx-sim-pane.is-dark .tk-live{background:#221d3d;border-color:#332c57;color:#cbb9ff} .sfx-ticket-info div{display:flex;justify-content:space-between;font-size:11.5px;font-weight:700;color:var(--ink-2);padding:2.5px 0} .sfx-ticket-info b{color:var(--ink);font-weight:800} .sfx-hint{font-size:11px;color:var(--ink-3);font-weight:600;line-height:1.8;margin-top:8px} /* bottom tables */ .sfx-subtabs{display:flex;gap:4px;padding:9px 12px 0;flex-wrap:wrap} .sfx-subtabs button{border:0;background:0;font-family:inherit;font-size:12.5px;font-weight:800;color:var(--ink-2); padding:8px 13px;border-radius:11px 11px 0 0;cursor:pointer;display:flex;align-items:center;gap:6px} .sfx-subtabs button:hover{color:var(--accent-dk)} .sfx-subtabs button.on{background:var(--soft);color:var(--accent-dk);box-shadow:inset 0 -2px 0 var(--accent)} .sfx-subtabs .c{background:var(--lilac);color:var(--accent-dk);border-radius:99px;font-size:10px;padding:1px 6px;font-weight:800} .sfx-subtabs .ls{display:none} .close-dd{position:relative} .close-dd #btnCloseAll{display:inline-flex;align-items:center;gap:4px} .close-dd #btnCloseAll svg{width:12px;height:12px} .close-menu{display:none;position:fixed;z-index:60;min-width:180px;background:#fff;border:1px solid var(--line); border-radius:14px;box-shadow:0 18px 40px -18px rgba(42,35,80,.45);padding:5px;flex-direction:column;gap:2px} .close-menu.on{display:flex} .close-menu button{border:0;background:0;text-align:start;font-family:inherit;font-size:12.5px;font-weight:800; color:var(--ink);padding:10px 12px;border-radius:10px;cursor:pointer;white-space:nowrap} .close-menu button:active,.close-menu button:hover{background:var(--soft)} .close-menu button.w{color:var(--up)} .close-menu button.l{color:var(--down)} .sfx-tblwrap{overflow-x:auto;max-height:330px;overflow-y:auto} .sfx-sim table.sfx-tbl{width:100%;border-collapse:collapse;min-width:820px;background:0!important} .sfx-sim table.sfx-tbl th{background:var(--soft)!important;color:var(--ink-3)!important;font-size:11px!important; font-weight:800!important;padding:9px 10px!important;text-align:right!important;border:0!important; border-bottom:1px solid var(--line)!important;white-space:nowrap;position:sticky;top:0;z-index:2} .sfx-sim table.sfx-tbl td{background:#fff!important;color:var(--ink)!important;font-size:12.5px!important; font-weight:700!important;padding:9px 10px!important;text-align:right!important;border:0!important; border-bottom:1px solid #f2eefb!important;white-space:nowrap} .sfx-sim table.sfx-tbl tr:hover td{background:#fbfaff!important} .sfx-sim table.sfx-tbl td.up{color:var(--up)!important} .sfx-sim table.sfx-tbl td.down{color:var(--down)!important} .sfx-dir{border-radius:7px;font-size:10.5px;font-weight:800;padding:2px 8px;display:inline-block} .sfx-dir.b{background:#e6f8f1;color:#0b7a58} .sfx-dir.s{background:#ffe9ed;color:#b3243c} .sfx-mini{border:1px solid var(--line);background:#fff;color:var(--ink-2);font-family:inherit;font-size:11px; font-weight:800;border-radius:9px;padding:4px 9px;cursor:pointer;transition:.15s} .sfx-mini:hover{border-color:var(--accent);color:var(--accent-dk);background:var(--soft)} .sfx-mini.x:hover{border-color:var(--down);color:var(--down)} .sfx-empty{padding:34px 16px;text-align:center;color:var(--ink-3);font-size:12.5px;font-weight:700} /* report */ .sfx-rep{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding:14px} .sfx-rep .c{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:11px 13px} .sfx-rep .c .k{font-size:11px;font-weight:700;color:var(--ink-3);margin-bottom:3px} .sfx-rep .c .v{font-size:18px;font-weight:800} /* ---------------------------------------------------------------- prop tab */ .sfx-prop-hd{position:relative;text-align:center;max-width:1100px;margin:0 auto 16px; display:flex;align-items:flex-start;justify-content:center;gap:12px; background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh-sm); padding:16px 18px} .sfx-prop-hd .hl{flex:0 1 620px;min-width:0} .sfx-prop-hd h2{font-size:clamp(17px,2.2vw,21px);font-weight:800;margin:0 0 5px} .sfx-prop-hd p{font-size:12.5px;line-height:1.95;color:var(--ink-3);margin:0} .sfx-prop-hd .tour{position:absolute;inset-inline-end:18px;top:16px;display:inline-flex;align-items:center;gap:5px} .sfx-prop-hd .tour svg{width:14px;height:14px} /* ---- هر بخش یک باکس سفیدِ جدا؛ کارت‌های داخلش روی زمینه‌ی نرم می‌نشینند ---- */ .sfx-psec{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh-sm); padding:16px 18px 18px;margin:0 auto 16px;max-width:1100px} .psec-hd{display:flex;align-items:center;gap:11px;margin:0 0 14px;padding-bottom:13px; border-bottom:1px solid var(--line)} .psec-hd .ic{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto; background:var(--lilac);color:var(--accent-dk)} .psec-hd .ic svg{width:17px;height:17px} .psec-hd .tx{min-width:0;flex:1} .psec-hd .tx b{display:block;font-size:14.5px;font-weight:800;color:var(--ink)} .psec-hd .tx i{display:block;font-style:normal;font-size:11.5px;font-weight:700;color:var(--ink-3);margin-top:2px} .psec-hd .cnt{flex:0 0 auto;background:var(--soft);border:1px solid var(--line);border-radius:999px; padding:4px 11px;font-size:11px;font-weight:800;color:var(--ink-2)} .psec-hd .cnt.free{background:var(--gold);border-color:transparent;color:#4a3a00} .sfx-psec-empty{background:#fff;border:1px dashed #d6cdf5;border-radius:20px;padding:26px 18px;text-align:center} /* داخل باکس، کارت چالش و کارت انتخاب دیگر پنل جدا نیستند */ .sfx-psec .sfx-ch-grid{margin-bottom:0;max-width:none} .sfx-psec .ch{background:var(--soft);box-shadow:none} .sfx-psec .ch-st .t{background:#fff} .sfx-psec .sfx-pick{background:0 0;border:0;border-radius:0;box-shadow:none;padding:0;max-width:none} .sfx-psec .sfx-psec-empty{background:var(--soft);box-shadow:none} .sfx-psec-empty .ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;margin:0 auto 10px; background:var(--lilac);color:var(--accent-dk)} .sfx-psec-empty .ic svg{width:23px;height:23px} .sfx-psec-empty b{display:block;font-size:14px;font-weight:800;color:var(--ink)} .sfx-psec-empty p{margin:5px 0 12px;font-size:12px;font-weight:700;color:var(--ink-3);line-height:1.95} .sfx-psec-empty .go{background:var(--g);color:#fff;border-color:transparent} @media(max-width:760px),(max-height:540px) and (orientation:landscape){ .sfx-prop-hd{flex-direction:column;align-items:stretch;gap:10px;padding:14px;border-radius:18px} .sfx-prop-hd .hl{flex:0 0 auto} /* در ستون، flex-basis ارتفاع می‌شود */ .sfx-prop-hd .tour{position:static;align-self:center} .sfx-psec{padding:13px 13px 15px;border-radius:18px} .psec-hd .tx i{font-size:11px} } .sfx-class-sw{display:flex;gap:4px;background:var(--soft);border:1px solid var(--line); border-radius:14px;padding:4px;margin:0 0 11px} .sfx-class-sw button{flex:1;border:0;background:0;font-family:inherit;font-size:12.5px;font-weight:800; color:var(--ink-2);padding:9px 8px;border-radius:11px;cursor:pointer;line-height:1.5;transition:.15s} .sfx-class-sw button span{display:block;font-size:10.5px;font-weight:700;opacity:.75;margin-top:2px} .sfx-class-sw button.on{background:var(--g);color:#fff} /* کارت انتخاب چالش: یک کارت جمع‌وجور به‌جای شش کارت پر از قانون */ .sfx-pick{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh-sm); padding:20px;max-width:1040px;margin:0 auto} .sfx-pick .ph{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px} .sfx-pick .ph b{font-size:14.5px;font-weight:800;color:var(--ink)} .sfx-pick .ph span{background:var(--gold);color:#4a3a00;border-radius:999px;font-size:10.5px;font-weight:800;padding:3px 10px} .sfx-pick .szs{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:7px;margin-bottom:12px} .sfx-pick .sz{border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:10px 6px; font-family:inherit;font-size:13px;font-weight:800;color:var(--ink-2);cursor:pointer; direction:ltr;transition:.15s} .sfx-pick .sz:hover{border-color:#c7b6ff;color:var(--accent-dk)} .sfx-pick .sz.on{background:var(--g);color:#fff;border-color:transparent;box-shadow:0 10px 20px -14px rgba(69,53,173,.9)} .sfx-pick .specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px;margin-bottom:14px} .sfx-pick .sp{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:8px 11px;min-width:0} .sfx-pick .sp span{display:block;font-size:10.5px;font-weight:700;color:var(--ink-3)} .sfx-pick .sp b{display:block;font-size:12.5px;font-weight:800;color:var(--ink);margin-top:2px; direction:ltr;unicode-bidi:isolate;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sfx-pick .sp b.up{color:var(--up)} .sfx-pick .sp b.down{color:var(--down)} /* ---- انتخاب سه‌مرحله‌ای چالش: پراپ‌فرم، پلن، سرمایه ---- */ /* ---- هشدار خبر روی پنل سفارش ---- */ .sfx-news-hint{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 9px; background:#fff8e6;border:1px solid #f2dfae;border-radius:12px;padding:8px 11px;line-height:1.8} .sfx-news-hint .d{width:7px;height:7px;border-radius:99px;background:#c99a00;flex:0 0 auto} .sfx-news-hint b{font-size:11.5px;font-weight:800;color:#7a5c00} .sfx-news-hint i{font-style:normal;font-size:11px;font-weight:700;color:var(--ink-2); flex:1 1 100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sfx-news-hint em{font-style:normal;font-size:10.5px;font-weight:800;color:#7a5c00; background:#f7ecc9;border-radius:999px;padding:2px 8px} .sfx-news-hint.hot{background:#ffe9ed;border-color:#ffc9d3} .sfx-news-hint.hot .d{background:var(--down);box-shadow:0 0 0 3px rgba(240,82,108,.18)} .sfx-news-hint.hot b,.sfx-news-hint.hot em{color:#b3243c} .sfx-news-hint.hot em{background:#ffd6de} .sfx-hint.news{color:#b3243c!important;font-weight:800} .sfx-sim-pane.is-dark .sfx-news-hint{background:#2a2410;border-color:#4a3f1a} .sfx-sim-pane.is-dark .sfx-news-hint i{color:#c9c2e6} .sfx-pick .pk-step{font-size:11px;font-weight:800;color:var(--ink-3);margin:2px 0 8px; display:flex;align-items:center;gap:8px} .sfx-pick .pk-step::after{content:"";flex:1;height:1px; background:linear-gradient(90deg,var(--line),transparent)} .sfx-pick .pk-empty{padding:22px 12px;text-align:center;font-size:12px;font-weight:700;color:var(--ink-3)} .sfx-pick .pk-search{position:relative;margin-bottom:10px} .sfx-pick .pk-search svg{position:absolute;inset-inline-start:11px;top:50%;transform:translateY(-50%); width:15px;height:15px;color:var(--ink-3);pointer-events:none} .sfx-pick .pk-search input{width:100%;box-sizing:border-box;border:1px solid var(--line);background:var(--soft); border-radius:12px;padding:10px 34px 10px 12px;font-family:inherit;font-size:12.5px;font-weight:700; color:var(--ink);outline:0} .sfx-pick .pk-search input:focus{border-color:#c7b6ff;background:#fff} .sfx-pick .pk-firms{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px; max-height:330px;overflow:auto;padding-inline-end:2px} .sfx-pick .pf{display:flex;align-items:center;gap:10px;text-align:start;border:1px solid var(--line); background:var(--soft);border-radius:14px;padding:10px 11px;cursor:pointer;font-family:inherit;min-width:0} .sfx-pick .pf:hover{border-color:#c7b6ff;background:#fff;box-shadow:var(--sh-sm)} .fl{width:34px;height:34px;border-radius:10px;object-fit:contain;background:#fff; border:1px solid var(--line);flex:0 0 auto;padding:2px;box-sizing:border-box} .fl.ph{display:grid;place-items:center;font-size:14px;font-weight:800;color:var(--accent-dk);background:var(--lilac)} .sfx-pick .pf-t{min-width:0;flex:1} .sfx-pick .pf-t b{display:block;font-size:12.5px;font-weight:800;color:var(--ink); white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sfx-pick .pf-t i{display:block;font-size:10.5px;font-weight:700;color:var(--ink-3);font-style:normal; direction:ltr;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sfx-pick .pf-m{font-size:10px;font-weight:800;color:var(--ink-3);flex:0 0 auto;text-align:center} .sfx-pick .pf-m em{display:block;font-style:normal;margin-top:3px;background:var(--lilac);color:var(--accent-dk); border-radius:999px;padding:2px 7px;font-size:9.5px} .sfx-pick .pk-firm{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px; border-bottom:1px solid var(--line)} .sfx-pick .pk-back{order:3;margin-inline-start:auto;display:inline-flex;align-items:center;gap:4px; border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:6px 11px;cursor:pointer; font-family:inherit;font-size:11px;font-weight:800;color:var(--ink-2);flex:0 0 auto} .sfx-pick .pk-back:hover{border-color:#c7b6ff;color:var(--accent-dk)} .sfx-pick .pk-back svg{width:13px;height:13px;transform:scaleX(-1)} .sfx-pick .pk-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:7px;margin-bottom:12px} .sfx-pick .pp{border:1px solid var(--line);background:var(--soft);border-radius:13px;padding:9px 11px; cursor:pointer;font-family:inherit;text-align:start;min-width:0} .sfx-pick .pp:hover{border-color:#c7b6ff;background:#fff} .sfx-pick .pp b{display:block;font-size:12.5px;font-weight:800;color:var(--ink); white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sfx-pick .pp i{display:inline-block;font-style:normal;font-size:9.5px;font-weight:800;margin-top:3px; background:var(--lilac);color:var(--accent-dk);border-radius:999px;padding:2px 7px} .sfx-pick .pp .pp-n{display:block;margin-top:5px;font-size:10.5px;font-weight:700;color:var(--ink-3)} .sfx-pick .pp.on{background:var(--g);border-color:transparent;box-shadow:0 10px 20px -14px rgba(69,53,173,.9)} .sfx-pick .pp.on b,.sfx-pick .pp.on .pp-n{color:#fff} .sfx-pick .pp.on i{background:rgba(255,255,255,.22);color:#fff} .sfx-pick .pk-note{background:var(--lilac);border:1px solid #ddd0ff;border-radius:13px;padding:10px 12px; font-size:11.5px;font-weight:700;color:var(--accent-dk);line-height:2;margin-bottom:12px} .ch-ic.img{background:#fff;padding:3px;box-sizing:border-box} .ch-ic.img img{width:100%;height:100%;object-fit:contain;border-radius:7px} .ch-t i .num{font-style:normal} .rgrid.one{grid-template-columns:1fr} .rc .rch .fl{width:22px;height:22px;border-radius:7px} .rtab{overflow-x:auto;margin-bottom:14px;border:1px solid var(--line);border-radius:14px} .rtab table{width:100%;border-collapse:collapse;font-size:11.5px} .rtab th,.rtab td{padding:8px 10px!important;text-align:center!important;border:0!important; border-bottom:1px solid var(--line)!important;white-space:nowrap;background:0 0!important} .rtab th{background:var(--soft)!important;font-weight:800;color:var(--ink-2)} .rtab td{font-weight:700;color:var(--ink-2)} .rtab tr:last-child td{border-bottom:0!important} .rtab tr.on td{background:var(--lilac)!important;color:var(--accent-dk)!important;font-weight:800} @media(max-width:760px),(max-height:540px) and (orientation:landscape){ .sfx-pick .pk-firms{grid-template-columns:1fr;max-height:280px} .sfx-pick .pk-plans{grid-template-columns:1fr} .sfx-pick .pk-firm{flex-wrap:wrap} .sfx-pick .pk-back{order:0;width:100%;justify-content:center;margin:0 0 4px} } .sfx-pick .hint{margin:9px 0 0;text-align:center;font-size:11.5px;font-weight:700;color:var(--ink-3);line-height:1.9} .sfx-cta{display:block;width:100%;max-width:420px;margin:0 auto;border:0;border-radius:16px;background:var(--g); color:#fff;font-family:inherit;font-size:15px;font-weight:800;padding:15px;cursor:pointer;box-shadow:var(--sh-sm);transition:.18s} .sfx-cta:hover{transform:translateY(-1px);box-shadow:var(--sh)} .sfx-cta:disabled{opacity:.5;cursor:not-allowed;transform:none} .sfx-cta.ghost{background:#fff;color:var(--accent-dk);border:1.5px solid var(--lilac-2);box-shadow:none} .sfx-cta.ghost:hover{background:var(--soft)} /* ---------------- کارت چالشِ فعال: مینیمال ---------------- */ .sfx-ch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,400px));gap:12px; margin:0 auto 16px;max-width:1100px;justify-content:center} .ch{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh-sm);padding:14px;position:relative} .ch.good{border-color:#cdeee0} .ch.bad{border-color:#ffd6de} .ch-hd{display:flex;align-items:center;gap:10px;margin-bottom:12px} .ch-ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto; background:var(--lilac);color:var(--accent-dk)} .ch-ic svg{width:18px;height:18px} .ch.good .ch-ic{background:#e6f8f1;color:#0b7a58} .ch.bad .ch-ic{background:#ffe9ed;color:#b3243c} .ch-t{flex:1;min-width:0;line-height:1.6} /* نام پلن کوتاه می‌شود ولی مبلغ هیچ‌وقت بریده نمی‌شود */ .ch-t b{display:flex;align-items:baseline;gap:6px;font-size:13.5px;font-weight:800;color:var(--ink);min-width:0} .ch-t b .nm{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ch-t b .sz{flex:0 0 auto;direction:ltr;unicode-bidi:isolate;color:var(--ink-2)} .ch-t b .sz::before{content:"·";margin-inline-end:6px;opacity:.45;color:var(--ink-3)} .ch-t i{display:block;font-style:normal;font-size:11px;font-weight:700;color:var(--ink-3)} .ch-mt{display:grid;gap:9px;margin-bottom:12px} .ch-mt .sfx-meter{flex:none;min-width:0} .ch-st{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px} .ch-st .t{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:7px 10px;min-width:0} .ch-st .t span{display:block;font-size:10.5px;font-weight:700;color:var(--ink-3)} .ch-st .t b{display:block;font-size:12.5px;font-weight:800;color:var(--ink);margin-top:2px; direction:ltr;unicode-bidi:isolate;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ch-st .t b.up{color:var(--up)} .ch-st .t b.down{color:var(--down)} .ch-ac{margin-top:12px;display:grid;gap:8px} .ch-ac .sfx-cta{max-width:none;font-size:13px;padding:12px;border-radius:14px} .ch-ac .mini{display:flex;flex-wrap:wrap;gap:6px} .ch-ac .chip{border:1px solid var(--line);background:var(--soft);color:var(--ink-2);font-family:inherit; font-size:11.5px;font-weight:800;border-radius:11px;padding:7px 11px;cursor:pointer;transition:.15s} .ch-ac .chip:hover{background:var(--lilac);color:var(--accent-dk);border-color:var(--lilac-2)} .ch .sfx-note{margin-top:11px;font-size:11.5px;padding:8px 11px} .sfx-ch-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh-sm);padding:16px;position:relative;overflow:hidden} .sfx-ch-card:before{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:var(--g)} .sfx-ch-card h3{margin:0 0 12px;font-size:14px;font-weight:800;display:flex;align-items:center;gap:8px} .sfx-ch-card h3 svg{width:17px;height:17px;color:var(--accent)} .sfx-kv{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:700; color:var(--ink-2);padding:7px 0;border-bottom:1px solid #f4f1fc} .sfx-kv:last-child{border-bottom:0} .sfx-kv b{color:var(--ink);font-weight:800} .sfx-phase{display:flex;align-items:center;gap:0;margin:6px 0 16px} .sfx-phase .p{flex:1;text-align:center;font-size:11.5px;font-weight:800;color:var(--ink-3);position:relative;padding-top:26px} .sfx-phase .p:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:18px;height:18px; border-radius:99px;background:#fff;border:2px solid var(--lilac-2);z-index:2} .sfx-phase .p:after{content:"";position:absolute;top:8px;inset-inline-start:50%;width:100%;height:2px;background:var(--lilac-2)} .sfx-phase .p:last-child:after{display:none} .sfx-phase .p.done{color:var(--up)} .sfx-phase .p.done:before{background:var(--up);border-color:var(--up)} .sfx-phase .p.now{color:var(--accent-dk)} .sfx-phase .p.now:before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px rgba(90,75,214,.16)} .sfx-note{background:var(--soft);border:1px solid var(--line);border-right:3px solid var(--accent); border-radius:12px;padding:10px 12px;font-size:12px;font-weight:700;color:var(--ink-2);line-height:1.9;margin-top:12px} .sfx-note.warn{border-right-color:#ffb020;background:#fffaf0;border-color:#ffe9c2} .sfx-note.bad{border-right-color:var(--down);background:#fff5f7;border-color:#ffdde3} .sfx-note.good{border-right-color:var(--up);background:#f2fcf8;border-color:#d5f2e7} .sfx-rules{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh-sm); overflow:hidden;margin:16px auto 0;max-width:1040px} .sfx-rules > summary{list-style:none;cursor:pointer;padding:15px 18px;font-size:14px;font-weight:800; display:flex;align-items:center;justify-content:space-between;gap:10px} .sfx-rules > summary::-webkit-details-marker{display:none} .sfx-rules > summary:after{content:"";width:9px;height:9px;border-right:2px solid var(--ink-3); border-bottom:2px solid var(--ink-3);transform:rotate(45deg);transition:.2s;flex:0 0 auto} .sfx-rules[open] > summary:after{transform:rotate(-135deg)} .sfx-rules .rb{padding:0 18px 18px} .sfx-rules .rgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:11px} .sfx-rules .rc{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--soft)} .sfx-rules .rc.a{border-color:#d6cdf6} .sfx-rules .rc .rch{padding:11px 14px;background:#fff;border-bottom:1px solid var(--line); display:flex;align-items:baseline;gap:8px;flex-wrap:wrap} .sfx-rules .rc.a .rch{background:var(--lilac)} .sfx-rules .rc .rch b{font-size:13.5px;font-weight:800;color:var(--ink)} .sfx-rules .rc .rch span{font-size:11px;font-weight:700;color:var(--ink-3)} .sfx-rules .rc ul{list-style:none;margin:0;padding:6px 14px 12px;display:grid;gap:0} .sfx-rules .rc li{display:flex;align-items:baseline;justify-content:space-between;gap:12px; padding:8px 0;border-bottom:1px solid #efeaff} .sfx-rules .rc li:last-child{border-bottom:0} .sfx-rules .rc li span{font-size:11.5px;font-weight:700;color:var(--ink-3);flex:0 0 auto} .sfx-rules .rc li b{font-size:12.5px;font-weight:800;color:var(--ink);text-align:left} .sfx-rules .rc li.w{display:block} .sfx-rules .rc li.w b{display:block;margin-top:3px;font-size:11.5px;font-weight:700; color:var(--ink-2);line-height:1.95;text-align:right} .sfx-rules .rsec{margin:16px 0 9px;font-size:12px;font-weight:800;color:var(--ink-3)} .sfx-rules .rcom{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:9px} .sfx-rules .rk{display:flex;gap:10px;background:var(--soft);border:1px solid var(--line); border-radius:14px;padding:11px 13px} .sfx-rules .rk .ic{width:30px;height:30px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center; background:#fff;border:1px solid var(--line);color:var(--accent)} .sfx-rules .rk .ic svg{width:16px;height:16px} .sfx-rules .rk b{display:block;font-size:12.5px;font-weight:800;color:var(--ink);margin-bottom:3px} .sfx-rules .rk p{margin:0;font-size:11.5px;line-height:1.95;font-weight:700;color:var(--ink-2)} .sfx-rules table{width:100%;border-collapse:collapse;background:0!important} .sfx-rules th{background:var(--soft)!important;color:var(--ink-3)!important;font-size:11.5px!important;font-weight:800!important; padding:9px 11px!important;text-align:right!important;border:0!important;border-bottom:1px solid var(--line)!important} .sfx-rules td{background:#fff!important;color:var(--body)!important;font-size:12.5px!important;font-weight:700!important; padding:9px 11px!important;text-align:right!important;border:0!important;border-bottom:1px solid #f4f1fc!important;line-height:1.9} .sfx-rules td:first-child{color:var(--ink)!important;font-weight:800!important;width:190px} /* toasts + modal */ .sfx-toasts{position:fixed;bottom:20px;inset-inline-start:20px;z-index:9999;display:flex;flex-direction:column;gap:8px} .sfx-toast{background:#fff;border:1px solid var(--line);border-inline-start:4px solid var(--accent);border-radius:14px; box-shadow:var(--sh);padding:11px 15px;font-size:12.5px;font-weight:800;color:var(--ink);max-width:340px; animation:sfxIn .25s ease;line-height:1.8} .sfx-toast.ok{border-inline-start-color:var(--up)} .sfx-toast.bad{border-inline-start-color:var(--down)} .sfx-toast.warn{border-inline-start-color:#ffb020} .sfx-toast small{display:block;font-weight:600;color:var(--ink-2);font-size:11.5px;margin-top:2px} /* بستن سریع اعلان */ .sfx-toast{position:relative;padding-inline-end:36px} .sfx-toast .tx{position:absolute;top:50%;inset-inline-end:7px;transform:translateY(-50%);width:24px;height:24px; border:0;border-radius:8px;background:var(--soft);color:var(--ink-3);font-family:inherit;font-size:16px; line-height:24px;padding:0;cursor:pointer} .sfx-toast .tx:active{background:var(--lilac);color:var(--accent-dk)} @keyframes sfxIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} .sfx-smodal{position:fixed;inset:0;z-index:9998;background:rgba(30,22,70,.5);display:none;place-items:center;padding:18px;backdrop-filter:blur(3px)} .sfx-smodal.on{display:grid} .sfx-smodal .box{background:#fff;border-radius:24px;box-shadow:0 40px 80px -40px rgba(18,13,44,.65); width:min(430px,100%);padding:22px 22px 20px;max-height:88vh;overflow:auto; animation:sfxPop .18s cubic-bezier(.2,.9,.3,1.1)} @keyframes sfxPop{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}} .sfx-smodal .mhd{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px} .sfx-smodal .mic{width:42px;height:42px;flex:0 0 auto;border-radius:14px;display:grid;place-items:center; background:var(--lilac);color:var(--accent-dk)} .sfx-smodal .mic svg{width:21px;height:21px} .sfx-smodal .box.k-warn .mic{background:#fff5e0;color:#b57900} .sfx-smodal .box.k-bad .mic{background:#ffe9ed;color:#b3243c} .sfx-smodal .mtt{display:block;padding-top:2px;min-width:0} .sfx-smodal .mtt b{display:block;font-size:16px;font-weight:800;color:var(--ink);line-height:1.6} .sfx-smodal .mtt i{display:block;font-style:normal;font-size:12px;font-weight:600;color:var(--ink-3); line-height:1.9;margin-top:2px} .sfx-smodal p{margin:0 0 12px;font-size:12.5px;line-height:2;color:var(--ink-2);font-weight:600} .sfx-smodal .mrows{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--soft)} .sfx-smodal .mrow{display:flex;align-items:center;justify-content:space-between;gap:12px; padding:9px 13px;border-bottom:1px solid var(--line);background:#fff} .sfx-smodal .mrow:last-child{border-bottom:0} .sfx-smodal .mrow span{font-size:12px;font-weight:700;color:var(--ink-3)} .sfx-smodal .mrow b{font-size:12.5px;font-weight:800;color:var(--ink);text-align:left; font-variant-numeric:tabular-nums} .sfx-smodal .mrow b.up{color:var(--up)} .sfx-smodal .mrow b.down{color:var(--down)} .sfx-smodal .mnote{margin-top:11px;font-size:11.5px;line-height:2;font-weight:700;color:var(--ink-3); background:var(--soft);border:1px solid var(--line);border-radius:13px;padding:9px 12px} .sfx-smodal .acts{display:flex;gap:9px;margin-top:16px} .sfx-smodal .acts button{flex:1;border:0;border-radius:14px;font-family:inherit;font-size:13.5px; font-weight:800;padding:13px;cursor:pointer;transition:.16s} .sfx-smodal .acts .ok{background:var(--g);color:#fff;box-shadow:0 14px 26px -16px rgba(69,53,173,.9)} .sfx-smodal .acts .ok:hover{filter:brightness(1.06)} .sfx-smodal .acts .no{background:var(--soft);color:var(--ink-2);border:1px solid var(--line);flex:0 0 34%} .sfx-smodal .acts .no:hover{background:var(--lilac);color:var(--accent-dk)} /* ---------------------------------------------------------------- responsive */ @media(max-width:960px){ .sfx-term{grid-template-columns:minmax(0,1fr)} .sfx-term .sfx-side{order:-1} .sfx-ticket{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:end} .sfx-ticket .fullw{grid-column:1/-1} } @media(max-width:760px),(max-height:540px) and (orientation:landscape){ .sfx-sim .wrap{padding:0 12px} .sfx-sim-tabs{margin:0;margin-inline-start:0} .sfx-sim-tabs button{flex:1;justify-content:center;padding:9px 10px;font-size:12px} /* روی موبایل عددها کوتاه و یک‌خطی‌اند تا معامله‌های باز زیرشان دیده شوند */ .sfx-acct-stats{display:flex;flex-wrap:wrap;gap:3px 12px;width:100%;margin:0;overflow:visible; padding-top:2px;border-top:1px solid var(--line)} .sfx-acct-stats .st{flex:0 0 auto;min-width:0;display:flex;align-items:baseline;gap:5px; background:0;border:0;padding:0;border-radius:0} .sfx-acct-stats .st .k{font-size:10.5px;font-weight:700;color:var(--ink-3);white-space:nowrap} .sfx-acct-stats .st .v{font-size:11.5px;font-weight:800;white-space:nowrap} .sfx-sim.is-m .sfx-acct-bar{padding:9px 10px;gap:8px;border-radius:14px} .sfx-sim.is-m .sfx-acct-cur{padding:5px 7px 5px 9px;border-radius:13px} .sfx-sim.is-m .sfx-acct-ico{width:32px;height:32px;border-radius:10px} .sfx-sim.is-m .sfx-acct-meta .l2{font-size:13px} .sfx-sim.is-m .sfx-acct-cur .caret{width:14px;height:14px;padding:3px} /* در تاریخچه، عددهای لحظه‌ای حساب لازم نیست */ .sfx-sim.is-m[data-scr="history"] .sfx-acct-stats{display:none} #sfxChart{height:340px} .sfx-clock{margin:0;width:100%;justify-content:flex-end} .sfx-rules td:first-child{width:auto} .sfx-toasts{inset-inline:12px;bottom:auto;top:calc(var(--mtop,64px) + 10px);flex-direction:column-reverse} .sfx-toast{max-width:none;animation-name:sfxInTop} @keyframes sfxInTop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}} } /* حالت حساب چالش در ترمینال */ .sfx-term.is-prop .sfx-panel{border-color:#ddd0ff} .sfx-term.is-prop .sfx-bs .buy{box-shadow:0 0 0 2px rgba(106,91,226,.18)} .sfx-term.is-prop .sfx-bs .sell{box-shadow:0 0 0 2px rgba(106,91,226,.18)} @media(max-width:760px),(max-height:540px) and (orientation:landscape){.sfx-tool-acct{margin:0;width:100%;justify-content:center}} /* ---------------------------------------------------------------- حالت زنده / بک‌تست */ .sfx-modesw{display:flex;gap:3px;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:3px} .sfx-modesw button{border:0;background:0;font-family:inherit;font-size:12px;font-weight:800;color:var(--ink-2); padding:7px 12px;border-radius:9px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.15s;white-space:nowrap} .sfx-modesw button:hover{color:var(--accent-dk)} .sfx-modesw button svg{width:13px;height:13px} .sfx-modesw button.on{background:var(--g);color:#fff} .sfx-modesw .ld{width:7px;height:7px;border-radius:99px;background:currentColor;opacity:.5} .sfx-modesw button.on .ld{background:#7dffc8;opacity:1;box-shadow:0 0 0 3px rgba(125,255,200,.25);animation:sfxPulse 1.8s infinite} @keyframes sfxPulse{0%,100%{opacity:1}50%{opacity:.35}} /* ---------------------------------------------------------------- نوار ابزار تحلیل */ .sfx-draw-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--line); background:var(--soft);min-width:0} .sfx-draw-bar .tools{display:flex;gap:3px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:3px;flex-wrap:wrap} .sfx-draw-bar .tools button{border:0;background:0;cursor:pointer;padding:6px 8px;border-radius:9px;color:var(--ink-2); display:flex;align-items:center;gap:3px;transition:.15s;position:relative} .sfx-draw-bar .tools button:hover{background:var(--lilac);color:var(--accent-dk)} .sfx-draw-bar .tools button.on{background:var(--g);color:#fff} .sfx-draw-bar .tools button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .sfx-draw-bar .tools button i.car{width:0;height:0;border-inline:3px solid transparent;border-top:4px solid currentColor;opacity:.6} .sfx-draw-bar .sfx-mini.ind{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px; background:var(--g);color:#fff;border-color:transparent;padding:7px 13px} .sfx-draw-bar .sfx-mini.ind:hover{filter:brightness(1.07);color:#fff} .sfx-draw-bar .sfx-mini.ind svg{width:15px;height:15px} .sfx-draw-bar .cnt:not(:empty){background:rgba(255,255,255,.28);border-radius:999px;padding:1px 7px;font-size:10.5px} /* منوی کشویی ابزارها */ .sfx-tmenu{position:fixed;z-index:9997;background:#fff;border:1px solid var(--line);border-radius:14px; box-shadow:var(--sh);padding:6px;display:none;min-width:196px} .sfx-tmenu.on{display:block} .sfx-tmenu button{display:flex;align-items:center;gap:9px;width:100%;border:0;background:0;font-family:inherit; font-size:12.5px;font-weight:700;color:var(--ink);padding:8px 10px;border-radius:10px;cursor:pointer;text-align:right} .sfx-tmenu button:hover{background:var(--soft)} .sfx-tmenu button.on{background:var(--lilac);color:var(--accent-dk)} .sfx-tmenu button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto} /* ردیف منوی ابزار با ستاره‌ی «روی چارت»؛ ستاره فقط روی موبایل */ .sfx-tmenu .tm-row{display:flex;align-items:center;gap:2px} .sfx-tmenu .tm-row [data-t]{flex:1 1 auto;min-width:0} .sfx-tmenu .tm-row .fav{display:none;width:auto;flex:0 0 auto;padding:7px 9px;color:#c9c3de} .sfx-tmenu .tm-row .fav svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round} .sfx-tmenu .tm-row .fav.on{color:#f2a13a;background:0 0} .sfx-tmenu .tm-row .fav.on svg{fill:currentColor} .sfx-mlock .sfx-tmenu .tm-row .fav{display:flex} /* پنل تنظیمات ترسیم */ .sfx-dpanel,.sfx-dpanel *,.sfx-cmenu,.sfx-cmenu *{box-sizing:border-box} .sfx-dpanel{position:fixed;z-index:9996;width:292px;background:#fff;border:1px solid var(--line); border-radius:16px;box-shadow:var(--sh);display:none;overflow:hidden;font-family:IranYekanX,Arial,sans-serif;direction:rtl;color:var(--ink)} .sfx-dpanel.on{display:block} .sfx-dpanel .dp-hd{display:flex;align-items:center;justify-content:space-between;padding:10px 12px; border-bottom:1px solid var(--line);background:var(--soft);font-size:12.5px;color:var(--ink)} .sfx-dpanel .dp-x{border:0;background:0;cursor:pointer;color:var(--ink-3);font-size:13px;line-height:1} .sfx-dpanel .dp-b{padding:10px 12px;max-height:60vh;overflow:auto} .sfx-dpanel .dp-r{display:flex;align-items:center;gap:8px;margin-bottom:9px} .sfx-dpanel .dp-r>span{font-size:11px;font-weight:800;color:var(--ink-3);width:56px;flex:0 0 auto} .sfx-dpanel .dp-r>div{display:flex;gap:4px;flex-wrap:wrap;align-items:center;flex:1} .sfx-dpanel .sw{width:19px;height:19px;border-radius:7px;border:2px solid transparent;cursor:pointer;padding:0} .sfx-dpanel .sw.on{border-color:var(--ink);box-shadow:0 0 0 2px #fff inset} .sfx-dpanel .pill{border:1px solid var(--line);background:#fff;color:var(--ink-2);font-family:inherit;font-size:11px; font-weight:800;border-radius:8px;padding:4px 9px;cursor:pointer} .sfx-dpanel .pill.on{background:var(--g);color:#fff;border-color:transparent} .sfx-dpanel .rg{flex:1;accent-color:var(--accent)} .sfx-dpanel .rv{font-size:11px;font-weight:800;color:var(--ink-2);width:32px} .sfx-dpanel .tin{flex:1;border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-family:inherit;font-size:12px} .sfx-dpanel .dp-lv{border-top:1px solid var(--line);margin:4px -12px 0;padding:8px 12px 0} .sfx-dpanel .dp-lvh{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800; color:var(--ink-3);margin-bottom:6px} .sfx-dpanel .addlv{border:1px dashed var(--lilac-2);background:var(--soft);color:var(--accent-dk);font-family:inherit; font-size:10.5px;font-weight:800;border-radius:8px;padding:3px 8px;cursor:pointer} .sfx-dpanel .lv{display:flex;align-items:center;gap:6px;margin-bottom:5px} .sfx-dpanel .lvv{width:62px;border:1px solid var(--line);border-radius:7px;padding:3px 6px;font-size:11.5px; font-family:inherit;direction:ltr;text-align:center} .sfx-dpanel .lvc{width:26px;height:22px;border:1px solid var(--line);border-radius:6px;padding:0;cursor:pointer;background:0} .sfx-dpanel .lvd{border:0;background:0;color:var(--ink-3);cursor:pointer;font-size:11px;margin-inline-start:auto} .sfx-dpanel .lvd:hover{color:var(--down)} .sfx-dpanel .dp-f{display:flex;gap:6px;border-top:1px solid var(--line);margin:8px -12px -10px;padding:10px 12px} .sfx-dpanel .dp-del{flex:1;border:1px solid #ffdde3;background:#fff5f7;color:var(--down);font-family:inherit; font-size:11.5px;font-weight:800;border-radius:9px;padding:6px;cursor:pointer} /* پنل اندیکاتورها زیر چارت */ .sfx-pane{border-top:1px solid var(--line);background:#fff} .sfx-pane .ph{display:flex;align-items:center;gap:8px;padding:5px 12px;font-size:11px;font-weight:800;color:var(--ink-2)} .sfx-pane .ph .nm{flex:1} .sfx-pane .ph button{border:0;background:0;cursor:pointer;color:var(--ink-3);font-size:12px;padding:2px 5px;border-radius:6px} .sfx-pane .ph button:hover{background:var(--soft);color:var(--accent-dk)} .sfx-pane .pc{width:100%} /* مودال اندیکاتورها */ .sfx-imod{width:min(660px,100%);background:#fff;border-radius:22px;box-shadow:var(--sh);max-height:86vh;display:flex;flex-direction:column;overflow:hidden} .sfx-imod .ih{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--line)} .sfx-imod .ih h4{margin:0;font-size:16px;font-weight:800;flex:1} .sfx-imod .ih .x{border:0;background:0;font-size:15px;color:var(--ink-3);cursor:pointer} .sfx-imod .isearch{padding:10px 18px;border-bottom:1px solid var(--line)} .sfx-imod .isearch input{width:100%;border:1px solid var(--line);border-radius:12px;padding:9px 12px; font-family:inherit;font-size:13px} .sfx-imod .isearch input:focus{outline:0;border-color:var(--accent)} .sfx-imod .ib{overflow:auto;padding:12px 18px 18px} .sfx-imod .act{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:8px;margin-bottom:14px} .sfx-imod .act .t{font-size:11px;font-weight:800;color:var(--ink-3);padding:2px 6px 7px} .sfx-imod .arow{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line); border-radius:11px;padding:7px 10px;margin-bottom:5px} .sfx-imod .arow .nm{flex:1;font-size:12.5px;font-weight:800} .sfx-imod .arow .pr{font-size:11px;color:var(--ink-3);font-weight:700;direction:ltr} .sfx-imod .arow button{border:1px solid var(--line);background:#fff;color:var(--ink-2);border-radius:8px; font-family:inherit;font-size:11px;font-weight:800;padding:4px 9px;cursor:pointer} .sfx-imod .arow button:hover{border-color:var(--accent);color:var(--accent-dk)} .sfx-imod .arow .del:hover{border-color:var(--down);color:var(--down)} .sfx-imod .grp{font-size:11.5px;font-weight:800;color:var(--ink-3);margin:12px 2px 7px} .sfx-imod .list{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:7px} .sfx-imod .icard{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:12px; padding:9px 11px;cursor:pointer;font-family:inherit;text-align:right;transition:.15s} .sfx-imod .icard:hover{border-color:var(--accent);background:var(--soft)} .sfx-imod .icard .nm{flex:1;font-size:12.5px;font-weight:800;color:var(--ink)} .sfx-imod .icard .plus{color:var(--accent);font-weight:800} .sfx-imod .iset{display:grid;gap:9px} .sfx-imod .iset .r{display:flex;align-items:center;gap:10px} .sfx-imod .iset .r>span{font-size:12px;font-weight:800;color:var(--ink-2);width:104px;flex:0 0 auto} .sfx-imod .iset input[type=number],.sfx-imod .iset select{flex:1;border:1px solid var(--line);border-radius:10px; padding:7px 10px;font-family:inherit;font-size:12.5px;direction:ltr} .sfx-imod .iset input[type=color]{width:38px;height:30px;border:1px solid var(--line);border-radius:8px;padding:0;background:0;cursor:pointer} .sfx-draw-layer{position:absolute;top:0;left:0;z-index:3;touch-action:none} .sfx-draw-layer.is-pass{pointer-events:none} @media(max-width:760px),(max-height:540px) and (orientation:landscape){ .sfx-draw-bar .lbl{display:none} .sfx-draw-bar .indwrap{margin:0} .sfx-modesw{width:100%} .sfx-modesw button{flex:1;justify-content:center} } @media(max-width:760px),(max-height:540px) and (orientation:landscape){ .sfx-draw-bar .sfx-mini.ind{margin:0;width:100%;justify-content:center} .sfx-dpanel{width:min(300px,calc(100vw - 20px))} } /* ---------------------------------------------------------------- منوی راست‌کلیک */ .sfx-cmenu{position:fixed;z-index:9998;min-width:216px;background:#fff;border:1px solid var(--line); border-radius:14px;box-shadow:var(--sh);padding:6px;display:none;font-family:IranYekanX,Arial,sans-serif;direction:rtl} .sfx-cmenu.on{display:block} .sfx-cmenu button{display:flex;align-items:center;gap:9px;width:100%;border:0;background:0;font-family:inherit; font-size:12.5px;font-weight:700;color:var(--ink);padding:9px 11px;border-radius:10px;cursor:pointer;text-align:right} .sfx-cmenu button:hover{background:var(--soft);color:var(--accent-dk)} .sfx-cmenu button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;flex:0 0 auto} .sfx-cmenu hr{border:0;border-top:1px solid var(--line);margin:5px 2px} .sfx-cmenu .dang{color:var(--down)} .sfx-cmenu .dang:hover{background:#fff5f7;color:var(--down)} /* ---------------------------------------------------------------- شیت اشتراک و تنظیمات */ .sfx-sheet,.sfx-sheet *{box-sizing:border-box} .sfx-sheet{position:fixed;inset:0;z-index:9999;background:rgba(30,22,70,.5);display:none;place-items:center; padding:18px;backdrop-filter:blur(3px);font-family:IranYekanX,Arial,sans-serif;direction:rtl} .sfx-sheet.on{display:grid} .sfx-sheet .bx{background:#fff;border-radius:22px;box-shadow:var(--sh);width:min(560px,100%);max-height:88vh; overflow:auto;padding:20px;color:var(--ink)} .sfx-sheet h4{margin:0 0 4px;font-size:16.5px;font-weight:800} .sfx-sheet .sub{margin:0 0 14px;font-size:12.5px;color:var(--ink-2);font-weight:600;line-height:1.9} .sfx-sheet .shot{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--soft);margin-bottom:14px} .sfx-sheet .shot img{display:block;width:100%} .sfx-sheet .shot .load{padding:34px;text-align:center;font-size:12.5px;font-weight:700;color:var(--ink-2)} .sfx-share-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px} .sfx-share-grid button{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid var(--line); background:#fff;border-radius:14px;padding:12px 8px;cursor:pointer;font-family:inherit;font-size:11.5px; font-weight:800;color:var(--ink);transition:.15s} .sfx-share-grid button:hover{border-color:var(--accent);background:var(--soft);transform:translateY(-1px)} .sfx-share-grid button i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff} .sfx-share-grid button svg{width:19px;height:19px;fill:currentColor} .sfx-share-grid .wa i{background:#25D366} .sfx-share-grid .tg i{background:#229ED9} .sfx-share-grid .bl i{background:#1BA5A0;font-weight:800;font-size:13px;font-family:inherit} .sfx-share-grid .dl i{background:var(--g)} .sfx-share-grid .lk i{background:#6f6a86} .sfx-share-grid .sys i{background:#2a2350} .sfx-sheet .lnk{display:flex;gap:6px;margin-top:12px} .sfx-sheet .lnk input{flex:1;border:1px solid var(--line);border-radius:11px;padding:9px 11px;font-family:inherit; font-size:12px;direction:ltr;background:var(--soft)} .sfx-sheet .cset{display:grid;gap:11px} .sfx-sheet .cset .r{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .sfx-sheet .cset .r>span{font-size:12.5px;font-weight:800;color:var(--ink-2);width:110px;flex:0 0 auto} .sfx-sheet .cset .seg{display:flex;gap:3px;background:var(--soft);border:1px solid var(--line);border-radius:11px;padding:3px;flex-wrap:wrap} .sfx-sheet .cset .seg button{border:0;background:0;font-family:inherit;font-size:11.5px;font-weight:800; color:var(--ink-2);padding:6px 11px;border-radius:8px;cursor:pointer} .sfx-sheet .cset .seg button.on{background:var(--g);color:#fff} .sfx-sheet .cset input[type=color]{width:40px;height:30px;border:1px solid var(--line);border-radius:8px;padding:0;background:0;cursor:pointer} .sfx-sheet .foot{display:flex;gap:8px;margin-top:18px} .sfx-sheet .foot button{flex:1;border:0;border-radius:13px;font-family:inherit;font-size:13.5px;font-weight:800;padding:12px;cursor:pointer} .sfx-sheet .foot .ok{background:var(--g);color:#fff} .sfx-sheet .foot .no{background:var(--soft);color:var(--ink-2);border:1px solid var(--line)} .sfx-sheet .foot .rst{background:#fff5f7;color:var(--down);border:1px solid #ffdde3;flex:0 0 auto;padding:12px 16px} /* ---------------------------------------------------------------- تم تیره */ .sfx-sim-pane.is-dark{--card:#161327;--line:#2b2547;--soft:#1c1833;--ink:#f0edff;--ink-2:#a9a2cd;--ink-3:#7d76a8; --lilac:#2a2350;--lilac-2:#3a3268;--body:#d8d3f0} .sfx-sim-pane.is-dark .sfx-panel, .sfx-sim-pane.is-dark .sfx-acct-bar, .sfx-sim-pane.is-dark .sfx-prop-strip, .sfx-sim-pane.is-dark .sfx-pane{background:#161327;border-color:#2b2547;box-shadow:0 18px 44px -30px rgba(0,0,0,.8)} .sfx-sim-pane.is-dark .sfx-tool, .sfx-sim-pane.is-dark .sfx-draw-bar, .sfx-sim-pane.is-dark .sfx-subtabs, .sfx-sim-pane.is-dark .sfx-panel-hd{background:#1c1833;border-color:#2b2547} .sfx-sim-pane.is-dark .sfx-chart-wrap{background:#161327} .sfx-sim-pane.is-dark .sfx-chart-empty{background:rgba(22,19,39,.94);color:#a9a2cd} .sfx-sim-pane.is-dark .sfx-chart-legend{background:rgba(22,19,39,.9);border-color:#2b2547;color:#a9a2cd} .sfx-sim-pane.is-dark .sfx-chart-legend b{color:#fff} .sfx-sim-pane.is-dark .sfx-sel{background-color:#221d3d;color:#f0edff;border-color:#332c57} .sfx-sim-pane.is-dark .sfx-tfs, .sfx-sim-pane.is-dark .sfx-play, .sfx-sim-pane.is-dark .sfx-seg, .sfx-sim-pane.is-dark .sfx-modesw, .sfx-sim-pane.is-dark .sfx-stepper, .sfx-sim-pane.is-dark .sfx-draw-bar .tools{background:#221d3d;border-color:#332c57} .sfx-sim-pane.is-dark .sfx-tfs button, .sfx-sim-pane.is-dark .sfx-play button, .sfx-sim-pane.is-dark .sfx-seg button, .sfx-sim-pane.is-dark .sfx-modesw button, .sfx-sim-pane.is-dark .sfx-subtabs button, .sfx-sim-pane.is-dark .sfx-draw-bar .tools button{color:#a9a2cd} .sfx-sim-pane.is-dark .sfx-tfs button.on, .sfx-sim-pane.is-dark .sfx-seg button.on{background:#3a3268;color:#fff;box-shadow:none} .sfx-sim-pane.is-dark .sfx-subtabs button.on{background:#221d3d;color:#cbb9ff} .sfx-sim-pane.is-dark .sfx-stepper button{background:#2a2350;color:#cbb9ff} .sfx-sim-pane.is-dark .sfx-mini{background:#221d3d;color:#a9a2cd;border-color:#332c57} .sfx-sim-pane.is-dark .sfx-mini:hover{background:#2a2350;color:#cbb9ff;border-color:#5a4bd6} .sfx-sim-pane.is-dark .sfx-in{background:#221d3d;color:#f0edff;border-color:#332c57} .sfx-sim-pane.is-dark .sfx-in::placeholder{color:#6d669a} .sfx-sim-pane.is-dark .sfx-ticket label, .sfx-sim-pane.is-dark .sfx-hint, .sfx-sim-pane.is-dark .sfx-clock, .sfx-sim-pane.is-dark .sfx-empty, .sfx-sim-pane.is-dark .sfx-pane .ph{color:#8d86ba} .sfx-sim-pane.is-dark .sfx-panel-hd h3, .sfx-sim-pane.is-dark .sfx-acct-meta .l2{color:#f0edff} .sfx-sim-pane.is-dark .sfx-ticket-info, .sfx-sim-pane.is-dark .sfx-acct-stats .st, .sfx-sim-pane.is-dark .sfx-rep .c{background:#1c1833;border-color:#2b2547} .sfx-sim-pane.is-dark .sfx-ticket-info b, .sfx-sim-pane.is-dark .sfx-acct-stats .st .v, .sfx-sim-pane.is-dark .sfx-rep .c .v{color:#f0edff} .sfx-sim-pane.is-dark .sfx-ticket-info div, .sfx-sim-pane.is-dark .sfx-acct-stats .st .k, .sfx-sim-pane.is-dark .sfx-rep .c .k{color:#8d86ba} .sfx-sim-pane.is-dark .sfx-acct-ico{background:#2a2350;color:#cbb9ff} .sfx-sim-pane.is-dark .sfx-acct-cur:hover{background:#221d3d} .sfx-sim-pane.is-dark .sfx-badge.demo{background:#2a2350;color:#a9a2cd} .sfx-sim-pane.is-dark .sfx-tool-acct{background:#221d3d;border-color:#332c57;color:#a9a2cd} .sfx-sim-pane.is-dark .sfx-meter .bar{background:#2a2350} .sfx-sim-pane.is-dark .sfx-note{background:#1c1833;border-color:#2b2547;color:#a9a2cd} .sfx-sim-pane.is-dark table.sfx-tbl th{background:#1c1833!important;color:#8d86ba!important;border-bottom-color:#2b2547!important} .sfx-sim-pane.is-dark table.sfx-tbl td{background:#161327!important;color:#e6e2ff!important;border-bottom-color:#221d3d!important} .sfx-sim-pane.is-dark table.sfx-tbl tr:hover td{background:#1c1833!important} .sfx-sim-pane.is-dark .sfx-acct-menu{background:#1c1833;border-color:#2b2547} .sfx-sim-pane.is-dark .sfx-acct-item:hover{background:#221d3d;border-color:#332c57} .sfx-sim-pane.is-dark .sfx-acct-item.on{background:#2a2350;border-color:#3a3268} .sfx-sim-pane.is-dark .sfx-acct-menu .newbtn{background:#221d3d;border-color:#3a3268;color:#cbb9ff} @media(max-width:760px),(max-height:540px) and (orientation:landscape){ .sfx-draw-bar .sfx-mini.ind{margin:0;width:100%;justify-content:center} .sfx-dpanel{width:min(300px,calc(100vw - 20px))} } /* ---------------------------------------------------------------- منوی راست‌کلیک */ .sfx-cmenu{position:fixed;z-index:9998;min-width:216px;background:#fff;border:1px solid var(--line); border-radius:14px;box-shadow:var(--sh);padding:6px;display:none;font-family:IranYekanX,Arial,sans-serif;direction:rtl} .sfx-cmenu.on{display:block} .sfx-cmenu button{display:flex;align-items:center;gap:9px;width:100%;border:0;background:0;font-family:inherit; font-size:12.5px;font-weight:700;color:var(--ink);padding:9px 11px;border-radius:10px;cursor:pointer;text-align:right} .sfx-cmenu button:hover{background:var(--soft);color:var(--accent-dk)} .sfx-cmenu button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;flex:0 0 auto} .sfx-cmenu hr{border:0;border-top:1px solid var(--line);margin:5px 2px} .sfx-cmenu .dang{color:var(--down)} .sfx-cmenu .dang:hover{background:#fff5f7;color:var(--down)} /* ---------------------------------------------------------------- شیت اشتراک و تنظیمات */ .sfx-sheet,.sfx-sheet *{box-sizing:border-box} .sfx-sheet{position:fixed;inset:0;z-index:9999;background:rgba(30,22,70,.5);display:none;place-items:center; padding:18px;backdrop-filter:blur(3px);font-family:IranYekanX,Arial,sans-serif;direction:rtl} .sfx-sheet.on{display:grid} .sfx-sheet .bx{background:#fff;border-radius:22px;box-shadow:var(--sh);width:min(560px,100%);max-height:88vh; overflow:auto;padding:20px;color:var(--ink)} .sfx-sheet h4{margin:0 0 4px;font-size:16.5px;font-weight:800} .sfx-sheet .sub{margin:0 0 14px;font-size:12.5px;color:var(--ink-2);font-weight:600;line-height:1.9} .sfx-sheet .shot{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--soft);margin-bottom:14px} .sfx-sheet .shot img{display:block;width:100%} .sfx-sheet .shot .load{padding:34px;text-align:center;font-size:12.5px;font-weight:700;color:var(--ink-2)} .sfx-share-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px} .sfx-share-grid button{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid var(--line); background:#fff;border-radius:14px;padding:12px 8px;cursor:pointer;font-family:inherit;font-size:11.5px; font-weight:800;color:var(--ink);transition:.15s} .sfx-share-grid button:hover{border-color:var(--accent);background:var(--soft);transform:translateY(-1px)} .sfx-share-grid button i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff} .sfx-share-grid button svg{width:19px;height:19px;fill:currentColor} .sfx-share-grid .wa i{background:#25D366} .sfx-share-grid .tg i{background:#229ED9} .sfx-share-grid .bl i{background:#1BA5A0;font-weight:800;font-size:13px;font-family:inherit} .sfx-share-grid .dl i{background:var(--g)} .sfx-share-grid .lk i{background:#6f6a86} .sfx-share-grid .sys i{background:#2a2350} .sfx-sheet .lnk{display:flex;gap:6px;margin-top:12px} .sfx-sheet .lnk input{flex:1;border:1px solid var(--line);border-radius:11px;padding:9px 11px;font-family:inherit; font-size:12px;direction:ltr;background:var(--soft)} .sfx-sheet .cset{display:grid;gap:11px} .sfx-sheet .cset .r{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .sfx-sheet .cset .r>span{font-size:12.5px;font-weight:800;color:var(--ink-2);width:110px;flex:0 0 auto} .sfx-sheet .cset .seg{display:flex;gap:3px;background:var(--soft);border:1px solid var(--line);border-radius:11px;padding:3px;flex-wrap:wrap} .sfx-sheet .cset .seg button{border:0;background:0;font-family:inherit;font-size:11.5px;font-weight:800; color:var(--ink-2);padding:6px 11px;border-radius:8px;cursor:pointer} .sfx-sheet .cset .seg button.on{background:var(--g);color:#fff} .sfx-sheet .cset input[type=color]{width:40px;height:30px;border:1px solid var(--line);border-radius:8px;padding:0;background:0;cursor:pointer} .sfx-sheet .foot{display:flex;gap:8px;margin-top:18px} .sfx-sheet .foot button{flex:1;border:0;border-radius:13px;font-family:inherit;font-size:13.5px;font-weight:800;padding:12px;cursor:pointer} .sfx-sheet .foot .ok{background:var(--g);color:#fff} .sfx-sheet .foot .no{background:var(--soft);color:var(--ink-2);border:1px solid var(--line)} .sfx-sheet .foot .rst{background:#fff5f7;color:var(--down);border:1px solid #ffdde3;flex:0 0 auto;padding:12px 16px} /* تم تیره‌ی چارت */ .sfx-term.is-dark .sfx-panel{background:#161327;border-color:#2b2547} .sfx-term.is-dark .sfx-tool,.sfx-term.is-dark .sfx-draw-bar,.sfx-term.is-dark .sfx-subtabs{background:#1c1833;border-color:#2b2547} .sfx-term.is-dark .sfx-chart-wrap,.sfx-term.is-dark .sfx-pane{background:#161327;border-color:#2b2547} .sfx-term.is-dark .sfx-chart-legend{background:rgba(22,19,39,.9);border-color:#2b2547;color:#b9b3d6} .sfx-term.is-dark .sfx-chart-legend b{color:#fff} .sfx-term.is-dark .sfx-pane .ph{color:#b9b3d6} .sfx-mini.card{border-color:#cdb9ff;color:var(--accent-dk);background:var(--lilac)} .sfx-mini.card:hover{background:var(--g);color:#fff;border-color:transparent} .sfx-sim-pane.is-dark .sfx-mini.card{background:#2a2350;border-color:#3a3268;color:#cbb9ff} .sfx-share-grid .cd i{background:var(--g)} /* ---------------------------------------------------------------- شیت کارت معامله */ /* تک‌ستونی در همه‌ی اندازه‌ها: تصویر بالا، دکمه‌ها زیرش، بدون اسکرول */ .sfx-sheet .bx.cardbx{width:min(560px,100%);max-height:96vh;overflow:hidden;padding:14px; display:flex;flex-direction:column;gap:10px} .sfx-sheet .cardbx .cimg{background:var(--soft);border:1px solid var(--line);border-radius:18px; display:grid;place-items:center;overflow:hidden;min-height:0} .sfx-sheet .cardbx .cimg img{display:block;max-width:100%;max-height:calc(96vh - 206px);object-fit:contain} .sfx-sheet .cardbx .cimg .load{padding:60px 30px;text-align:center;font-size:12.5px;font-weight:700;color:var(--ink-2)} .sfx-sheet .cardbx .cside{display:flex;flex-direction:column;gap:10px} .sfx-sheet .cardbx .cside h4,.sfx-sheet .cardbx .cside .sub{display:none} .sfx-sheet .cardbx .sfx-share-grid{display:flex;flex-wrap:wrap;gap:8px} .sfx-sheet .cardbx .sfx-share-grid button{flex:1 1 0;min-width:82px} .sfx-sheet .cardbx .sfx-share-grid button{flex-direction:column;justify-content:center;gap:6px; padding:11px 5px;font-size:11.5px} .sfx-sheet .cardbx .sfx-share-grid button i{width:32px;height:32px;border-radius:10px} .sfx-sheet .cardbx .sfx-share-grid button svg{width:17px;height:17px} .sfx-sheet .cardbx .cside .no{border:1px solid var(--line);background:var(--soft);color:var(--ink-2); font-family:inherit;font-size:13px;font-weight:800;padding:11px;border-radius:12px;cursor:pointer} .sfx-sheet .cardbx .cside .no:hover{background:var(--lilac);color:var(--accent-dk)} @media(max-width:560px){ .sfx-sheet .bx.cardbx{padding:11px;gap:8px;max-height:97vh} .sfx-sheet .cardbx .cimg img{max-height:calc(97vh - 190px)} .sfx-sheet .cardbx .sfx-share-grid{gap:6px} .sfx-sheet .cardbx .sfx-share-grid button{min-width:74px} .sfx-sheet .cardbx .sfx-share-grid button{padding:9px 4px;font-size:10.5px} } /* ---------------------------------------------------------------- ربات‌ساز */ .sfx-bot-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--line); border-radius:18px;box-shadow:var(--sh-sm);padding:12px 16px;margin-bottom:16px} .sfx-bot-bar .q{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1} .sfx-bot-bar .bchip{background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:6px 13px; font-size:11.5px;font-weight:700;color:var(--ink-2)} .sfx-bot-bar .bchip b{color:var(--ink);font-weight:800} .sfx-bot-bar .bchip.out{background:#fff5f7;border-color:#ffdde3;color:var(--down)} .sfx-bot-bar .who{font-size:11.5px;font-weight:700;color:var(--ink-3);margin-inline-start:6px} .sfx-sheet .bx.botbx{width:min(620px,100%);max-height:92vh;padding:0;display:flex;flex-direction:column;overflow:hidden} .botbx .bh{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--soft)} .botbx .bh h4{margin:0;flex:1;font-size:16px} .botbx .bh .bq{font-size:11px;font-weight:800;color:var(--accent-dk);background:var(--lilac);border-radius:999px;padding:4px 11px} .botbx .bh .bx-x{border:0;background:0;font-size:14px;color:var(--ink-3);cursor:pointer} .botbx .blog{flex:1;min-height:190px;max-height:46vh;overflow:auto;padding:14px 18px;display:flex;flex-direction:column;gap:9px} .botbx .blog .empty{margin:auto;text-align:center;font-size:12.5px;font-weight:600;color:var(--ink-3);line-height:2;max-width:340px} .botbx .lg{display:flex} .botbx .lg span{display:inline-block;max-width:86%;font-size:12.5px;font-weight:600;line-height:2;padding:10px 13px;border-radius:15px} .botbx .lg.u{justify-content:flex-start} .botbx .lg.u span{background:var(--g);color:#fff;border-bottom-right-radius:6px} .botbx .lg.b{justify-content:flex-end} .botbx .lg.b span{background:var(--soft);border:1px solid var(--line);color:var(--ink);border-bottom-left-radius:6px} .botbx .lg .mini{border:1px solid var(--accent);background:#fff;color:var(--accent-dk);font-family:inherit; font-size:11.5px;font-weight:800;border-radius:9px;padding:4px 11px;cursor:pointer;margin-inline-start:6px} .botbx .bprog{display:none;align-items:center;gap:10px;padding:0 18px 12px} .botbx .bprog.on{display:flex} .botbx .bprog .pb{flex:1;height:8px;border-radius:99px;background:var(--lilac);overflow:hidden} .botbx .bprog .pb i{display:block;height:100%;width:0;border-radius:99px;background:var(--g);transition:width .4s} .botbx .bprog .pt{font-size:11.5px;font-weight:800;color:var(--accent-dk);white-space:nowrap} .botbx .bin{display:flex;gap:9px;align-items:flex-end;padding:12px 18px 16px;border-top:1px solid var(--line);background:var(--soft)} .botbx .bin textarea{flex:1;border:1px solid var(--line);border-radius:14px;padding:11px 13px;font-family:inherit; font-size:13px;line-height:1.9;resize:vertical;min-height:64px;background:#fff;color:var(--ink)} .botbx .bin textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(90,75,214,.12)} .botbx .bin .sfx-cta{width:auto;flex:0 0 auto;padding:13px 22px;font-size:13.5px} .botbx .bin .sfx-cta:disabled{opacity:.55} @media(max-width:560px){ .sfx-sheet .bx.botbx{max-height:96vh} .botbx .blog{max-height:38vh} .botbx .bin{flex-direction:column;align-items:stretch} .botbx .bin .sfx-cta{width:100%} } /* ---------------------------------------------------------------- ساخت حساب و ثبت‌نام */ .sfx-sheet.lock{background:rgba(22,17,52,.72)} .sfx-sim-pane.is-blur{filter:blur(7px);pointer-events:none;user-select:none;transition:filter .35s} .sfx-sheet .bx.obbx{width:min(720px,100%);max-height:94vh;padding:0;display:flex;flex-direction:column;overflow:hidden} .obbx .oh{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line);background:#fff} .obbx .ot{flex:1;min-width:0} .obbx .ot h4{margin:0 0 3px;font-size:15.5px} .obbx .ot p{margin:0;font-size:11.5px;line-height:1.8;color:var(--ink-3);font-weight:700} .obbx .oclose{flex:0 0 auto;width:32px;height:32px;border-radius:11px;border:1px solid var(--line); background:var(--soft);color:var(--ink-3);cursor:pointer;display:grid;place-items:center;transition:.15s} .obbx .oclose svg{width:16px;height:16px} .obbx .oclose:hover{background:#ffe9ed;color:var(--down);border-color:#ffd6de} .obbx .ost{display:flex;gap:5px;flex:0 0 auto;align-items:center} .obbx .ost span{width:20px;height:5px;border-radius:99px;display:block;background:var(--lilac-2);transition:.2s} .obbx .ost span.now{background:var(--accent);width:30px} .obbx .ost span.done{background:#28c48d} .obbx .ob{padding:18px 20px;overflow:auto;flex:1;min-height:0} .obbx .of{padding:12px 18px;border-top:1px solid var(--line);background:var(--soft);display:flex;gap:8px} .obbx .of .sfx-cta{width:auto;flex:1;font-size:13px;padding:11px 14px;border-radius:13px} .obbx .of .sfx-cta.ghost{flex:0 0 auto;min-width:110px} .obbx .ogrp{margin-bottom:18px} .obbx label{display:block;font-size:12px;font-weight:800;color:var(--ink-3);margin-bottom:8px} .obbx .ohint{margin:8px 0 0;font-size:11.5px;line-height:1.9;color:var(--ink-3);font-weight:600} .obbx .opills{display:flex;gap:7px;flex-wrap:wrap} .obbx .opills button{border:1.5px solid var(--line);background:#fff;color:var(--ink);font-family:inherit; font-size:13px;font-weight:800;border-radius:12px;padding:10px 16px;cursor:pointer;direction:ltr} .obbx .opills button:hover{border-color:#c7b6ff} .obbx .opills button.on{background:var(--g);color:#fff;border-color:transparent} .obbx .obrokers{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:9px;max-height:44vh;overflow:auto;padding:2px} .obbx .oload{grid-column:1/-1;padding:30px;text-align:center;font-size:12.5px;font-weight:700;color:var(--ink-2)} .obbx .of .sfx-cta.sm{flex:0 0 auto;width:auto;min-width:96px} .obbx .osearch{position:relative;margin-bottom:9px} .obbx .osearch svg{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%); width:16px;height:16px;color:var(--ink-3);pointer-events:none} .obbx .osearch input{width:100%;border:1px solid var(--line);background:var(--soft);border-radius:13px; padding:11px 38px 11px 14px;font-family:inherit;font-size:13px;font-weight:700;color:var(--ink);outline:0} .obbx .osearch input:focus{border-color:var(--accent);background:#fff} .obbx .obk{position:relative} .obbx .obk .infob{position:absolute;bottom:7px;inset-inline-end:7px;width:26px;height:26px;border-radius:9px; border:1px solid var(--lilac-2);background:var(--lilac);color:var(--accent-dk);cursor:pointer; display:grid;place-items:center;z-index:2;transition:.15s} .obbx .obk .infob svg{width:15px;height:15px} .obbx .obk .infob:hover{background:var(--accent);color:#fff;border-color:transparent} .obbx .obk .pickb .ac{padding-inline-end:34px} .obbx .obk .pickb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border:1.5px solid var(--line);background:#fff; border-radius:14px;padding:11px 12px;cursor:pointer;font-family:inherit;text-align:right;transition:.15s} .obbx .obk .pickb:hover{border-color:var(--accent);background:var(--soft);transform:translateY(-1px)} .obbx .obk .pickb img{width:30px;height:30px;border-radius:9px;object-fit:contain;background:#fff;flex:0 0 auto} .obbx .obk .pickb .ph{width:30px;height:30px;border-radius:9px;background:var(--lilac);flex:0 0 auto} .obbx .obk .pickb .nm{flex:1;font-size:12.5px;font-weight:800;color:var(--ink);min-width:0} .obbx .obk .pickb .sc{background:var(--accent);color:#fff;border-radius:99px;font-size:10.5px; font-weight:800;padding:3px 9px;box-shadow:0 6px 14px -8px rgba(69,53,173,.9)} .obbx .obk .pickb .ac{width:100%;font-size:10.5px;font-weight:700;color:var(--ink-3)} .obbx .oaccs{display:grid;grid-template-columns:repeat(auto-fit,minmax(212px,1fr));gap:10px} .obbx .oac{border:1.5px solid var(--line);background:#fff;border-radius:16px;padding:14px;cursor:pointer; font-family:inherit;text-align:right;transition:.15s;display:grid;gap:5px} .obbx .oac:hover{border-color:var(--accent);background:var(--soft);transform:translateY(-2px)} .obbx .oac b{font-size:14.5px;font-weight:800;color:var(--ink);margin-bottom:3px} .obbx .oac span{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;font-weight:700;color:var(--ink-3)} .obbx .oac i{font-style:normal;font-weight:800;color:var(--ink);text-align:left} .obbx.signup .ob{padding:22px 24px 26px} .obbx .sigwrap{display:grid;gap:9px;max-width:380px;margin:0 auto} .obbx .sigwrap .sfx-in{text-align:center;direction:ltr;font-size:15px;padding:12px} .obbx .sigwrap .sfx-in.code{letter-spacing:9px;font-size:22px;font-weight:800} .obbx .sigwrap .sfx-cta{width:100%} .obbx .sigerr{max-width:380px;margin:12px auto 0;background:#fff5f7;border:1px solid #ffdde3;color:var(--down); border-radius:12px;padding:10px 13px;font-size:12px;font-weight:700;text-align:center} .obbx .sigok{text-align:center;padding:26px 10px} .obbx .sigok b{display:block;font-size:17px;font-weight:800;color:var(--up);margin-bottom:6px} .obbx .sigok span{font-size:12.5px;color:var(--ink-2);font-weight:600} /* نوار شمارش ۱۵ ثانیه */ .sfx-grace{position:relative;overflow:hidden;background:linear-gradient(90deg,#fff6e6,#fffdf7); border:1px solid #ffe0a8;border-radius:16px;padding:11px 15px;margin-bottom:14px;font-size:12.5px; font-weight:700;color:#8a5a00;line-height:1.9} .sfx-grace b{color:#6b4400;font-weight:800} .sfx-grace i{position:absolute;bottom:0;inset-inline-start:0;height:3px;width:0;background:#f5b301;transition:width 1s linear} .sfx-sim-pane.is-dark .sfx-grace{background:#2a2008;border-color:#5a4410;color:#f2c96a} .sfx-sim-pane.is-dark .sfx-grace b{color:#ffd98a} @media(max-width:640px){ .obbx .obrokers{grid-template-columns:1fr 1fr;max-height:40vh} .obbx .oaccs{grid-template-columns:1fr} .obbx .oh{flex-direction:column;gap:10px} } /* کارت ثبت‌نام مینیمال */ .sfx-sheet .bx.signbx{width:min(420px,100%);padding:26px 24px 22px;display:grid;gap:14px;justify-items:center;text-align:center} .signbx .slogo{width:150px;height:auto;display:block} .signbx .sline{margin:0;font-size:13px;font-weight:700;line-height:2;color:var(--ink)} .signbx .ssub{margin:0;font-size:12px;font-weight:600;color:var(--ink-2)} .signbx .sigwrap{display:grid;gap:9px;width:100%} .signbx .sfx-in{text-align:center;direction:ltr;font-size:14.5px;padding:12px} .signbx .sfx-in.code{letter-spacing:10px;font-size:22px;font-weight:800} .signbx .sfx-cta{width:100%} .signbx .sclose{border:0;background:0;color:var(--ink-3);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer} .signbx .sclose:hover{color:var(--accent-dk)} .signbx .sigerr{width:100%;background:#fff5f7;border:1px solid #ffdde3;color:var(--down);border-radius:12px; padding:9px 12px;font-size:12px;font-weight:700} .signbx .sigok{padding:8px 0} .signbx .sigok b{display:block;font-size:17px;font-weight:800;color:var(--up);margin-bottom:4px} .signbx .sigok span{font-size:12.5px;color:var(--ink-2);font-weight:600} .sfx-grace{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .sfx-grace .t{flex:1} .sfx-grace .gbtn{border:1px solid #f2d580;background:#fff;color:#8a5a00;font-family:inherit;font-size:11.5px; font-weight:800;border-radius:10px;padding:7px 13px;cursor:pointer;white-space:nowrap;border-color:#f2d580} .sfx-grace .gbtn:hover{background:var(--g);color:#fff;border-color:transparent} .sfx-sim-pane.is-dark .sfx-grace .gbtn{background:#3a2c08;border-color:#5a4410;color:#ffd98a} /* ================================================================ نسخه‌ی موبایل — چیدمان متاتریدری */ .sfx-mscreen{display:none} .sfx-quick{display:none} .sfx-mbar{display:none} /* این برگه یک اپ است، نه یک مقاله: روی موبایل فوتر و دکمه‌ی بالا رفتن و بنر شناور قالب لازم نیستند و فقط زیر اپ می‌نشینند. سئوی این ابزار روی یک برگه‌ی معرفیِ جدا انجام می‌شود. */ @media(max-width:760px),(max-height:540px) and (orientation:landscape){ #sfx-plus-banner{display:none!important} footer.sfx-ft, #site-footer, #scrollTopBtn{display:none!important} } @media(max-width:760px),(max-height:540px) and (orientation:landscape){ /* هدر توضیحی روی موبایل حذف است؛ فضای صفحه مال خود ابزار باشد. */ .sfx-sim.is-m .sfx-sim-hero{display:none} .sfx-sim.is-m .sfx-sim-tabs{display:none} /* --- پوسته‌ی اپ: یک قاب ثابت به اندازه‌ی صفحه. خودِ برگه هیچ اسکرولی ندارد؛ فقط فهرست‌های داخلی و خود چارت حرکت می‌کنند (مثل متاتریدر). --- */ html.sfx-mlock, html.sfx-mlock body{overflow:hidden!important;height:100%;overscroll-behavior:none} .sfx-sim.is-m{position:fixed;inset-inline:0;top:var(--mtop,64px);bottom:0; display:flex;flex-direction:column;overflow:hidden;background:#f6f4fd} .sfx-sim.is-m .sfx-sim-body{background:#f6f4fd;padding:0;flex:1;min-height:0;display:flex;flex-direction:column} .sfx-sim.is-m .sfx-sim-body > .wrap{flex:1;min-height:0;display:flex;flex-direction:column; padding:0;margin:0;width:100%;max-width:none} .sfx-sim.is-m .sfx-sim-pane{padding-top:0} .sfx-sim.is-m .sfx-sim-pane.on{flex:1;min-height:0;display:flex;flex-direction:column} .sfx-sim.is-m #paneProp.on, .sfx-sim.is-m #paneBot.on{display:block;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 12px 16px} .sfx-sim.is-m .sfx-grace{flex:0 0 auto;margin:0;border-radius:0;border-inline:0} .sfx-sim.is-m .sfx-acct-bar{flex:0 0 auto;margin:10px 10px 0} .sfx-sim.is-m .sfx-prop-strip.on{flex:0 0 auto;margin:10px 10px 0} /* --- نوار پایین --- */ .sfx-sim.is-m .sfx-mbar{display:flex;flex:0 0 auto; background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 26px -18px rgba(69,53,173,.5); padding:6px 4px calc(6px + env(safe-area-inset-bottom))} .sfx-sim.is-m .sfx-mbar button{flex:1;border:0;background:0;font-family:inherit;display:flex; flex-direction:column;align-items:center;gap:3px;padding:7px 2px;border-radius:12px; color:var(--ink-3);font-size:10.5px;font-weight:800;cursor:pointer;min-width:0} .sfx-sim.is-m .sfx-mbar svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9; stroke-linecap:round;stroke-linejoin:round} .sfx-sim.is-m .sfx-mbar button.on{color:var(--accent-dk)} .sfx-sim.is-m .sfx-mbar button.on svg{stroke-width:2.3} .sfx-sim.is-m .sfx-mbar button.on span{color:var(--accent-dk)} /* --- کدام بخش در کدام صفحه --- */ .sfx-sim.is-m .sfx-term{display:block} .sfx-sim.is-m #chartPanel, .sfx-sim.is-m #tablesPanel, .sfx-sim.is-m #ticketPanel, .sfx-sim.is-m .sfx-acct-bar, .sfx-sim.is-m .sfx-prop-strip.on{display:none} .sfx-sim.is-m[data-scr="quotes"] #mQuotes, .sfx-sim.is-m[data-scr="more"] #mMore{display:block;flex:1;min-height:0; overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 12px 14px} /* --- صفحه‌ی چارت: تمام‌صفحه، دکمه‌ها شناور روی خودِ چارت --- */ .sfx-sim.is-m[data-scr="chart"] #chartPanel{display:flex;flex-direction:column;flex:1;min-height:0; position:relative;border:0;border-radius:0;box-shadow:none} .sfx-sim.is-m[data-scr="chart"] .sfx-term{display:flex;flex-direction:column;flex:1;min-height:0; align-items:stretch;overflow:hidden;padding:0;gap:0} .sfx-sim.is-m[data-scr="chart"] .sfx-term > div:first-child{display:flex;flex-direction:column;flex:1;min-height:0} .sfx-sim.is-m[data-scr="chart"] .sfx-chart-wrap{flex:1;min-height:0} .sfx-sim.is-m[data-scr="chart"] #sfxChart{height:100%;min-height:0} .sfx-sim.is-m[data-scr="chart"] #indPanes{flex:0 0 auto;max-height:42%;overflow:hidden} .sfx-sim.is-m[data-scr="chart"] .sfx-prop-strip.on{display:flex;margin:8px 10px 0} .sfx-sim.is-m.q-on[data-scr="chart"] .sfx-quick{display:flex} .sfx-sim.is-m.dock-on .sfx-quick{display:none!important} /* نوارهای بلندِ دسکتاپ روی موبایل داخل کشو می‌روند؛ روی چارت فقط چهار دکمه می‌ماند */ .sfx-sim.is-m .m-hold{display:none} .sfx-sim.is-m .sfx-chart-legend{top:auto;bottom:80px;left:8px;z-index:6} .sfx-sim.is-m[data-scr="chart"] .sfx-chart-wrap{border-radius:0} .sfx-sim.is-m .sfx-chart-wrap{overflow:hidden} /* بوم چارت هیچ‌وقت از قاب بیرون نزند */ .mc-bar{position:absolute;inset-inline:0;top:0;z-index:7;display:flex;gap:6px;padding:8px;pointer-events:none} .mc-rep{position:absolute;inset-inline:0;top:50px;z-index:7;display:none;gap:6px;padding:0 8px;pointer-events:none} .mc-rep.on{display:flex} /* سود و زیان معامله‌های باز، شفاف روی چارت */ .mc-pl{position:absolute;top:52px;inset-inline-end:8px;z-index:7;display:none;align-items:center;gap:7px; border:1px solid rgba(214,205,246,.8);border-radius:12px;padding:5px 9px 5px 7px;cursor:pointer; background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); box-shadow:0 8px 20px -16px rgba(69,53,173,.8);font-family:inherit;color:var(--ink)} .mc-pl.on{display:flex} /* نوار عمودی ابزارهای مورد علاقه، شفاف، سمت چپ چارت زیر کارت سود و زیان */ .mc-fav{position:absolute;top:156px;inset-inline-end:8px;z-index:7;display:none;flex-direction:column;gap:4px;padding:4px; border:1px solid rgba(214,205,246,.75);border-radius:14px;background:rgba(255,255,255,.62); -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 20px -16px rgba(69,53,173,.8)} .sfx-sim.is-m[data-scr="chart"] .mc-fav.on{display:flex} .mc-fav.low{top:198px} .mc-fav button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:10px;background:0 0; color:var(--ink-2);cursor:pointer;padding:0} .mc-fav button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .mc-fav button.on{background:var(--g);color:#fff} .sfx-sim-pane.is-dark .mc-fav{background:rgba(22,19,39,.62);border-color:#332c57} .sfx-sim-pane.is-dark .mc-fav button{color:#cbb9ff} .mc-pl.low{top:94px} .mc-pl .n{font-size:10.5px;font-weight:700;color:var(--ink-3);white-space:nowrap} .mc-pl b{font-size:13px;font-weight:800;direction:ltr;unicode-bidi:isolate;white-space:nowrap} .mc-pl.up b{color:var(--up)} .mc-pl.down b{color:var(--down)} .mc-pl.up{border-color:rgba(18,184,134,.35)} .mc-pl.down{border-color:rgba(240,82,108,.35)} .mc-pl svg{width:13px;height:13px;color:var(--ink-3)} .sfx-sim-pane.is-dark .mc-pl{background:rgba(22,19,39,.72);border-color:#332c57;color:#f0edff} .mc-bar > *,.mc-rep > *{pointer-events:auto} .mc{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;cursor:pointer; font-family:inherit;font-size:12.5px;font-weight:800;color:var(--ink); background:rgba(255,255,255,.94);border:1px solid rgba(214,205,246,.9);border-radius:12px;padding:8px 11px; box-shadow:0 8px 20px -14px rgba(69,53,173,.8);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)} .mc.grow{flex:0 1 auto;min-width:0;max-width:46%;justify-content:space-between} .mc-bar .ic:last-child{margin-inline-start:auto} .mc.grow b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mc svg{width:12px;height:12px;color:var(--ink-3);flex:0 0 auto} .mc.ic{padding:8px;width:38px;justify-content:center;flex:0 0 auto} .mc.ic svg{width:17px;height:17px;color:var(--accent-dk)} .mc .dt{width:7px;height:7px;border-radius:50%;background:var(--ink-3);flex:0 0 auto} /* «معامله سریع» و «ثبت سفارش» روی چارت */ .mc.act b{font-size:11.5px} /* چیپ‌ها روی ۳۶۰ و ۳۷۵ پیکسل حدود ۷ پیکسل بیشتر از جای نوار می‌خواستند و این کمبود از نام نماد کم می‌شد */ .sfx-sim.is-m .mc-bar .mc:not(.ic){padding-left:8px;padding-right:8px} .mc.act.on{background:var(--g);border-color:transparent;color:#fff} .mc.act.on b{color:#fff} .sfx-sim.is-m:not(.q-on) .sfx-chart-legend{bottom:38px} } /* نوار بالای چارت در ۳۷۵ پیکسل دقیقا پر است؛ روی گوشی‌های ۳۶۰ پیکسلی نام نماد بریده می‌شد */ @media (max-width:370px){ .sfx-sim.is-m .mc-bar{gap:4px;padding:8px 6px} .sfx-sim.is-m .mc.act b{font-size:11px} } @media(max-width:760px),(max-height:540px) and (orientation:landscape){ /* کشوی ثبت سفارش: بدون پس‌زمینه‌ی تیره، بالای منوی پایین، چارت بالایش کوچک می‌شود */ .sfx-sim.is-m .m-dock{display:flex;flex-direction:column;position:fixed;inset-inline:0;bottom:var(--mbarh,66px);z-index:40; max-height:58vh;background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0; box-shadow:0 -16px 34px -20px rgba(42,35,80,.45);transform:translateY(calc(100% + var(--mbarh,66px))); visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s} .sfx-sim.is-m .m-dock.on{transform:none;visibility:visible;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s} .m-dock .md-hd{position:relative;display:flex;align-items:center;gap:8px;padding:13px 14px 9px;border-bottom:1px solid var(--line);flex:0 0 auto} .m-dock .md-grip{position:absolute;top:5px;left:50%;width:36px;height:4px;border-radius:99px;background:#e2dcf6;transform:translateX(-50%)} .m-dock .md-hd b{font-size:13.5px;font-weight:800;color:var(--ink)} .m-dock .md-x{margin-inline-start:auto;border:1px solid var(--line);background:var(--soft);border-radius:999px; padding:5px 12px;font-family:inherit;font-size:11.5px;font-weight:800;color:var(--ink-2);cursor:pointer} .m-dock .md-bd{overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0} .m-dock .sfx-panel{border:0;box-shadow:none;border-radius:0;margin:0;background:transparent} .m-dock .sfx-panel-hd{display:none} .sfx-sim.is-m.dock-on[data-scr="chart"] .sfx-term{padding-bottom:var(--mdock,0px)} .sfx-sim-pane.is-dark .m-dock,.sfx-sim.is-m.is-dark .m-dock{background:#161327;border-color:#2b2547} .mc.lv .dt{background:#12b886;box-shadow:0 0 0 3px rgba(18,184,134,.16)} .mc.on{background:var(--g);color:#fff;border-color:transparent} .mc.on svg{color:#fff} .mc.ck{font-size:11px;font-weight:700;color:var(--ink-2);padding:7px 10px;overflow:hidden;text-overflow:ellipsis} .sfx-sim-pane.is-dark .mc{background:rgba(22,19,39,.94);border-color:#332c57;color:#f0edff} .sfx-sim-pane.is-dark .mc.ck{color:#a9a2cd} /* کشوی پایین */ .m-sheet{position:fixed;inset:0;z-index:9995;display:none} .m-sheet.on{display:block} .m-sheet .bk{position:absolute;inset:0;background:rgba(18,13,44,.45)} .m-sheet .bx{position:absolute;inset-inline:0;bottom:0;max-height:82%;display:flex;flex-direction:column; background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -20px 50px -25px rgba(18,13,44,.75); padding-bottom:env(safe-area-inset-bottom);animation:msUp .2s ease-out} @keyframes msUp{from{transform:translateY(24px);opacity:.5}to{transform:none;opacity:1}} .m-sheet .hd{display:flex;align-items:center;justify-content:space-between;gap:10px; padding:14px 16px 11px;border-bottom:1px solid var(--line)} .m-sheet .hd b{font-size:14px;font-weight:800;color:var(--ink)} .m-sheet .cl{border:0;background:var(--soft);color:var(--ink-2);font-family:inherit;font-size:12px; font-weight:800;border-radius:10px;padding:7px 14px;cursor:pointer} .m-sheet .bd{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px} .m-sheet .bd .sfx-tool, .m-sheet .bd .sfx-draw-bar{display:flex;align-items:center} .m-sheet .bd .sfx-clock{width:100%;margin:0;justify-content:flex-start} /* ابزار نمودار روی موبایل: نماد و وضعیت بازار همین حالا روی چارت‌اند، پس اینجا تکرار نمی‌شوند */ .m-sheet .bd #symSel, .m-sheet .bd #simClock{display:none} /* ردیف اول: زنده/بک‌تست و تایم‌فریم کنار هم */ .m-sheet .bd .sfx-tool{flex-wrap:wrap;gap:8px} .m-sheet .bd #modeSw{order:1;flex:0 0 auto} .m-sheet .bd #modeSw button{padding:6px 9px;font-size:11px;gap:5px} /* شش تایم‌فریم باید در جای خالیِ کنار زنده/بک‌تست جا شوند، نه یک ردیف جدا */ .m-sheet .bd #tfs{order:2;flex:1 1 0;min-width:0;gap:2px} .m-sheet .bd #tfs button{flex:1 1 0;min-width:0;padding:6px 0;font-size:11px;text-align:center} .m-sheet .bd #replayBox{order:3;flex:1 1 100%} /* ردیف ابزار ترسیم: اندیکاتورها کنار نوار ترسیم. «حذف انتخاب» اینجا تکراری است؛ پنل هر ترسیم (نگه‌داشتن انگشت) خودش «حذف ترسیم» دارد */ .m-sheet .bd .sfx-draw-bar{flex-wrap:wrap;gap:8px} .m-sheet .bd #btnDelShape{display:none} /* ⚠️ در ردیفِ flex-wrap، flex-basis صفر همه‌ی دکمه‌های بعدی را هم به همین خط می‌کشد و نوار ترسیم له می‌شود؛ پس نوار ترسیم و اندیکاتورها سهم ثابتی می‌گیرند که دقیقا یک خط کامل می‌شود */ .m-sheet .bd #drawTools{order:1;flex:0 0 calc(100% - 106px);max-width:calc(100% - 106px);min-width:0;box-sizing:border-box} .m-sheet .bd #drawTools > button{flex:1 1 0;min-width:0;padding:6px 0; display:flex;align-items:center;justify-content:center} .m-sheet .bd #indBtn{order:2;flex:0 0 98px;width:98px;margin:0;padding:7px 6px;font-size:11px;gap:4px; justify-content:center;box-sizing:border-box;white-space:nowrap} .m-sheet .bd #btnClearShapes{order:4} .m-sheet .bd #btnShare{order:5} .m-sheet .bd #btnChartSet{order:6} .m-sheet .bd #btnTour{order:7} .m-sheet .bd #aiBtn{order:8} .m-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .m-cell{border:1px solid var(--line);background:var(--soft);border-radius:13px;padding:13px 8px; font-family:inherit;font-size:13.5px;font-weight:800;color:var(--ink-2);cursor:pointer} .m-cell.on{background:var(--g);color:#fff;border-color:transparent} /* نوارهای دسکتاپ داخل کشو باز می‌شوند: چند ردیفه و بدون اسکرول افقی */ .sfx-sim.is-m .sfx-tool, .sfx-sim.is-m .sfx-draw-bar{flex-wrap:wrap;overflow:visible;padding:0 0 10px;gap:8px;border:0;background:0} .sfx-sim.is-m .sfx-draw-bar{border-top:1px solid var(--line);padding-top:11px} .sfx-sim.is-m .sfx-tool > *, .sfx-sim.is-m .sfx-draw-bar > *{flex:0 0 auto;max-width:100%} .sfx-sim.is-m .sfx-tool .sfx-sel{flex:1 1 150px;min-width:0;max-width:100%} .sfx-sim.is-m .sfx-draw-bar .tools{flex-wrap:wrap;max-width:100%} .sfx-sim.is-m #replayBox{display:flex;flex-wrap:wrap;gap:8px;max-width:100%} .sfx-sim.is-m .sfx-play{flex-wrap:wrap} .sfx-sim.is-m .sfx-tool-acct{display:none} .sfx-sim.is-m .sfx-clock{margin:0;font-size:11px} .sfx-sim.is-m .sfx-clock .q{font-size:9.5px;padding:1px 6px} .sfx-sim.is-m .sfx-draw-bar .sfx-mini.ind{margin:0;width:auto;padding:7px 12px} .sfx-sim.is-m .sfx-sel{padding:7px 10px 7px 24px;font-size:12px} .sfx-sim.is-m .sfx-tfs button{padding:5px 9px;font-size:11.5px} .sfx-sim.is-m .sfx-modesw{width:auto} .sfx-sim.is-m .sfx-modesw button{padding:6px 11px;font-size:11.5px} .sfx-sim.is-m .sfx-chart-legend{font-size:10px;padding:4px 8px;gap:8px} .sfx-sim.is-m[data-scr="trade"] .sfx-term, .sfx-sim.is-m[data-scr="history"] .sfx-term{display:block;flex:1;min-height:0; overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 10px 14px} .sfx-sim.is-m[data-scr="trade"] #ticketPanel, .sfx-sim.is-m[data-scr="trade"] #tablesPanel, .sfx-sim.is-m[data-scr="trade"] .sfx-acct-bar, .sfx-sim.is-m[data-scr="trade"] .sfx-prop-strip.on{display:block} .sfx-sim.is-m[data-scr="trade"] .sfx-prop-strip.on{display:flex} .sfx-sim.is-m[data-scr="trade"] #ticketPanel{margin-bottom:12px} /* در «معامله» فقط بالانس و اکوئیتی و مارجین لازم است؛ کارت حساب به «بیشتر» رفت */ .sfx-sim.is-m[data-scr="trade"] .sfx-acct-cur{display:none} .sfx-sim.is-m[data-scr="trade"] .sfx-acct-bar{padding:7px 4px} /* نوار حساب: یک ردیف پنج‌خانه‌ای، برچسب ریز بالای عدد، با خط جداکننده */ .sfx-sim.is-m[data-scr="trade"] .sfx-acct-stats{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;border-top:0;padding:0} .sfx-sim.is-m[data-scr="trade"] .sfx-acct-stats .st{flex:0 1 auto;display:flex;flex-direction:column;align-items:center;gap:1px;padding:0 5px;min-width:0} .sfx-sim.is-m[data-scr="trade"] .sfx-acct-stats .st + .st{border-inline-start:1px solid var(--line)} .sfx-sim.is-m[data-scr="trade"] .sfx-acct-stats .st .k{font-size:9.5px;line-height:1.3;white-space:nowrap} .sfx-sim.is-m[data-scr="trade"] .sfx-acct-stats .st .v{font-size:11px;line-height:1.3;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis} /* معامله: نوار چالش فقط یک دکمه است؛ جزئیاتش در کشو */ .sfx-sim.is-m[data-scr="trade"] .sfx-prop-strip.on, .sfx-sim.is-m[data-scr="chart"] .sfx-prop-strip.on{display:block;padding:0;overflow:hidden;border-radius:16px} .sfx-sim.is-m[data-scr="trade"] .sfx-prop-strip .ttl, .sfx-sim.is-m[data-scr="trade"] .sfx-prop-strip .ps-body, .sfx-sim.is-m[data-scr="chart"] .sfx-prop-strip .ttl, .sfx-sim.is-m[data-scr="chart"] .sfx-prop-strip .ps-body{display:none} .sfx-sim.is-m[data-scr="trade"] .sfx-prop-strip .ps-open, .sfx-sim.is-m[data-scr="chart"] .sfx-prop-strip .ps-open{display:flex} /* روی چارت جا کم است: همان دکمه، جمع‌وجورتر */ .sfx-sim.is-m[data-scr="chart"] .sfx-prop-strip.on{margin:8px 10px 0;border-radius:14px} .sfx-sim.is-m[data-scr="chart"] .ps-open{padding:7px 10px;gap:8px} .sfx-sim.is-m[data-scr="chart"] .ps-open > svg:first-child{width:26px;height:26px;padding:5px;border-radius:8px} .sfx-sim.is-m[data-scr="chart"] .ps-open .ps-t b{font-size:12px} .sfx-sim.is-m[data-scr="chart"] .ps-open .ps-t i{font-size:10.5px} .ps-open{width:100%;align-items:center;gap:10px;border:0;background:#fff;padding:10px 12px; font-family:inherit;cursor:pointer;text-align:start;color:var(--ink)} .ps-open > svg:first-child{width:32px;height:32px;padding:7px;border-radius:10px;box-sizing:border-box; background:var(--lilac);color:var(--accent-dk);flex:0 0 auto} .ps-open .ps-t{flex:1;min-width:0} .ps-open .ps-t b{display:block;font-size:13px;font-weight:800;color:var(--accent-dk)} .ps-open .ps-t i{display:block;font-style:normal;font-size:11px;font-weight:700;color:var(--ink-3); white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px} .ps-open em{font-style:normal;flex:0 0 auto;font-size:10.5px;font-weight:800;border-radius:999px;padding:3px 9px; background:var(--lilac);color:var(--accent-dk)} .ps-open em.bad{background:#ffe9ed;color:#b3243c} .ps-open em.good{background:#e6f8f1;color:#0b7a58} .ps-open .chev{width:16px;height:16px;color:var(--ink-3);flex:0 0 auto} .m-prop{display:grid;gap:13px} .m-prop-hd{font-size:12.5px;font-weight:800;color:var(--accent-dk);padding-bottom:10px;border-bottom:1px solid var(--line)} /* ثبت سفارش: حجم و حد ضرر و حد سود کوچک و کنار هم */ /* align-items:start، چون خانه‌های حد ضرر و سود با دکمه‌های درصد بلندترند و حجم نباید تا پایین آن‌ها بیفتد */ .sfx-sim.is-m .sfx-ticket{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:start} /* هر خانه یک کارت جدا، تا دکمه‌های درصد و حجم آماده مالِ همان خانه دیده شوند */ .sfx-sim.is-m .sfx-ticket .tk-f{background:var(--soft);border:1px solid var(--line);border-radius:14px; padding:8px 7px 7px;box-sizing:border-box;min-width:0} .sfx-sim.is-m .sfx-ticket .tk-f label{text-align:center} .sfx-sim.is-m .sfx-ticket .tk-f .sfx-in, .sfx-sim.is-m .sfx-ticket .tk-f .sfx-sel, .sfx-sim.is-m .sfx-ticket .tk-f .sfx-stepper{background:#fff} .sfx-sim.is-m .sfx-ticket .tk-f .tk-pct{gap:3px} .sfx-sim.is-m .sfx-ticket .tk-f .tk-pct button{background:#fff;padding:4px 0;font-size:10px} .sfx-sim.is-m .sfx-ticket .tk-f .tk-pct button.on{background:var(--g)} /* حد ضرر/سود: کادر تمام‌عرض تا قیمت کامل دیده شود؛ − و + و «لحظه‌ای» زیرش */ .sfx-sim.is-m .sfx-ticket .tk-f .tk-pxr .tk-now{background:var(--lilac);color:var(--accent-dk);border-color:#ddd0ff} .sfx-sim.is-m .tk-now .lf{display:none} .sfx-sim.is-m .tk-now .ls{display:inline} .sfx-sim-pane.is-dark .sfx-ticket .tk-f{background:#1c1833;border-color:#2b2547} .sfx-sim.is-m .sfx-ticket #rowPending{grid-column:1/-1} /* در انتظار: بالا قیمت | نوع سفارش (دو کارت)، زیرش حجم | حد ضرر | حد سود (سه کارت). شبکه‌ی شش‌ستونه تا هر دو ردیف هم‌عرض و مرتب باشند؛ order کارت‌ها را جابه‌جا می‌کند */ .sfx-sim.is-m .sfx-ticket.pend{grid-template-columns:repeat(6,minmax(0,1fr))} .sfx-sim.is-m .sfx-ticket.pend > .fullw{grid-column:1/-1} .sfx-sim.is-m .sfx-ticket.pend > .fullw:first-child{order:0} .sfx-sim.is-m .sfx-ticket.pend > #rowPending{order:1;grid-column:span 3} .sfx-sim.is-m .sfx-ticket.pend > #rowType{order:2;grid-column:span 3} .sfx-sim.is-m .sfx-ticket.pend > .tk-f:not(#rowPending):not(#rowType){order:3;grid-column:span 2} .sfx-sim.is-m .sfx-ticket.pend > .fullw:last-child{order:9} .sfx-sim.is-m .tk-live .lf{display:none} .sfx-sim.is-m .tk-live .ls{display:inline} .sfx-sim.is-m .sfx-ticket #rowType .sfx-sel{width:100%;box-sizing:border-box;padding:8px 24px 8px 8px;font-size:12px} .sfx-sim.is-m .tk-live{padding:0 9px;font-size:10.5px} .sfx-sim.is-m .sfx-ticket label{font-size:10.5px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sfx-sim.is-m .sfx-ticket .sfx-in{padding:8px 4px;font-size:12px;text-align:center;min-width:0;width:100%;box-sizing:border-box} .sfx-sim.is-m .sfx-ticket .sfx-stepper .sfx-in{padding:8px 0} .sfx-sim.is-m .sfx-ticket .sfx-stepper button{width:24px;min-width:24px;padding:0;font-size:14px;align-self:stretch} /* خرید و فروش: یک خط باریک */ .sfx-sim.is-m .sfx-bs{margin-top:9px;gap:7px} .sfx-sim.is-m .sfx-bs button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px; padding:9px 8px;border-radius:12px} .sfx-sim.is-m .sfx-bs .t{display:inline;font-size:12px} .sfx-sim.is-m .sfx-bs .p{display:inline;font-size:14px} /* جزئیات سفارش کشویی */ .sfx-sim.is-m .sfx-tk-more{margin-top:9px;background:var(--soft);border:1px solid var(--line);border-radius:12px;overflow:hidden} .sfx-sim.is-m .sfx-tk-more > summary{display:flex;align-items:center;gap:6px;padding:9px 11px;cursor:pointer; list-style:none;font-size:11.5px;font-weight:800;color:var(--ink-2)} .sfx-sim.is-m .sfx-tk-more > summary::-webkit-details-marker{display:none} .sfx-sim.is-m .sfx-tk-more > summary .lbl{margin-inline-start:auto;font-size:10.5px;font-weight:700;color:var(--ink-3)} .sfx-sim.is-m .sfx-tk-more > summary b{font-size:11px;font-weight:800;color:var(--ink);direction:ltr;unicode-bidi:isolate} .sfx-sim.is-m .sfx-tk-more > summary .chev{width:14px;height:14px;color:var(--ink-3);transition:transform .2s} .sfx-sim.is-m .sfx-tk-more[open] > summary .chev{transform:rotate(180deg)} .sfx-sim.is-m .sfx-tk-more .sfx-ticket-info{margin:0;border:0;border-top:1px solid var(--line);border-radius:0;background:#fff} .sfx-sim-pane.is-dark .ps-open{background:#161327;color:#f0edff} .sfx-sim-pane.is-dark .sfx-tk-more .sfx-ticket-info{background:#161327} .sfx-sim.is-m[data-scr="trade"] #tablesPanel{margin-top:0!important} .sfx-sim.is-m[data-scr="history"] #tablesPanel{display:block} .sfx-sim.is-m[data-scr="history"] .sfx-acct-bar{display:none} .sfx-sim.is-m[data-scr="history"] #tablesPanel{margin-top:0!important} /* --- پراپ روی موبایل: یک ستون و کارت‌های فشرده --- */ .sfx-sim.is-m .sfx-ch-grid{grid-template-columns:minmax(0,1fr);gap:10px} .sfx-sim.is-m .ch{padding:12px;border-radius:16px} .sfx-sim.is-m .ch-st{grid-template-columns:repeat(2,minmax(0,1fr))} .sfx-sim.is-m .sfx-pick{padding:13px;border-radius:16px} .sfx-sim.is-m .sfx-pick .szs{grid-template-columns:repeat(3,minmax(0,1fr))} .sfx-sim.is-m .sfx-pick .specs{grid-template-columns:repeat(2,minmax(0,1fr))} .sfx-sim.is-m .sfx-prop-hd h2{font-size:16px} .sfx-sim.is-m .sfx-prop-hd p{font-size:11.5px} /* جدول قوانین روی موبایل کارت می‌شود؛ نه اسکرول افقی، نه سرریز */ .sfx-sim.is-m .sfx-rules .rgrid, .sfx-sim.is-m .sfx-rules .rcom{grid-template-columns:minmax(0,1fr)} .sfx-sim.is-m .sfx-rules .rb{padding:0 12px 14px} .sfx-sim.is-m .sfx-rules table{display:block!important;width:100%!important;font-size:11.5px} .sfx-sim.is-m .sfx-rules thead{display:none!important} .sfx-sim.is-m .sfx-rules tbody{display:block!important} .sfx-sim.is-m .sfx-rules tr{display:block!important;background:var(--soft)!important; border:1px solid var(--line)!important;border-radius:12px;padding:8px 11px;margin-bottom:7px} .sfx-sim.is-m .sfx-rules td{display:block!important;border:0!important;padding:3px 0!important; background:0!important;font-size:11.5px!important;line-height:1.95;color:var(--ink-2)!important; white-space:normal!important;width:auto!important} .sfx-sim.is-m .sfx-rules td:first-child{font-weight:800;color:var(--ink)!important;font-size:12px!important} .sfx-sim.is-m .sfx-rules td:not(:first-child):before{content:attr(data-h) " · ";font-weight:800;color:var(--ink-3)} /* در صفحه‌های پراپ و ربات، پنل ترید کامل مخفی است */ .sfx-sim.is-m[data-scr="prop"] .sfx-term, .sfx-sim.is-m[data-scr="bot"] .sfx-term, .sfx-sim.is-m[data-scr="prop"] .sfx-acct-bar, .sfx-sim.is-m[data-scr="bot"] .sfx-acct-bar{display:none} /* --- مارکت واچ --- */ .mq-hd{display:flex;align-items:center;justify-content:space-between;padding:0 4px 10px} .mq-hd h3{margin:0;font-size:17px;font-weight:800} .mq-hd span{font-size:11px;font-weight:700;color:var(--ink-3)} .mq-search{position:relative;margin-bottom:9px} .mq-search svg{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%); width:16px;height:16px;color:var(--ink-3);pointer-events:none} .mq-search input{width:100%;border:1px solid var(--line);background:#fff;border-radius:13px; padding:11px 38px 11px 14px;font-family:inherit;font-size:13px;font-weight:700;color:var(--ink);outline:0} .mq-search input:focus{border-color:var(--accent)} .mq-empty{padding:26px 16px;text-align:center;font-size:12.5px;font-weight:700;color:var(--ink-3)} .mq-list{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--sh-sm)} .mq-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;width:100%; border:0;border-bottom:1px solid #f4f1fc;background:#fff;font-family:inherit;text-align:right; padding:11px 14px;cursor:pointer} .mq-row:last-child{border-bottom:0} .mq-row.on{background:var(--lilac)} .mq-nm{min-width:0} .mq-nm b{display:block;font-size:13.5px;font-weight:800;color:var(--ink)} .mq-nm span{display:block;font-size:10.5px;font-weight:700;color:var(--ink-3);direction:ltr;text-align:right} .mq-px{text-align:left;direction:ltr} .mq-px b{display:block;font-size:14px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums} .mq-px span{display:block;font-size:10.5px;font-weight:700;color:var(--ink-3);font-variant-numeric:tabular-nums} .mq-ch{font-size:11.5px;font-weight:800;border-radius:8px;padding:3px 8px;direction:ltr;white-space:nowrap} .mq-ch.u{background:#e6f8f1;color:#0b7a58} .mq-ch.d{background:#ffe9ed;color:#b3243c} .mq-ch.z{background:var(--soft);color:var(--ink-3)} /* --- بیشتر --- */ .mm-list{display:grid;gap:9px} .mm-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-sm);overflow:hidden} .mm-card .hd{padding:11px 15px;font-size:11.5px;font-weight:800;color:var(--ink-3);background:var(--soft); border-bottom:1px solid var(--line)} .mm-item{display:flex;align-items:center;gap:11px;width:100%;border:0;border-bottom:1px solid #f4f1fc; background:#fff;font-family:inherit;text-align:right;padding:13px 15px;cursor:pointer; font-size:13.5px;font-weight:700;color:var(--ink)} .mm-item:last-child{border-bottom:0} .mm-item svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;color:var(--accent)} .mm-item .v{margin-inline-start:auto;font-size:11.5px;font-weight:700;color:var(--ink-3)} .mm-item.dang{color:var(--down)} .mm-item.dang svg{color:var(--down)} .mm-accts .hd{display:flex;align-items:center;justify-content:space-between;gap:8px} .mm-accts .hd span{font-size:10.5px;font-weight:700;color:var(--ink-3)} .mm-acc{display:flex;align-items:stretch;border-bottom:1px solid #f4f1fc} .mm-acc.on{background:var(--lilac)} .mm-acc-main{flex:1;min-width:0;display:flex;align-items:center;gap:11px;border:0;background:0; padding:11px 15px;font-family:inherit;text-align:start;cursor:pointer;color:var(--ink)} .mm-acc .ico{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto; background:#fff;border:1px solid var(--line);overflow:hidden;color:var(--accent-dk)} .mm-acc .ico.prop{background:linear-gradient(150deg,#6a5be2,#4535ad);border-color:transparent;color:#fff} .mm-acc .ico img{width:100%;height:100%;object-fit:contain;padding:3px;box-sizing:border-box;background:#fff} .mm-acc .ico svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2} .mm-acc .nm{min-width:0;flex:1} .mm-acc .nm b{display:block;font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .mm-acc .nm i{display:block;font-style:normal;font-size:11px;font-weight:700;color:var(--ink-3);margin-top:1px} .mm-acc .nm i .num{direction:ltr;unicode-bidi:isolate} .mm-acc em{font-style:normal;flex:0 0 auto;font-size:10px;font-weight:800;color:#fff; background:var(--g);border-radius:999px;padding:2px 9px} .mm-acc-arch{flex:0 0 46px;border:0;border-inline-start:1px solid #f4f1fc;background:0; color:var(--ink-3);display:grid;place-items:center;cursor:pointer} .mm-acc-arch svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round} .mm-acc-arch:active{color:var(--down)} .mm-item.mm-new{color:var(--accent-dk);font-weight:800} .mm-item.mm-new.off{color:var(--ink-3)} .mm-item.mm-new.off svg{color:var(--ink-3)} .sfx-sim-pane.is-dark .mm-acc{border-bottom-color:#221d3d} .sfx-sim-pane.is-dark .mm-acc.on{background:#221d3d} .sfx-sim-pane.is-dark .mm-acc-main{color:#f0edff} /* --- نوار سریع خرید و فروش --- */ .sfx-sim.is-m .sfx-quick{position:absolute;inset-inline:10px;bottom:calc(var(--mbarh,66px) + 34px); /* بالای نوار تاریخ (۲۸px) */ z-index:9989;gap:8px;align-items:stretch} /* خرید و فروش سریع روی چارت: یک خط باریک، مثل کارت ثبت سفارش */ .sfx-quick button.q-buy,.sfx-quick button.q-sell{flex:1;border:0;border-radius:12px;color:#fff; font-family:inherit;display:flex;flex-direction:row;align-items:center;justify-content:center; gap:7px;padding:8px 6px;cursor:pointer;box-shadow:var(--sh-sm);min-width:0;white-space:nowrap} .sfx-quick .q-buy{background:linear-gradient(150deg,#1ac394,#0e9a71)} .sfx-quick .q-sell{background:linear-gradient(150deg,#fb6a80,#dd3552)} .sfx-quick button span{font-size:11.5px;font-weight:800;opacity:.9} .sfx-quick button b{font-size:14px;font-weight:800;direction:ltr;font-variant-numeric:tabular-nums} .sfx-quick .q-lot{display:flex;align-items:center;background:#fff;border:1px solid var(--line); border-radius:12px;overflow:hidden;box-shadow:var(--sh-sm);flex:0 0 auto} .sfx-quick .q-lot button{border:0;background:var(--soft);color:var(--accent-dk);width:30px; font-size:16px;font-weight:800;font-family:inherit;cursor:pointer} .sfx-quick .q-lot input{width:52px;border:0;text-align:center;font-family:inherit;font-size:13px; font-weight:800;color:var(--ink);direction:ltr;background:#fff} /* تم تیره */ .sfx-sim-pane.is-dark ~ * .sfx-mbar, .sfx-sim.is-m.dark-bar .sfx-mbar{background:#161327;border-color:#2b2547} .sfx-sim-pane.is-dark .mq-list,.sfx-sim-pane.is-dark .mm-card{background:#161327;border-color:#2b2547} .sfx-sim-pane.is-dark .mq-row,.sfx-sim-pane.is-dark .mm-item{background:#161327;border-bottom-color:#221d3d} .sfx-sim-pane.is-dark .mq-nm b,.sfx-sim-pane.is-dark .mq-px b,.sfx-sim-pane.is-dark .mm-item{color:#f0edff} .sfx-sim-pane.is-dark .mm-card .hd{background:#1c1833;border-color:#2b2547} .sfx-sim-pane.is-dark .mq-row.on{background:#2a2350} } /* ================================================================ فهرست لمسی موبایل */ #mLists{display:none} @media(max-width:760px),(max-height:540px) and (orientation:landscape){ .sfx-sim.is-m #boxpos,.sfx-sim.is-m #boxord,.sfx-sim.is-m #boxhist{display:none!important} .sfx-sim.is-m #mLists{display:block;padding:10px 10px 12px} .sfx-sim.is-m .sfx-subtabs{padding:8px 10px 0} .sfx-sim.is-m .sfx-subtabs button{font-size:11.5px;padding:7px 10px} /* موبایل: نام کوتاه، و هر صفحه فقط زبانه‌های خودش */ .sfx-sim.is-m .sfx-subtabs .lf{display:none} .sfx-sim.is-m .sfx-subtabs .ls{display:inline} .sfx-sim.is-m[data-scr="trade"] .sfx-subtabs [data-sub="hist"], .sfx-sim.is-m[data-scr="trade"] .sfx-subtabs [data-sub="rep"], .sfx-sim.is-m[data-scr="history"] .sfx-subtabs [data-sub="pos"], .sfx-sim.is-m[data-scr="history"] .sfx-subtabs [data-sub="ord"], .sfx-sim.is-m[data-scr="history"] #closeDd{display:none} .sfx-sim.is-m #btnReset{display:none} /* «شروع از صفر» فقط در صفحه‌ی بیشتر بماند */ .ml-sum{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:6px;margin-bottom:10px} .ml-sum div{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:7px 8px;min-width:0} .ml-sum span{display:block;font-size:9.5px;font-weight:700;color:var(--ink-3)} .ml-sum b{display:block;font-size:12px;font-weight:800;color:var(--ink);overflow:hidden;text-overflow:ellipsis} .ml-sum b.up{color:var(--up)} .ml-sum b.down{color:var(--down)} .ml-empty{padding:34px 18px;text-align:center} .ml-empty b{display:block;font-size:13.5px;font-weight:800;color:var(--ink);margin-bottom:5px} .ml-empty span{font-size:12px;font-weight:600;color:var(--ink-3);line-height:1.9} .ml-wrap{position:relative;margin-bottom:6px;border-radius:12px;overflow:hidden;touch-action:pan-y} .ml-act{position:absolute;inset:0;display:flex;align-items:center;padding:0 20px; background:linear-gradient(90deg,#f0526c,#dd3552);color:#fff;font-size:13px;font-weight:800;opacity:0} .ml-act.left{justify-content:flex-start} .ml-act.right{justify-content:flex-end} .ml-wrap.sw-l .ml-act.left{opacity:1} .ml-wrap.sw-r .ml-act.right{opacity:1} .ml-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px; padding:7px 10px;box-shadow:var(--sh-sm);will-change:transform;user-select:none;-webkit-user-select:none} .ml-card.up{border-inline-start:4px solid var(--up)} .ml-card.down{border-inline-start:4px solid var(--down)} .ml-top{display:flex;align-items:center;gap:6px} .ml-top .sfx-dir{font-size:10.5px;padding:1px 7px} .ml-sym{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ml-sym b{display:inline;font-size:12.5px;font-weight:800;color:var(--ink);direction:ltr;unicode-bidi:isolate} .ml-sym i{display:inline;margin-inline-start:5px;font-style:normal;font-size:10px;font-weight:700;color:var(--ink-3)} .ml-lots{font-size:11px;font-weight:800;color:var(--ink-2);background:var(--soft);border-radius:6px;padding:1px 6px} .ml-pl{font-size:13.5px;font-weight:800;color:var(--ink)} .ml-pl.up{color:var(--up)} .ml-pl.down{color:var(--down)} .ml-bot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:5px;padding-top:5px; border-top:1px solid #f4f1fc;font-size:10px;font-weight:700;color:var(--ink-3)} /* حد ضرر/سود یک دکمه که پنجره‌ی ویرایش را باز می‌کند، و بستن همان معامله */ .ml-sltp{margin-inline-start:auto;display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line); background:var(--soft);color:var(--ink-3);border-radius:8px;padding:3px 7px;font-family:inherit;font-size:10px; font-weight:700;cursor:pointer;white-space:nowrap} .ml-sltp b{font-weight:800;color:var(--ink-2)} .ml-sltp i{font-style:normal;opacity:.5} .ml-sltp svg{width:11px;height:11px;color:var(--accent-dk);flex:0 0 auto} .ml-sltp.has{border-color:#ddd0ff;background:var(--lilac)} .ml-sltp.has b{color:var(--accent-dk)} .ml-close{flex:0 0 auto;border:1px solid #ffc9d3;background:#fff1f3;color:#b3243c;border-radius:8px;padding:2px 8px; font-family:inherit;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap} .sfx-sim-pane.is-dark .ml-sltp{background:#221d3d;border-color:#332c57;color:#a9a2cd} .sfx-sim-pane.is-dark .ml-close{background:#3a1a24;border-color:#5a2433;color:#ff9fb0} .ml-bot b{font-weight:800;color:var(--ink-2)} .ml-bot span.has b{color:var(--accent-dk)} .ml-card-btn{margin-inline-start:auto;border:1px solid var(--lilac-2);background:var(--lilac); color:var(--accent-dk);font-family:inherit;font-size:10.5px;font-weight:800;border-radius:8px;padding:4px 10px} .sfx-sim-pane.is-dark ~ .msheet .mlbx, .sfx-sim-pane.is-dark .ml-card,.sfx-sim-pane.is-dark .ml-sum div{background:#161327;border-color:#2b2547} .sfx-sim-pane.is-dark .ml-sym b,.sfx-sim-pane.is-dark .ml-pl,.sfx-sim-pane.is-dark .ml-sum b{color:#f0edff} .sfx-sim-pane.is-dark .ml-bot{border-top-color:#221d3d} } /* شیت کنش‌ها */ .sfx-sheet.msheet{align-items:flex-end} .sfx-sheet .bx.mlbx{width:min(460px,100%);padding:16px 16px calc(16px + env(safe-area-inset-bottom)); display:grid;gap:8px;border-radius:24px} .mlbx .mlh{display:flex;align-items:center;gap:12px;padding:2px 4px 10px;border-bottom:1px solid var(--line);margin-bottom:4px} .mlbx .mlh b{display:block;font-size:16px;font-weight:800;direction:ltr;text-align:right} .mlbx .mlh span{display:block;font-size:11.5px;font-weight:700;color:var(--ink-3);margin-top:2px} .mlbx .mlh em{font-style:normal;font-size:19px;font-weight:800;margin-inline-start:auto} .mlbx .mlh em.up{color:var(--up)} .mlbx .mlh em.down{color:var(--down)} .mlbx .mlb{border:1px solid var(--line);background:#fff;color:var(--ink);font-family:inherit; font-size:13.5px;font-weight:800;border-radius:14px;padding:13px;cursor:pointer;text-align:center} .mlbx .mlb:hover{background:var(--soft);border-color:var(--accent)} .mlbx .mlb.dang{background:#fff5f7;border-color:#ffdde3;color:var(--down)} @media(max-width:560px){ .sfx-sheet .bx.mlbx{border-radius:24px 24px 0 0} } /* ================================================================ راهنمای اولین بار */ html.sfx-tour-lock, html.sfx-tour-lock body{overflow:hidden!important;overscroll-behavior:none} .sfx-tour{position:fixed;inset:0;z-index:10000;display:none;pointer-events:none; font-family:IranYekanX,Arial,sans-serif;direction:rtl} .sfx-tour.on{display:block} .sfx-tour .tspot{position:absolute;border-radius:14px;box-shadow:0 0 0 9999px rgba(18,13,44,.66); transition:left .28s cubic-bezier(.4,0,.2,1),top .28s cubic-bezier(.4,0,.2,1), width .28s cubic-bezier(.4,0,.2,1),height .28s cubic-bezier(.4,0,.2,1);pointer-events:none; outline:2px solid rgba(255,255,255,.9);outline-offset:0} .sfx-tour .ttip{position:absolute;background:#fff;border-radius:18px;box-shadow:0 26px 60px -22px rgba(18,13,44,.7); padding:15px 16px 13px;pointer-events:auto; transition:left .28s cubic-bezier(.4,0,.2,1),top .28s cubic-bezier(.4,0,.2,1)} .sfx-tour .th{display:flex;align-items:center;gap:10px;margin-bottom:7px} .sfx-tour .th b{font-size:15px;font-weight:800;color:#2a2350;flex:1} .sfx-tour .tn{font-size:10.5px;font-weight:800;color:#5a4bd6;background:#efeaff;border-radius:999px;padding:3px 9px} .sfx-tour p{margin:0 0 13px;font-size:12.5px;line-height:2;color:#6f6a86;font-weight:600} .sfx-tour p b{color:#2a2350;font-weight:800} .sfx-tour .tf{display:flex;gap:7px;align-items:center} .sfx-tour .tf button{border:0;font-family:inherit;font-size:12.5px;font-weight:800;border-radius:11px; padding:9px 15px;cursor:pointer} .sfx-tour .tskip{background:0;color:#9a97ad;padding:9px 6px;margin-inline-end:auto} .sfx-tour .tprev{background:#f8f6ff;color:#6f6a86;border:1px solid #e9e5f8} .sfx-tour .tnext{background:linear-gradient(150deg,#6a5be2,#4535ad);color:#fff} @media(max-width:760px),(max-height:540px) and (orientation:landscape){ .sfx-tour .ttip{padding:13px 14px 11px} .sfx-tour p{font-size:12px} } /* ---------------- پنجره‌ی معرفی بروکر (لایه‌ی دوم داخل جادوگر) ---------------- */ .oinfo{position:absolute;inset:0;z-index:5;background:rgba(30,22,70,.45);display:grid;place-items:center;padding:14px; -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)} .oinfo .ibx{background:#fff;border-radius:20px;box-shadow:0 34px 70px -30px rgba(18,13,44,.75); width:min(560px,100%);max-height:100%;display:flex;flex-direction:column;overflow:hidden; animation:sfxPop .18s cubic-bezier(.2,.9,.3,1.1)} .oinfo .ihd{display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid var(--line)} .oinfo .ihd img{width:38px;height:38px;border-radius:11px;object-fit:contain;background:#fff;border:1px solid var(--line);padding:3px} .oinfo .ihd .ph{width:38px;height:38px;border-radius:11px;background:var(--lilac)} .oinfo .ihd .it{flex:1;min-width:0;line-height:1.6} .oinfo .ihd .it b{display:block;font-size:14px;font-weight:800;color:var(--ink); white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .oinfo .ihd .it i{display:block;font-style:normal;font-size:11px;font-weight:700;color:var(--ink-3)} .oinfo .ibd{padding:14px 16px;overflow:auto;flex:1;min-height:0} .oinfo .isum{margin:0 0 12px;font-size:12.5px;line-height:2.05;font-weight:600;color:var(--ink-2)} .oinfo label{display:block;font-size:11px;font-weight:800;color:var(--ink-3);margin-bottom:6px} .oinfo .rg{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px} .oinfo .rg span{background:var(--soft);border:1px solid var(--line);border-radius:11px;padding:6px 10px; font-size:11.5px;font-weight:700;color:var(--ink-2)} .oinfo .rg span b{color:var(--ink);font-weight:800} .oinfo .rg span i{font-style:normal;color:var(--ink-3);margin-inline-start:5px} .oinfo .ipc{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;margin-bottom:12px} .oinfo .pc{border:1px solid var(--line);border-radius:13px;padding:10px 12px;background:var(--soft)} .oinfo .pc.good{background:#f4fdf9;border-color:#d5f2e7} .oinfo .pc.bad{background:#fff7f9;border-color:#ffdde3} .oinfo .pc ul{margin:0;padding-inline-start:16px;display:grid;gap:4px} .oinfo .pc li{font-size:11.5px;line-height:1.9;font-weight:700;color:var(--ink-2)} .oinfo .ift{padding:12px 16px;border-top:1px solid var(--line);background:var(--soft);display:grid;gap:7px} .oinfo .ift .sfx-cta{width:100%;max-width:none;font-size:13px;padding:12px;border-radius:13px; text-align:center;text-decoration:none;display:block} @media(max-width:760px),(max-height:540px) and (orientation:landscape){ .oinfo .ipc{grid-template-columns:minmax(0,1fr)} .obbx .obrokers{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:50vh} } /* ---------------- کارت «حساب ساخته شد» ---------------- */ .sfx-sheet .bx.okbx{width:min(430px,100%);max-height:92vh} .okbx .okhd{padding:26px 20px 18px;text-align:center;background: radial-gradient(420px 160px at 50% -20%,rgba(106,91,226,.16),transparent 70%),#fff} .okbx .okhd b{display:block;font-size:17px;font-weight:800;color:var(--ink);margin-top:12px} .okbx .okhd i{display:block;font-style:normal;font-size:12.5px;font-weight:700;color:var(--ink-3);margin-top:4px} .okbx .okc{display:inline-grid;place-items:center;width:64px;height:64px} .okbx .okc svg{width:64px;height:64px;overflow:visible} .okbx .okc .cc{fill:none;stroke:var(--accent);stroke-width:3;stroke-dasharray:145;stroke-dashoffset:145; animation:okCircle .5s cubic-bezier(.65,0,.45,1) forwards} .okbx .okc .ck{fill:none;stroke:#12b886;stroke-width:4;stroke-linecap:round;stroke-linejoin:round; stroke-dasharray:40;stroke-dashoffset:40;animation:okCheck .35s cubic-bezier(.65,0,.45,1) .42s forwards} @keyframes okCircle{to{stroke-dashoffset:0}} @keyframes okCheck{to{stroke-dashoffset:0}} .okbx .okrows{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff; animation:sfxIn .35s .5s both} .okbx .okr{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px; border-bottom:1px solid var(--line)} .okbx .okr:last-child{border-bottom:0} .okbx .okr span{font-size:11.5px;font-weight:700;color:var(--ink-3)} .okbx .okr b{font-size:12.5px;font-weight:800;color:var(--ink);text-align:left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:62%} .okbx .of .sfx-cta{flex:1} /* ================================================================ بررسی با AI */ .sfx-ai-btn{display:inline-flex;align-items:center;gap:6px;border:0;cursor:pointer;font-family:inherit; font-size:12.5px;font-weight:800;color:#fff;padding:8px 14px;border-radius:12px; background:linear-gradient(135deg,#7b5cff,#4535ad 55%,#0ea5a4); box-shadow:0 12px 24px -14px rgba(69,53,173,.95);transition:.16s;position:relative;overflow:hidden} .sfx-ai-btn svg{width:15px;height:15px} .sfx-ai-btn:hover{filter:brightness(1.08);transform:translateY(-1px)} .sfx-ai-btn:after{content:"";position:absolute;inset:0 auto 0 -40%;width:40%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent); animation:aiShine 3.4s ease-in-out infinite} @keyframes aiShine{0%,60%{transform:translateX(0)}100%{transform:translateX(360%)}} .sfx-sim-pane.is-dark .sfx-ai-btn{box-shadow:0 12px 24px -16px rgba(0,0,0,.9)} .ch-ac .chip.ai{display:inline-flex;align-items:center;gap:6px;color:#fff;border-color:transparent; background:linear-gradient(135deg,#7b5cff,#4535ad 60%,#0ea5a4)} .ch-ac .chip.ai svg{width:14px;height:14px} .ch-ac .chip.ai:hover{filter:brightness(1.08);background:linear-gradient(135deg,#7b5cff,#4535ad 60%,#0ea5a4);color:#fff} .mm-item.ai svg{color:#4535ad} .mm-item.ai{color:var(--accent-dk)} .sfx-smodal.ai .box.aibx{width:min(560px,100%);padding:0;overflow:hidden;display:flex;flex-direction:column;max-height:90vh} .aibx .ai-hd{display:flex;align-items:center;gap:11px;padding:15px 17px;color:#fff; background:linear-gradient(135deg,#6a5be2,#4535ad 55%,#0e7490)} .aibx .ai-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto; background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.26)} .aibx .ai-ic svg{width:20px;height:20px} .aibx .ai-t{flex:1;min-width:0;line-height:1.6} .aibx .ai-t b{display:block;font-size:15px;font-weight:800} .aibx .ai-t i{display:block;font-style:normal;font-size:11px;font-weight:700;opacity:.82; white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .aibx .ai-x{width:30px;height:30px;border-radius:10px;border:1px solid rgba(255,255,255,.3); background:rgba(255,255,255,.12);color:#fff;cursor:pointer;display:grid;place-items:center;flex:0 0 auto} .aibx .ai-x svg{width:15px;height:15px} .aibx .ai-x:hover{background:rgba(255,255,255,.24)} .aibx .ai-bd{padding:15px 17px;overflow:auto;flex:1;min-height:0} .aibx .ai-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:7px;margin-bottom:12px} .aibx .ai-k{background:var(--soft);border:1px solid var(--line);border-radius:13px;padding:9px 11px;min-width:0} .aibx .ai-k span{display:block;font-size:10.5px;font-weight:700;color:var(--ink-3)} .aibx .ai-k b{display:block;font-size:14px;font-weight:800;color:var(--ink);margin-top:2px} .aibx .ai-k b.up{color:var(--up)} .aibx .ai-k b.down{color:var(--down)} .aibx .ai-v{border-radius:14px;padding:11px 13px;margin-bottom:12px;border:1px solid var(--line);background:var(--soft)} .aibx .ai-v b{display:block;font-size:11.5px;font-weight:800;color:var(--ink-3);margin-bottom:3px} .aibx .ai-v p{margin:0;font-size:12.5px;line-height:2;font-weight:700;color:var(--ink)} .aibx .ai-v.good{background:#f2fcf8;border-color:#cdeee0} .aibx .ai-v.warn{background:#fffaf0;border-color:#ffe9c2} .aibx .ai-v.bad{background:#fff5f7;border-color:#ffdde3} .aibx .ai-list{display:grid;gap:7px} .aibx .ai-f{display:flex;gap:9px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:10px 12px} .aibx .ai-f .dot{width:8px;height:8px;border-radius:99px;margin-top:6px;flex:0 0 auto;background:var(--ink-3)} .aibx .ai-f.good .dot{background:var(--up)} .aibx .ai-f.warn .dot{background:#ffb020} .aibx .ai-f.bad .dot{background:var(--down)} .aibx .ai-f.info .dot{background:var(--accent)} .aibx .ai-f b{display:block;font-size:12.5px;font-weight:800;color:var(--ink);margin-bottom:3px} .aibx .ai-f p{margin:0;font-size:11.5px;line-height:1.95;font-weight:700;color:var(--ink-2)} .aibx .ai-more{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px;margin-top:12px; border-top:1px solid var(--line);padding-top:12px} .aibx .ai-more div{display:flex;align-items:baseline;justify-content:space-between;gap:8px; background:var(--soft);border:1px solid var(--line);border-radius:11px;padding:7px 10px} .aibx .ai-more span{font-size:10.5px;font-weight:700;color:var(--ink-3)} .aibx .ai-more b{font-size:11.5px;font-weight:800;color:var(--ink)} .aibx .ai-empty{text-align:center;padding:26px 14px} .aibx .ai-empty b{display:block;font-size:14px;font-weight:800;color:var(--ink);margin-bottom:5px} .aibx .ai-empty span{font-size:12px;font-weight:700;color:var(--ink-3);line-height:1.95} .aibx .ai-ft{padding:12px 17px;border-top:1px solid var(--line);background:var(--soft)} .aibx .ai-ft .sfx-cta{width:100%;max-width:none;font-size:13.5px;padding:12px;border-radius:13px} /* کارت چالش وقتی فقط یکی هست: بزرگ‌تر و دوستونه */ .sfx-ch-grid.one{grid-template-columns:minmax(0,700px)} .sfx-ch-grid.one .ch{padding:18px} .sfx-ch-grid.one .ch-hd{margin-bottom:14px} .sfx-ch-grid.one .ch-ic{width:40px;height:40px;border-radius:13px} .sfx-ch-grid.one .ch-ic svg{width:21px;height:21px} .sfx-ch-grid.one .ch-t b{font-size:15px} .sfx-ch-grid.one .ch-body{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;align-items:start} .sfx-ch-grid.one .ch-st{grid-template-columns:repeat(2,minmax(0,1fr))} .sfx-ch-grid.one .ch-mt{margin-bottom:0} @media(max-width:760px),(max-height:540px) and (orientation:landscape){ .sfx-ch-grid.one{grid-template-columns:minmax(0,1fr)} .sfx-ch-grid.one .ch-body{grid-template-columns:minmax(0,1fr);gap:11px} .sfx-sim.is-m .sfx-ai-btn{width:100%;justify-content:center} } /* انتخاب نقطه‌ی شروع بک‌تست (مثل Replay تریدینگ‌ویو) */ .sfx-mini.rp-btn{display:inline-flex;align-items:center;gap:5px;color:var(--accent-dk);border-color:#d9d2f7;background:var(--soft)} .sfx-mini.rp-btn svg{width:14px;height:14px;flex:0 0 auto} .sfx-mini.rp-btn.on{background:var(--g);color:#fff;border-color:transparent} .sfx-rpick{position:absolute;inset:0;pointer-events:none;z-index:8} .sfx-rpick .rp-sh{position:absolute;background:rgba(90,75,214,.06); background-image:repeating-linear-gradient(135deg,rgba(90,75,214,.08) 0 6px,transparent 6px 12px)} .sfx-rpick .rp-ln{position:absolute;width:0;border-left:2px solid #5a4bd6;margin-left:-1px} .sfx-rpick .rp-ln.no{border-color:#f0526c} .sfx-rpick .rp-tag{position:absolute;bottom:6px;left:0;transform:translateX(-50%);background:#5a4bd6;color:#fff; font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:7px;white-space:nowrap;direction:rtl; box-shadow:0 6px 14px -8px rgba(69,53,173,.9)} .sfx-rpick .rp-ln.no .rp-tag{background:#f0526c} .sfx-rpick .rp-hint{position:absolute;top:44px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px; pointer-events:auto;direction:rtl;white-space:nowrap;font-size:12px;font-weight:800;color:var(--ink); background:rgba(255,255,255,.94);border:1px solid #d9d2f7;border-radius:12px;padding:5px 12px 5px 5px; box-shadow:0 10px 24px -16px rgba(69,53,173,.9);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)} .sfx-rpick .rp-hint svg{width:16px;height:16px;color:var(--accent-dk);flex:0 0 auto} .sfx-rpick .rp-hint .mb{display:none} .sfx-rpick .rp-x{border:0;background:var(--soft);color:var(--accent-dk);font-family:inherit;font-size:11px;font-weight:800; border-radius:8px;padding:5px 10px;cursor:pointer} .sfx-sim.is-picking .sfx-chart-wrap{cursor:crosshair} .sfx-term.is-dark .sfx-rpick .rp-hint,.sfx-sim-pane.is-dark .sfx-rpick .rp-hint{background:rgba(22,19,39,.92);border-color:#332c57;color:#f0edff} .sfx-sim.is-m .sfx-rpick .rp-hint{top:136px;font-size:11.5px} .sfx-sim.is-m .sfx-rpick .rp-hint .dk{display:none} .sfx-sim.is-m .sfx-rpick .rp-hint .mb{display:inline} #mcPick svg{width:15px;height:15px;color:var(--accent-dk);flex:0 0 auto} #mcPick.on svg{color:#fff} .sfx-sim.is-m .mc-rep .mc:not(.ic){padding-left:8px;padding-right:8px} .sfx-sim.is-m #mcPick,.sfx-sim.is-m #mcSpd{flex:0 0 auto} .sfx-sim.is-m #mcClock{flex:1 1 auto;min-width:0} .sfx-rpick .rp-dt{display:inline-flex;align-items:center;gap:4px;border:1px solid #d9d2f7;background:#fff;color:var(--accent-dk); font-family:inherit;font-size:11px;font-weight:800;border-radius:8px;padding:4px 9px;cursor:pointer} .sfx-rpick .rp-dt svg{width:13px;height:13px} #simModal .rp-date{display:flex;gap:6px;margin-top:6px;direction:rtl} #simModal .rp-date select{flex:1 1 0;min-width:0;border:1px solid var(--line);border-radius:10px;padding:9px 6px; font-family:inherit;font-size:13px;font-weight:700;background:#fff;color:var(--ink)} /* بک‌تست روی دسکتاپ: همه‌ی کنترل‌ها در یک خط؛ کارت سرعت هم‌قد تایم‌فریم‌ها */ .sfx-sim:not(.is-m) .sfx-tool.is-bt{gap:6px;container-type:inline-size} .sfx-sim:not(.is-m) .sfx-tool.is-bt .sfx-modesw button{padding:6px 9px} .sfx-sim:not(.is-m) .sfx-tool.is-bt #symSel{flex:0 1 190px;width:190px;min-width:120px} .sfx-sim:not(.is-m) .sfx-tool.is-bt .sfx-tfs button{padding:6px 7px} .sfx-sim:not(.is-m) .sfx-tool.is-bt #replayBox{gap:6px!important;flex:0 0 auto} .sfx-sim:not(.is-m) .sfx-tool.is-bt .sfx-play button{padding:6px 8px;font-family:inherit;font-size:12px;font-weight:800;line-height:normal} .sfx-sim:not(.is-m) .sfx-tool.is-bt .sfx-play button svg{width:13px;height:13px} .sfx-sim:not(.is-m) .sfx-tool.is-bt #btnPick{padding:7px 10px;border-radius:10px;font-size:11.5px;white-space:nowrap} .sfx-sim:not(.is-m) .sfx-tool.is-bt #btnPick .rp-l1{display:none} .sfx-sim:not(.is-m) .sfx-tool.is-bt .sfx-clock{flex:0 1 auto;overflow:hidden} @container (max-width: 1000px){ .sfx-sim:not(.is-m) .sfx-tool.is-bt #symSel{flex-basis:150px;width:150px} .sfx-sim:not(.is-m) .sfx-tool.is-bt .sfx-modesw button{padding:6px 7px} .sfx-sim:not(.is-m) .sfx-tool.is-bt .sfx-tfs button{padding:6px 6px} .sfx-sim:not(.is-m) .sfx-tool.is-bt #btnPick .rp-l2{display:none} .sfx-sim:not(.is-m) .sfx-tool.is-bt #btnPick{padding:7px 9px} .sfx-sim:not(.is-m) .sfx-tool.is-bt .sfx-clock .dot{display:none} } /* دکمه‌ی «تاریخ» کنار «نقطه‌ی شروع» و پنجره‌ی انتخاب تاریخ */ .sfx-sim:not(.is-m) .sfx-tool.is-bt #btnDate{padding:7px 10px;border-radius:10px;font-size:11.5px;white-space:nowrap} /* نوشته‌ی «نقطه‌ی شروع» فقط در نوار پهن؛ «تاریخ» تا ۹۴۰px نوشته‌اش را نگه می‌دارد تا پیدا شود */ @container (max-width: 1100px){ .sfx-sim:not(.is-m) .sfx-tool.is-bt #btnPick .rp-l2{display:none} .sfx-sim:not(.is-m) .sfx-tool.is-bt #btnPick{padding:7px 8px} } @container (max-width: 1000px){ .sfx-sim:not(.is-m) .sfx-tool.is-bt #btnPick{padding:7px 7px} .sfx-sim:not(.is-m) .sfx-tool.is-bt #btnDate{padding:7px 8px} } @container (max-width: 940px){ .sfx-sim:not(.is-m) .sfx-tool.is-bt #btnDate .rp-l2{display:none} .sfx-sim:not(.is-m) .sfx-tool.is-bt #btnDate{padding:7px 7px} } #simModal .rp-date label{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:4px} #simModal .rp-date label i{font-style:normal;font-size:11px;font-weight:700;color:var(--ink-3)} #simModal .rp-date select{width:100%} #simModal .rp-prev{display:block;margin-top:10px;padding:8px 10px;border-radius:10px;background:var(--soft); color:var(--accent-dk);font-size:12.5px;font-weight:800;text-align:center} .sfx-sim.is-m #mcClock{gap:4px;padding-left:6px;padding-right:6px;font-family:inherit} .sfx-sim.is-m #mcClock .t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .sfx-sim.is-m #mcPick{padding-left:6px;padding-right:6px} /* کشیدن کارت معامله روی موبایل: گزینه‌ها پشت کارت پیدا می‌شوند و فقط با لمس همان گزینه اجرا می‌شوند */ .ml-tray{position:absolute;top:0;bottom:0;display:flex;align-items:stretch;gap:5px;padding:5px;visibility:hidden;direction:rtl} .ml-tray.l{right:0} .ml-tray.r{left:0} .ml-wrap.sw-l .ml-tray.l,.ml-wrap.open-l .ml-tray.l,.ml-wrap.sw-r .ml-tray.r,.ml-wrap.open-r .ml-tray.r{visibility:visible} .ml-wrap.sw-l,.ml-wrap.sw-r,.ml-wrap.open-l,.ml-wrap.open-r{background:var(--soft)} .ml-tb{width:70px;border:0;border-radius:10px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px; font-family:inherit;font-size:11px;font-weight:800;cursor:pointer} .ml-wrap[data-kind="ord"] .ml-tb{width:82px} .ml-tb svg{width:16px;height:16px} .ml-tb.edit{background:var(--lilac);color:var(--accent-dk)} .ml-tb.dang{background:#ffe3e8;color:#b3243c} .ml-wrap:not(.static) .ml-card{transition:transform .22s ease} .ml-wrap.open-l .ml-card{transform:translateX(calc(var(--tw) * -1))} .ml-wrap.open-r .ml-card{transform:translateX(var(--tw))} .sfx-sim-pane.is-dark .ml-wrap.sw-l,.sfx-sim-pane.is-dark .ml-wrap.sw-r,.sfx-sim-pane.is-dark .ml-wrap.open-l,.sfx-sim-pane.is-dark .ml-wrap.open-r{background:#110e20} .sfx-sim-pane.is-dark .ml-tb.edit{background:#2a2350;color:#cbb9ff} .sfx-sim-pane.is-dark .ml-tb.dang{background:#3a1a24;color:#ff9fb0} /* عناصر مخصوص موبایل روی دسکتاپ هرگز دیده نشوند (استایلشان فقط داخل مدیاکوئری موبایل است و با جابه‌جا کردن اندازه‌ی پنجره خام بیرون می‌زدند). sfx-mlock را apply() روی html می‌گذارد. */ html:not(.sfx-mlock) .mc-pl,html:not(.sfx-mlock) .mc-fav,html:not(.sfx-mlock) .mc-bar,html:not(.sfx-mlock) .mc-rep, html:not(.sfx-mlock) .m-hold,html:not(.sfx-mlock) .m-dock,html:not(.sfx-mlock) .m-sheet{display:none!important} /* ============================================================ کشویی نماد جعبه‌ی باریک + فهرست کوتاه با جست‌وجو (select بومی روی ۲۰۰ نماد بدقواره بود) */ .sfx-sympick{position:relative} .sfx-symbtn{display:inline-flex;align-items:center;gap:6px;width:150px;font-family:inherit;font-size:13px; font-weight:800;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px; padding:8px 12px;cursor:pointer;transition:.15s} .sfx-symbtn:hover{border-color:var(--accent)} .sfx-symbtn span{flex:1;text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .sfx-symbtn svg{width:14px;height:14px;color:#9a97ad;flex:none} .sfx-symmenu{display:none;position:absolute;z-index:40;top:calc(100% + 6px);inset-inline-start:0;width:260px; background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px rgba(28,20,70,.18);overflow:hidden} .sfx-symmenu.on{display:block} .sfx-symmenu .ssearch{display:flex;align-items:center;gap:7px;padding:9px 11px;border-bottom:1px solid var(--line)} .sfx-symmenu .ssearch svg{width:15px;height:15px;color:#9a97ad;flex:none} .sfx-symmenu .ssearch input{flex:1;border:0;outline:0;background:0;font-family:inherit;font-size:13px; font-weight:700;color:var(--ink);min-width:0} .sfx-symlist{max-height:290px;overflow:auto;padding:5px} .sfx-symlist .sgrp{padding:7px 9px 4px;font-size:11px;font-weight:800;color:var(--ink-2);opacity:.75} .sfx-symlist .srow{display:block;width:100%;text-align:start;border:0;background:0;font-family:inherit; font-size:13px;font-weight:700;color:var(--ink);padding:7px 9px;border-radius:9px;cursor:pointer} .sfx-symlist .srow:hover{background:var(--soft)} .sfx-symlist .srow.on{background:var(--accent);color:#fff} .sfx-symmenu .sempty{padding:14px;text-align:center;font-size:12.5px;color:var(--ink-2)} .sfx-sim-pane.is-dark .sfx-symbtn{background:#221d3d;color:#f0edff;border-color:#332c57} .sfx-sim-pane.is-dark .sfx-symmenu{background:#1b1735;border-color:#332c57} .sfx-sim-pane.is-dark .sfx-symmenu .ssearch{border-color:#332c57} .sfx-sim-pane.is-dark .sfx-symmenu .ssearch input{color:#f0edff} .sfx-sim-pane.is-dark .sfx-symlist .srow{color:#e8e4ff} .sfx-sim-pane.is-dark .sfx-symlist .srow:hover{background:#292350} /* نوع حسابی که فید زنده ندارد */ .oaccs .oac.off{opacity:.55;cursor:not-allowed} .oaccs .oac.off:hover{border-color:var(--line);box-shadow:none;transform:none} .oaccs .oac .oaclive{display:block;margin-top:6px;font-size:11px;font-weight:800;color:#0f9d6f} .oaccs .oac .oacoff{display:block;margin-top:6px;font-size:11px;font-weight:700;color:#b4553f;line-height:1.7} /* بروکری که هنوز فید زنده ندارد: خاکستری و غیرقابل انتخاب */ .obk.nodata{opacity:.5;filter:grayscale(1)} .obk.nodata .pickb{cursor:not-allowed} .obk.nodata .pickb:hover{border-color:var(--line);box-shadow:none;transform:none} .obk .nd{width:100%;font-size:11px;font-weight:700;color:var(--ink-2);line-height:1.7;text-align:start} /* ============================================================ اصلاح‌های موبایل ۲) روی iOS واحد vh ارتفاع نوار مرورگر را هم حساب می‌کند، برای همین مودالِ ساخت حساب از پایین صفحه بیرون می‌زد. dvh ارتفاع واقعیِ دیده‌شده است. */ @supports (max-height:100dvh){ .sfx-sheet .bx.obbx{max-height:92dvh} .sfx-sheet .bx.mdock{max-height:88dvh} } @media(max-width:760px){ .sfx-sheet .bx.obbx{max-height:92dvh} .obbx .oaccs{grid-template-columns:1fr} .obbx .ob{-webkit-overflow-scrolling:touch} .obbx .of{position:sticky;bottom:0;z-index:2} } /* ۵) تایم‌فریم داخل کارت «بیشتر» تکراری است؛ بالای چارت هست */ .m-sheet .sfx-tool .sfx-tfs{display:none} /* ۴) دکمه‌ی «بررسی با AI» فقط در صفحه‌ی تاریخچه‌ی موبایل، کنار زبانه‌ها */ #aiBtnM{display:none} @media(max-width:760px),(max-height:540px) and (orientation:landscape){ .sfx-sim.is-m[data-scr="history"] #aiBtnM{display:inline-flex;align-items:center;gap:6px; width:auto;flex:0 0 auto;margin-inline-start:auto;align-self:center; font-size:11.5px;padding:7px 12px;border-radius:11px;white-space:nowrap} .sfx-sim.is-m[data-scr="history"] #aiBtnM svg{width:14px;height:14px} } /* نوشته‌ی «بیشتر» نوار را تنگ کرد؛ نام نماد نباید بریده شود */ .mc-bar #mcSym{min-width:72px} .mc-bar #mcSym b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mc-bar #mcMore{flex:0 0 auto;padding-inline:10px} .mc-bar #mcMore b{font-size:11.5px} /* «بیشتر» سمت راستِ نوار و جدا از بقیه (در RTL اولین عنصر، سمت راست است) */ .mc-bar #mcMore.mc-more{order:99;margin-inline-start:auto;flex:0 0 auto} /* دکمه‌های کار نباید فشرده و بریده شوند؛ فقط جعبه‌ی نماد کوتاه می‌شود */ .mc-bar .mc.act,.mc-bar #mcTf{flex:0 0 auto} .mc-bar #mcMore.mc-more::after{content:"";position:absolute;inset-inline-start:-6px;top:6px;bottom:6px; width:1px;background:var(--line)} .mc-bar #mcMore.mc-more{position:relative} /* دکمه‌ی لغو بک‌تست: بنفش، فقط وقتی نوار ریپلی دیده می‌شود */ .mc-rep #mcCancel{background:linear-gradient(135deg,#7b5cff,#4535ad);color:#fff;border-color:transparent; font-weight:800;flex:0 0 auto;margin-inline-start:auto} .mc-rep #mcCancel b{color:#fff} .mc-rep #mcCancel:hover{filter:brightness(1.08)} /* دکمه‌ی AI موبایل: همان گرادیان نسخه‌ی دسکتاپ (قانون .sfx-subtabs button رنگش را می‌خورد) */ .sfx-sim.is-m[data-scr="history"] #aiBtnM{ background:linear-gradient(135deg,#7b5cff,#4535ad 55%,#0ea5a4);color:#fff;border:0; box-shadow:0 12px 24px -14px rgba(69,53,173,.95)} .sfx-sim.is-m[data-scr="history"] #aiBtnM svg{color:#fff}