/* =====================================================================
   مرکز خبر بازار v4.2 — «میز خبر»
   شب لاجوردی + زعفرانی: سطح‌ها آبی‌مایل تیره، تنها رنگ برند زعفرانی است و فقط برای «اهمیت»
   (نوار کنار کارت، نشان مهم، دکمهٔ اصلی). سبز فیروزه‌ای = صعودی، سرخ روناسی = نزولی؛ این دو
   هرگز برای اهمیت به کار نمی‌روند تا «مهم» و «نزولی» با هم اشتباه نشوند.
   ===================================================================== */
:root{
 --bg:#0a0f1e;--bg2:#0f1629;--card:#111a2e;--card-h:#16213b;--card2:rgba(150,172,235,.075);--bd:rgba(150,172,235,.13);--bd2:rgba(150,172,235,.27);
 --tx:#e9edf8;--mu:#929dbb;--bl:#f2b84a;--pu:#e8893a;--gr:#3ad8b0;--rd:#f2647d;--ye:#f2b84a;--cy:#62c9f0;
 --sh:rgba(2,6,18,.55);--glass:rgba(10,15,30,.86);--dot:transparent;--r:10px;--on:#1a1304}
[data-th=light]{
 --bg:#eef1f6;--bg2:#e4e9f1;--card:#ffffff;--card-h:#fbfcfe;--card2:rgba(20,40,90,.05);--bd:rgba(20,40,90,.12);--bd2:rgba(20,40,90,.26);
 --tx:#121a2e;--mu:#53607f;--bl:#a96800;--pu:#bf5a12;--gr:#07856a;--rd:#cf2e4a;--ye:#a96800;--cy:#0a7f9c;
 --sh:rgba(30,45,100,.14);--glass:rgba(238,241,246,.9);--on:#fff}
body{font-size:14.5px}
body:before{background:linear-gradient(180deg,color-mix(in srgb,var(--bl) 6%,transparent),transparent 340px);-webkit-mask-image:none;mask-image:none}

/* متن روی زمینهٔ زعفرانی */
button.t:hover,.ac button:hover,.ac a:hover,.arh .chip:hover,.ar-ac button:hover,.chip.pr,.kd-d.sel,#top,.ib.pr,.ib.pr:hover,.ob-lg,.kx-ic,.ob-dlg .kx-hd .kx-ic{color:var(--on)!important}

/* هدر */
.logo{filter:none;width:44px;height:44px}
h1{background:none;-webkit-text-fill-color:currentColor;color:var(--tx);font-size:26px;font-weight:900;letter-spacing:0}
.sub{font-size:12.5px}
.ib{border-radius:8px;box-shadow:none}
.ib:hover{transform:none;border-color:var(--bd2);background:var(--card-h)}
.ib.on{background:color-mix(in srgb,var(--bl) 13%,var(--card));border-color:color-mix(in srgb,var(--bl) 60%,transparent)}
.ib.pr,.ib.pr:hover{background:var(--bl);border-color:transparent;box-shadow:none}
.ib.pr:hover{filter:brightness(1.07)}
#pg{background:var(--bl);box-shadow:none}

/* خبر فوری: نوار زعفرانی (نه قرمز تا با «نزولی» اشتباه نشود) */
.brk{background:var(--bl);color:var(--on);padding:6px var(--gut);box-shadow:none;border-bottom:1px solid rgba(0,0,0,.2)}
.brk b{background:var(--on);color:var(--bl)}.brk b:before{background:var(--rd)}
.brk button,.bka{background:rgba(0,0,0,.14);color:var(--on)}
.brk button:hover{background:rgba(0,0,0,.26)}

/* نوار ابزار و تب‌ها */
.sb input,.bar select{border-radius:8px}
.pill{border-radius:8px;padding:6px 9px 6px 12px}
.pill i{border-radius:5px}
.pill.on{background:var(--bl);color:var(--on);box-shadow:none}.pill.on i{background:rgba(0,0,0,.16);color:var(--on)}
.chip{border-radius:7px}
.tk{border-radius:8px}

/* کارت خبر: نوار کنار = اهمیت */
.c{border-radius:10px;padding:15px 17px 12px;transition:border-color .2s,background .2s}
.c:hover{transform:none;box-shadow:none;border-color:var(--bd2);background:var(--card-h)}
.c:before,[dir=rtl] .c:before{top:0;bottom:0;width:0;border-radius:0;box-shadow:none;background:var(--bl);opacity:1}
.c.l2:before{width:2px;opacity:.55}
.c.l3:before{width:4px}
.c.l3{background-image:none;border-color:color-mix(in srgb,var(--bl) 32%,var(--bd))}
.c.nw:after{border-radius:0 0 6px 6px}
.fa{font-size:15px;font-weight:700;line-height:1.9}
.c.l3 .fa{font-size:17.5px;font-weight:800;line-height:1.8}
.c.l1 .fa{font-size:14px;font-weight:600}
.en{font-size:11.5px}
.imp{border-radius:5px;padding:1px 8px;font-size:10.5px}
.i3{background:var(--bl);color:var(--on)}
.i2{background:transparent;color:var(--bl);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bl) 50%,transparent)}
.i1{background:transparent;color:var(--mu)}
.av{border-radius:7px}
.t{border-radius:6px;background:transparent;box-shadow:inset 0 0 0 1px var(--bd);padding:1px 9px}
button.t:hover{background:var(--bl)}
.t.w{background:color-mix(in srgb,var(--bl) 16%,transparent);box-shadow:none}
.t.hz{background:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gr) 35%,transparent)}
.bu,.be{border-radius:6px;padding:2px 9px}
.bu{background:var(--gr);color:#04241b}.be{background:var(--rd);color:#2b0610}
[data-th=light] .bu,[data-th=light] .be{color:#fff}
.bu.wk,.be.wk{background:transparent;opacity:1;box-shadow:inset 0 0 0 1.5px currentColor}
.bu.wk{color:var(--gr)}.be.wk{color:var(--rd)}
.ac button,.ac a{border-radius:7px}
.ac button:hover{transform:none}
.ft{border-top-color:var(--bd)}

/* ستون کناری */
.p{border-radius:10px;padding:14px 15px}
.p h3{font-size:13px}
.cd{background:none;-webkit-text-fill-color:currentColor;color:var(--bl)}
#top{background:var(--bl);box-shadow:0 6px 18px var(--sh);border-radius:12px}
#top:hover{transform:none;filter:brightness(1.08)}
.fab{border-radius:12px}

/* موبایل: هدر فشرده */
@media(max-width:980px){
 .hd{padding:12px var(--gut) 2px;gap:8px}
 h1{font-size:21px}.logo{width:38px;height:38px}
 .brk{padding:5px var(--gut);font-size:12.5px}
 .ctl{gap:5px}
 .ctl .ib{min-height:34px;padding:5px 4px;font-size:12px}
 .c{padding:13px 14px 11px}
 .c.l3 .fa{font-size:16.5px}
 .pills{padding-top:6px;padding-bottom:8px}
}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.kx-dlg:before{background:var(--bl)!important}

/* جستجوی رمزارز در نمودار */
.ch-sr{position:relative;flex:1 1 200px;min-width:170px;max-width:290px}
.ch-si{width:100%;height:38px;font-size:12.5px;border-radius:11px}
.ch-dd{position:absolute;inset-inline:0;top:calc(100% + 4px);z-index:30;background:var(--card);border:1px solid var(--bd2);border-radius:12px;box-shadow:0 14px 34px var(--sh);padding:4px;max-height:280px;overflow:auto}
.ch-dd[hidden]{display:none}
.dd-i{display:flex;align-items:center;gap:9px;width:100%;border:0;background:transparent;color:var(--tx);border-radius:8px;padding:8px 10px;text-align:start;font:inherit;font-size:12.5px;cursor:pointer}
.dd-i b{min-width:52px;font-weight:800}.dd-i span{color:var(--mu);font-size:11.5px}.dd-i em{margin-inline-start:auto;font-style:normal;color:var(--mu);font-variant-numeric:tabular-nums;font-size:11.5px}
.dd-i:hover,.dd-i.on{background:var(--card2)}
.dd-n{padding:10px 12px;color:var(--mu);font-size:12px}
.ch-sym .xtra{position:relative}
.ch-sym .xtra::after{content:'';position:absolute;top:5px;inset-inline-end:5px;width:4px;height:4px;border-radius:50%;background:var(--bl,#f0a830);opacity:.8}
/* قیمت‌های تومانی در نوار نماد */
.tk.irt .pr{font-feature-settings:"tnum"}
.tk.irt.old .pr{opacity:.62}
.tk.irt.warn .pr::after{content:' ⚠';color:var(--bl,#f0a830);font-size:.9em}
.tk.irt.old .pr::after{content:' ◔';opacity:.7;font-size:.85em}

/* =====================================================================
   v4.4 — تم‌ها. هر تم فقط سطح‌ها و رنگ «اهمیت» (--bl) را عوض می‌کند؛ فیروزه‌ای = صعودی و روناسی = نزولی ثابت می‌ماند.
   ===================================================================== */
[data-th=graphite]{color-scheme:dark;
 --bg:#0e0f11;--bg2:#141518;--card:#181a1e;--card-h:#1f2126;--card2:rgba(255,255,255,.06);--bd:rgba(255,255,255,.1);--bd2:rgba(255,255,255,.22);
 --tx:#ececec;--mu:#9a9ca3;--bl:#d8b45f;--pu:#d88a4a;--gr:#3ad8b0;--rd:#f2647d;--ye:#d8b45f;--cy:#62c9f0;--sh:rgba(0,0,0,.6);--glass:rgba(14,15,17,.88);--on:#16110a}
[data-th=amoled]{color-scheme:dark;
 --bg:#000;--bg2:#050506;--card:#0b0b0d;--card-h:#131316;--card2:rgba(255,255,255,.07);--bd:rgba(255,255,255,.11);--bd2:rgba(255,255,255,.24);
 --tx:#f2f2f2;--mu:#98989f;--bl:#ffb020;--pu:#ff8a3d;--gr:#35e0b4;--rd:#ff5f7b;--ye:#ffb020;--cy:#62c9f0;--sh:rgba(0,0,0,.8);--glass:rgba(0,0,0,.9);--on:#1a1100}
[data-th=forest]{color-scheme:dark;
 --bg:#07120f;--bg2:#0b1a15;--card:#0e1f19;--card-h:#132a22;--card2:rgba(150,235,200,.07);--bd:rgba(150,235,200,.13);--bd2:rgba(150,235,200,.27);
 --tx:#e6f4ee;--mu:#8fb0a3;--bl:#e9c46a;--pu:#e08e45;--gr:#43dfae;--rd:#f4677f;--ye:#e9c46a;--cy:#62c9f0;--sh:rgba(0,10,6,.6);--glass:rgba(7,18,15,.88);--on:#1a1404}
[data-th=ocean]{color-scheme:dark;
 --bg:#06121c;--bg2:#0a1b29;--card:#0d2133;--card-h:#12293f;--card2:rgba(120,200,255,.075);--bd:rgba(120,200,255,.14);--bd2:rgba(120,200,255,.28);
 --tx:#e4f2fb;--mu:#86a7bd;--bl:#ff9f5a;--pu:#f08049;--gr:#3ad8b0;--rd:#f2647d;--ye:#ffb86b;--cy:#62c9f0;--sh:rgba(0,8,18,.6);--glass:rgba(6,18,28,.88);--on:#1f0f03}
[data-th=violet]{color-scheme:dark;
 --bg:#0e0a1c;--bg2:#150f29;--card:#1a1333;--card-h:#221a42;--card2:rgba(190,160,255,.08);--bd:rgba(190,160,255,.15);--bd2:rgba(190,160,255,.3);
 --tx:#efeafc;--mu:#a69cc7;--bl:#f7c15a;--pu:#e8893a;--gr:#3ad8b0;--rd:#f2647d;--ye:#f7c15a;--cy:#62c9f0;--sh:rgba(6,2,20,.6);--glass:rgba(14,10,28,.88);--on:#1c1304}
[data-th=sepia]{color-scheme:light;
 --bg:#f3ecdc;--bg2:#eae0c9;--card:#fbf6ea;--card-h:#fffaf0;--card2:rgba(90,60,20,.06);--bd:rgba(90,60,20,.14);--bd2:rgba(90,60,20,.3);
 --tx:#2b2316;--mu:#7a6a4c;--bl:#9a5b00;--pu:#a84a10;--gr:#11805f;--rd:#b8293f;--ye:#9a5b00;--cy:#0a7a8f;--sh:rgba(80,55,20,.16);--glass:rgba(243,236,220,.9);--on:#fff}
[data-th=sepia] .bu,[data-th=sepia] .be{color:#fff}
[data-th=sepia] .brk{color:#fff}

/* پالت تم‌ها */
#fs,#th{color:var(--tx)}#fs svg,#th svg{display:block;margin:auto}
#fs.on{background:color-mix(in srgb,var(--bl) 13%,var(--card));border-color:color-mix(in srgb,var(--bl) 60%,transparent)}
.thm{position:fixed;z-index:120;width:276px;background:var(--card);border:1px solid var(--bd2);border-radius:16px;padding:12px 12px 10px;box-shadow:0 24px 60px var(--sh);animation:pop .18s var(--ease)}
.thm h4{font-size:12.5px;font-weight:800;color:var(--mu);margin:0 2px 9px}
.thm p{font-size:11px;color:var(--mu);margin:9px 2px 0;line-height:1.7}
.thg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.thc{display:flex;flex-direction:column;gap:5px;align-items:stretch;background:transparent;border:1.5px solid transparent;border-radius:12px;padding:4px;cursor:pointer;color:var(--tx);transition:border-color .15s,background .15s}
.thc:hover{background:var(--card2)}
.thc:focus-visible{outline:2px solid var(--bl);outline-offset:1px}
.thc.on{border-color:var(--bl);background:color-mix(in srgb,var(--bl) 10%,transparent)}
.thn{font-size:11.5px;font-weight:700;text-align:center}
.thp{position:relative;display:block;height:46px;border-radius:9px;border:1px solid var(--bd2);overflow:hidden}
.thp u{position:absolute;inset:7px 18px 7px 7px;border-radius:5px;padding:6px 6px;display:flex;flex-direction:column;gap:4px;text-decoration:none;box-shadow:0 1px 0 rgba(0,0,0,.18)}
.thp s{display:block;height:3px;border-radius:2px;width:85%;text-decoration:none;opacity:.8}
.thp em{position:absolute;top:7px;inset-inline-start:7px;bottom:7px;width:4px;border-radius:3px}
.thp.half{display:flex}.thp.half i{flex:1}
.thp.half b{position:absolute;inset:0;display:grid;place-items:center;color:#8a93ad}
@media(max-width:560px){.thm{width:min(276px,calc(100vw - 16px))}}