/* شکارزن — UI 2.0
   زبان طراحی «شب شکار»: زمینه سرمه‌ای عمیق با هاله‌های فیروزه‌ای و کهربایی، کارت‌های شیشه‌ای با لبه نوری،
   عددهای درشت، رنگ معنادار (سبز = سود، صورتی = زیان، کهربایی = برند، فیروزه‌ای = اطلاعات).
   تم روشن: کاغذ سرد با کارت‌های سفید و سایه نرم. این فایل بعد از style.css بارگذاری می‌شود و آن را بازنویسی می‌کند. */

:root {
  --bg: #f3f5fa; --bg-2: #e9edf5; --surface: #ffffff; --surface-2: #f6f8fc; --surface-3: #eef1f8;
  --line: rgba(20, 30, 60, .08); --line-2: rgba(20, 30, 60, .15); --glass: rgba(255, 255, 255, .8);
  --text: #0b1222; --text-2: #34405a; --muted: #6f7b95;
  --up: #059669; --up-soft: #dcf7ec; --down: #e11d48; --down-soft: #ffe4ea; --warn: #c27803; --warn-soft: #fff3d6;
  --info: #0e7fd8; --info-soft: #e0f0ff; --violet: #6d4ef2; --violet-soft: #eeeaff; --teal: #0f9fa0;
  --shadow: 0 1px 2px rgba(15, 25, 50, .05), 0 12px 32px -18px rgba(15, 25, 50, .22);
  --shadow-lg: 0 30px 80px -28px rgba(15, 25, 50, .4);
  --aura-1: rgba(245, 185, 66, .14); --aura-2: rgba(14, 165, 233, .1);
  --r: 22px; --r-md: 16px; --r-sm: 12px;
  --display: "Estedad", "Vazirmatn", Tahoma, sans-serif;
  --ac: #d48a06; --ac-2: #f5b942; --ac-soft: #fdf0d2; --ac-ink: #7a4b00; --on-ac: #1d1300;
  --grad-ac: linear-gradient(135deg, #ffd27a 0%, #f5b942 45%, #e08f0b 100%);
  --grad-up: linear-gradient(135deg, #34e3b0, #06a87b);
  --edge: linear-gradient(140deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .2) 40%, rgba(255, 255, 255, 0) 60%);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #05080f; --bg-2: #0a0f1b; --surface: #0d1322; --surface-2: #121a2c; --surface-3: #18213a;
    --line: rgba(160, 180, 255, .08); --line-2: rgba(160, 180, 255, .15); --glass: rgba(10, 15, 27, .72);
    --text: #eef2ff; --text-2: #bcc5dd; --muted: #7c87a5;
    --up: #2ee6ad; --up-soft: rgba(46, 230, 173, .11); --down: #ff5c7c; --down-soft: rgba(255, 92, 124, .12);
    --warn: #ffbb4d; --warn-soft: rgba(255, 187, 77, .12); --info: #5cc2ff; --info-soft: rgba(92, 194, 255, .12);
    --violet: #a395ff; --violet-soft: rgba(163, 149, 255, .13); --teal: #3fd6d6;
    --shadow: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 18px 44px -22px rgba(0, 0, 0, .8);
    --shadow-lg: 0 40px 100px -30px rgba(0, 0, 0, .95);
    --aura-1: rgba(245, 185, 66, .09); --aura-2: rgba(56, 189, 248, .08);
    --ac: #f5b942; --ac-2: #ffd88a; --ac-soft: rgba(245, 185, 66, .13); --ac-ink: #ffd88a; --on-ac: #1d1300;
    --edge: linear-gradient(140deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .03) 40%, rgba(255, 255, 255, 0) 60%);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #05080f; --bg-2: #0a0f1b; --surface: #0d1322; --surface-2: #121a2c; --surface-3: #18213a;
  --line: rgba(160, 180, 255, .08); --line-2: rgba(160, 180, 255, .15); --glass: rgba(10, 15, 27, .72);
  --text: #eef2ff; --text-2: #bcc5dd; --muted: #7c87a5;
  --up: #2ee6ad; --up-soft: rgba(46, 230, 173, .11); --down: #ff5c7c; --down-soft: rgba(255, 92, 124, .12);
  --warn: #ffbb4d; --warn-soft: rgba(255, 187, 77, .12); --info: #5cc2ff; --info-soft: rgba(92, 194, 255, .12);
  --violet: #a395ff; --violet-soft: rgba(163, 149, 255, .13); --teal: #3fd6d6;
  --shadow: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 18px 44px -22px rgba(0, 0, 0, .8);
  --shadow-lg: 0 40px 100px -30px rgba(0, 0, 0, .95);
  --aura-1: rgba(245, 185, 66, .09); --aura-2: rgba(56, 189, 248, .08);
  --ac: #f5b942; --ac-2: #ffd88a; --ac-soft: rgba(245, 185, 66, .13); --ac-ink: #ffd88a; --on-ac: #1d1300;
  --edge: linear-gradient(140deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .03) 40%, rgba(255, 255, 255, 0) 60%);
  color-scheme: dark;
}

/* ---------- پایه ---------- */
body { background: radial-gradient(1200px 700px at 100% -10%, var(--aura-1), transparent 60%),
  radial-gradient(900px 600px at -10% 110%, var(--aura-2), transparent 60%), var(--bg); background-attachment: fixed; }
.page-head h1, .h2-title, .psec-h h2 { font-family: var(--display); font-weight: 900; letter-spacing: -.6px; }
.page-head h1 { font-size: clamp(24px, 2.6vw, 32px); }
.num, .price-b { font-feature-settings: normal; font-variant-numeric: normal; }

/* کارت با لبه نوری */
.card { border-radius: var(--r); background: linear-gradient(var(--surface), var(--surface)) padding-box,
  linear-gradient(160deg, var(--line-2), var(--line) 30%, var(--line) 70%, var(--line-2)) border-box; border: 1px solid transparent; }
.card-h h2 { font-weight: 800; letter-spacing: -.2px; }
.btn { border-radius: 13px; font-weight: 700; transition: transform .12s, filter .15s, background .15s; }
.btn:active { transform: translateY(1px) scale(.99); }
.btn.primary { background: var(--grad-ac); color: var(--on-ac); box-shadow: 0 12px 28px -14px var(--ac), inset 0 1px 0 rgba(255, 255, 255, .45); }
.tabs button.on, .ib-tabs button.on { background: var(--grad-ac); color: var(--on-ac); border-color: transparent; }
.chip.on { background: var(--ac-soft); border-color: color-mix(in srgb, var(--ac) 45%, transparent); color: var(--ac-ink); }
th { text-transform: none; font-size: 11.5px; }
tbody tr:hover td { background: color-mix(in srgb, var(--ac) 3%, transparent); }

/* ---------- چارچوب ---------- */
.side { background: linear-gradient(180deg, color-mix(in srgb, var(--surface) 70%, transparent), color-mix(in srgb, var(--bg) 60%, transparent));
  backdrop-filter: blur(20px); border-inline-start: 1px solid var(--line); }
.brand .logo, .m-brand .logo, .pbrand .logo, .logo { background: var(--grad-ac); color: var(--on-ac); box-shadow: 0 10px 26px -12px var(--ac); }
.nav-group { font-size: 10.5px; letter-spacing: .4px; opacity: .8; }
.nav a { border-radius: 12px; }
.nav a:hover { background: var(--surface-2); }
.nav a.active { background: linear-gradient(90deg, transparent, var(--ac-soft) 70%); }
.nav a .nav-new { margin-inline-start: auto; font-size: 9.5px; font-weight: 900; padding: 0 6px; border-radius: 6px; background: var(--grad-up); color: #04261b; }
.topbar { border-bottom: 1px solid var(--line); }
.tabbar { background: color-mix(in srgb, var(--surface) 82%, transparent) !important; backdrop-filter: blur(22px) saturate(160%) !important; }
.tabbar .fab i { background: var(--grad-ac) !important; }

/* ---------- عنوان صفحه v4 ---------- */
.v4-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-bottom: 16px; }
.v4-head h1 { margin: 0; font-family: var(--display); font-weight: 900; font-size: clamp(22px, 2.6vw, 30px); letter-spacing: -.5px; display: flex; align-items: center; gap: 10px; }
.v4-head h1 .hic { width: 42px; height: 42px; border-radius: 14px; display: grid; place-items: center; background: var(--ac-soft); color: var(--ac); }
.v4-head p { margin: 4px 0 0; color: var(--muted); font-size: 13.5px; max-width: 70ch; }
.v4 { display: grid; gap: 18px; }
.lbl-s { font-size: 11.5px; color: var(--muted); }
.ok-t { color: var(--up); } .bad-t { color: var(--down); } .warn-t { color: var(--warn); }

/* ---------- خانه v4 ---------- */
.hx-top { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.mk { position: relative; overflow: hidden; padding: 14px 16px; border-radius: var(--r-md); background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow); }
.mk .k { font-size: 12px; color: var(--muted); display: flex; align-items: center; gap: 6px; }
.mk .k .ci { width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; font-size: 10px; font-weight: 900; color: #fff; }
.mk b { display: block; font-size: 21px; font-weight: 900; letter-spacing: -.4px; margin-top: 2px; }
.mk .s { font-size: 11.5px; color: var(--muted); }
.mk svg.spark { position: absolute; inset: auto 0 0 0; width: 100%; height: 30px; opacity: .35; pointer-events: none; }
.mk .s, .mk b, .mk .k { position: relative; z-index: 1; }
.brand b, .m-brand b, .pbrand b { font-weight: 900; letter-spacing: -.3px; }
.hx-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 18px; align-items: start; }
.hx-col { display: grid; gap: 18px; min-width: 0; }

/* کارت بزرگ «بهترین فرصت» */
.prime { position: relative; overflow: hidden; border-radius: 26px; padding: 22px; color: var(--text);
  background: radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--up) 18%, transparent), transparent 55%),
  radial-gradient(90% 120% at 0% 100%, color-mix(in srgb, var(--ac) 14%, transparent), transparent 55%), var(--surface);
  border: 1px solid color-mix(in srgb, var(--up) 30%, var(--line)); box-shadow: var(--shadow-lg); }
.prime.none { border-color: var(--line); background: var(--surface); }
.prime-h { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.prime-tag { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 800; padding: 4px 11px; border-radius: 99px;
  background: var(--up-soft); color: var(--up); }
.prime-tag i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; animation: pulse 1.6s infinite; }
.prime h2 { margin: 10px 0 4px; font-size: clamp(20px, 2.4vw, 28px); font-weight: 900; letter-spacing: -.5px; }
.prime .big { font-size: clamp(30px, 4.2vw, 46px); font-weight: 900; letter-spacing: -1px; color: var(--up); line-height: 1.1; direction: ltr; unicode-bidi: isolate; }
.prime .big small { font-size: 15px; color: var(--muted); font-weight: 700; }

/* مسیر سه‌مرحله‌ای ارز (خرید ← انتقال ← فروش) */
.flow { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, .8fr) auto minmax(0, 1fr); gap: 8px; align-items: stretch; margin-top: 16px; }
.flow .st { padding: 12px 14px; border-radius: 16px; background: color-mix(in srgb, var(--surface-2) 85%, transparent); border: 1px solid var(--line); min-width: 0; }
.flow .st .k { font-size: 11px; color: var(--muted); display: block; }
.flow .st b { display: block; font-size: 15px; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.flow .st .p { font-size: 16px; font-weight: 900; letter-spacing: -.3px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.flow .st .s { font-size: 11px; color: var(--muted); display: block; }
.flow .st.buy { border-color: color-mix(in srgb, var(--up) 30%, var(--line)); } .flow .st.buy .p { color: var(--up); }
.flow .st.sell { border-color: color-mix(in srgb, var(--ac) 35%, var(--line)); } .flow .st.sell .p { color: var(--ac); }
.flow .st.tr { text-align: center; background: transparent; border-style: dashed; }
.flow .st.tr.bad { border-color: color-mix(in srgb, var(--down) 50%, transparent); color: var(--down); }
.flow .ar { display: grid; place-items: center; color: var(--muted); }
.flow .ar svg { width: 18px; height: 18px; transform: scaleX(-1); }

/* آبشار سود */
.wf { display: grid; gap: 6px; margin-top: 14px; }
.wf .r { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 12.8px; padding: 6px 10px; border-radius: 10px; }
.wf .r span:first-child { color: var(--text-2); display: flex; align-items: center; gap: 6px; }
.wf .r b { font-weight: 800; direction: ltr; unicode-bidi: isolate; }
.wf .r.minus b { color: var(--down); } .wf .r.plus b { color: var(--up); }
.wf .r.total { background: color-mix(in srgb, var(--up) 10%, var(--surface-2)); font-size: 14px; }
.wf .r.total.neg { background: var(--down-soft); } .wf .r.total.neg b { color: var(--down); }
.wf .bar { height: 6px; border-radius: 99px; background: var(--line); overflow: hidden; display: flex; }
.wf .bar i { display: block; height: 100%; }

/* اطمینان */
.conf { display: inline-flex; padding: 3px 10px; border-radius: 99px; background: var(--surface-2); border: 1px solid var(--line); align-items: center; gap: 8px; font-size: 12px; font-weight: 800; }
.conf .m { width: 64px; height: 7px; border-radius: 99px; background: var(--line-2); overflow: hidden; }
.conf .m i { display: block; height: 100%; border-radius: 99px; }
.conf.high { color: var(--up); } .conf.high .m i { background: var(--up); }
.conf.mid { color: var(--warn); } .conf.mid .m i { background: var(--warn); }
.conf.low { color: var(--down); } .conf.low .m i { background: var(--down); }

/* کارت مسیر (صفحه فرصت‌ها) */
.rcard { padding: 18px; border-radius: 22px; background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow); display: grid; gap: 12px; min-width: 0; }
.rcard.win { border-color: color-mix(in srgb, var(--up) 28%, var(--line)); }
.rt-h { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.rt-h .coin { display: flex; align-items: center; gap: 10px; }
.cbadge { width: 40px; height: 40px; border-radius: 13px; display: grid; place-items: center; font-weight: 900; font-size: 12px; color: #fff; flex: none;
  box-shadow: 0 10px 20px -12px currentColor; letter-spacing: -.3px; }
.rt-h .coin b { font-size: 16px; font-weight: 900; display: block; }
.rt-h .coin small { color: var(--muted); font-size: 12px; }
.rt-p { text-align: left; }
.rt-p b { display: block; font-size: 24px; font-weight: 900; letter-spacing: -.5px; direction: ltr; }
.rt-p small { font-size: 12px; color: var(--muted); }
.rt-p.neg b { color: var(--down); } .rt-p.pos b { color: var(--up); }
.rt-meta { display: flex; flex-wrap: wrap; gap: 6px; }
.rt-meta > span:not(.conf) { font-size: 11.5px; padding: 3px 9px; border-radius: 99px; background: var(--surface-2); border: 1px solid var(--line); color: var(--text-2); display: inline-flex; align-items: center; gap: 4px; }
.rt-meta > span.good { background: var(--up-soft); color: var(--up); border-color: transparent; }
.rt-meta > span.bad { background: var(--down-soft); color: var(--down); border-color: transparent; }
.rt-meta > span.warn { background: var(--warn-soft); color: var(--warn); border-color: transparent; }
.rt-book { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.rt-book > div { padding: 10px 12px; border-radius: 14px; background: var(--surface-2); font-size: 12px; color: var(--muted); }
.rt-book b { color: var(--text); font-size: 14px; display: block; }
.rt-max { padding: 12px 14px; border-radius: 14px; background: linear-gradient(90deg, var(--up-soft), transparent); font-size: 12.8px; }
.rt-max b { color: var(--up); }
.rt-acts { display: flex; gap: 8px; flex-wrap: wrap; }
.rt-why { font-size: 12px; color: var(--warn); display: grid; gap: 2px; }
.rt-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 420px), 1fr)); gap: 16px; }

/* بازار ارزها */
.cx-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 14px; }
.cx { position: relative; overflow: hidden; padding: 16px; border-radius: 20px; background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow);
  cursor: pointer; transition: transform .15s, border-color .15s; text-decoration: none; color: inherit; display: grid; gap: 10px; }
.cx:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--cc, var(--ac)) 45%, var(--line)); }
.cx::after { content: ""; position: absolute; inset: -40% -30% auto auto; width: 180px; height: 180px; border-radius: 50%;
  background: radial-gradient(closest-side, color-mix(in srgb, var(--cc, var(--ac)) 22%, transparent), transparent); pointer-events: none; }
.cx-h { display: flex; align-items: center; gap: 10px; }
.cx-h b { font-size: 16px; font-weight: 900; } .cx-h small { color: var(--muted); font-size: 11.5px; display: block; }
.cx-h .badge2 { margin-inline-start: auto; }
.cx-p { font-size: 22px; font-weight: 900; letter-spacing: -.4px; }
.cx-p small { font-size: 12px; color: var(--muted); font-weight: 600; }
.cx-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.cx-row > div { padding: 8px 10px; border-radius: 12px; background: var(--surface-2); font-size: 11.5px; color: var(--muted); min-width: 0; }
.cx-row b { display: block; color: var(--text); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cx-row .num { font-weight: 800; }
.cx-best { font-size: 12px; padding: 8px 10px; border-radius: 12px; display: flex; justify-content: space-between; gap: 8px; align-items: center; }
.cx-best.pos { background: var(--up-soft); color: var(--up); } .cx-best.neg { background: var(--surface-2); color: var(--muted); }
.cx-best b { direction: ltr; unicode-bidi: isolate; }
.badge2 { font-size: 11px; font-weight: 800; padding: 2px 9px; border-radius: 99px; background: var(--surface-2); color: var(--muted); }
.badge2.up { background: var(--up-soft); color: var(--up); } .badge2.down { background: var(--down-soft); color: var(--down); }
.badge2.gold { background: var(--ac-soft); color: var(--ac-ink); }
.vtab { display: flex; gap: 6px; flex-wrap: wrap; }

/* جزئیات ارز */
.cd-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 20px; border-radius: 24px;
  background: radial-gradient(100% 160% at 100% 0%, color-mix(in srgb, var(--cc, var(--ac)) 20%, transparent), transparent 60%), var(--surface);
  border: 1px solid var(--line); box-shadow: var(--shadow); }
.cd-hero h1 { margin: 0; font-size: clamp(22px, 3vw, 30px); font-weight: 900; display: flex; align-items: center; gap: 12px; }
.cd-hero .cbadge { width: 52px; height: 52px; border-radius: 16px; font-size: 14px; }
.cd-kpis { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 10px; }
.cd-kpis div { font-size: 12px; color: var(--muted); } .cd-kpis b { display: block; font-size: 17px; color: var(--text); font-weight: 900; }
.pt { width: 100%; } .pt td b { font-weight: 800; }
.pt .best-b { background: var(--up-soft); color: var(--up); border-radius: 8px; padding: 1px 6px; }
.pt .best-s { background: var(--ac-soft); color: var(--ac-ink); border-radius: 8px; padding: 1px 6px; }
.nets { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 10px; }
.netc { padding: 12px 14px; border-radius: 16px; background: var(--surface-2); border: 1px solid var(--line); }
.netc h4 { margin: 0 0 8px; font-size: 13.5px; display: flex; justify-content: space-between; align-items: center; }
.netc ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 5px; }
.netc li { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; align-items: center; }
.netc li .nn { font-weight: 800; direction: ltr; }
.netc li.off { opacity: .45; text-decoration: line-through; }
.netc li.best { color: var(--up); font-weight: 800; }
.dot2 { width: 7px; height: 7px; border-radius: 50%; display: inline-block; margin-inline-end: 4px; }
.dot2.on { background: var(--up); } .dot2.off { background: var(--down); }

/* طلا v4 */
.gv-verdict { display: flex; gap: 14px; align-items: center; padding: 18px 20px; border-radius: 22px;
  background: linear-gradient(110deg, var(--ac-soft), transparent 70%), var(--surface); border: 1px solid color-mix(in srgb, var(--ac) 30%, var(--line)); }
.gv-verdict .gi { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; font-size: 26px; background: var(--grad-ac); flex: none; }
.gv-verdict b { font-size: 16px; } .gv-verdict p { margin: 2px 0 0; color: var(--text-2); font-size: 13px; }
.gv-pts { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 14px; }
.gv-pt { padding: 16px 18px; border-radius: 20px; background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow); }
.gv-pt h3 { margin: 0 0 6px; font-size: 15px; display: flex; align-items: center; gap: 8px; }
.gv-pt h3 span { font-size: 20px; }
.gv-pt p { margin: 0; font-size: 13px; color: var(--text-2); line-height: 1.95; }
.gv-pt.up { border-color: color-mix(in srgb, var(--up) 30%, var(--line)); }
.gv-pt.gold { border-color: color-mix(in srgb, var(--ac) 30%, var(--line)); }
.gv-pt.violet { border-color: color-mix(in srgb, var(--violet) 30%, var(--line)); }
.gv-strip { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }

/* مدیریت */
.adm-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); gap: 12px; }
.adm-tile { display: grid; gap: 4px; padding: 16px; border-radius: 18px; background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow);
  text-decoration: none; color: inherit; transition: transform .15s, border-color .15s; }
.adm-tile:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--ac) 40%, var(--line)); }
.adm-tile .ti { width: 40px; height: 40px; border-radius: 13px; display: grid; place-items: center; background: var(--ac-soft); color: var(--ac); margin-bottom: 6px; }
.adm-tile b { font-size: 14.5px; } .adm-tile small { color: var(--muted); font-size: 12px; line-height: 1.7; }
.adm-tile .v { font-size: 22px; font-weight: 900; }
.adm-tile.warn .ti { background: var(--warn-soft); color: var(--warn); } .adm-tile.bad .ti { background: var(--down-soft); color: var(--down); }
.adm-tile.good .ti { background: var(--up-soft); color: var(--up); }
.nf-grid td.c { text-align: center; font-size: 12px; } .nf-grid td.c b { display: block; font-size: 12.5px; direction: ltr; }
.nf-grid td.c small { color: var(--muted); font-size: 10.5px; }
.nf-grid td.c.none { color: var(--muted); opacity: .5; }
.nf-grid td.c.min { background: var(--up-soft); }

/* صفحه نخست UI 2 */
.lx { position: relative; }
.lx-hero { position: relative; overflow: hidden; padding: clamp(40px, 7vw, 90px) 20px clamp(30px, 5vw, 60px); }
.lx-hero .in { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 40px; align-items: center; }
.lx-hero h1 { font-size: clamp(32px, 5.4vw, 64px); line-height: 1.12; font-weight: 900; letter-spacing: -1.5px; margin: 14px 0; }
.lx-hero h1 em { font-style: normal; background: var(--grad-ac); -webkit-background-clip: text; background-clip: text; color: transparent; }
.lx-hero p.sub { font-size: clamp(15px, 1.6vw, 18px); color: var(--text-2); max-width: 56ch; line-height: 2; }
.lx-eye { display: inline-flex; gap: 8px; align-items: center; font-size: 12.5px; font-weight: 800; padding: 6px 14px; border-radius: 99px;
  background: var(--up-soft); color: var(--up); }
.lx-eye i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; animation: pulse 1.6s infinite; }
.lx-cta { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 24px; }
.lx-cta .btn { padding: 14px 24px; font-size: 15.5px; border-radius: 16px; }
.lx-proof { display: flex; gap: 22px; flex-wrap: wrap; margin-top: 28px; }
.lx-proof div b { display: block; font-size: 24px; font-weight: 900; } .lx-proof div span { font-size: 12px; color: var(--muted); }
.lx-glow { position: absolute; inset: -20% -10% auto auto; width: 70vw; height: 70vw; max-width: 900px; max-height: 900px; border-radius: 50%;
  background: radial-gradient(closest-side, var(--aura-1), transparent 70%); pointer-events: none; }
.lx-demo { position: relative; padding: 20px; border-radius: 28px; background: var(--surface); border: 1px solid var(--line-2); box-shadow: var(--shadow-lg);
  transform: perspective(1200px) rotateY(-6deg) rotateX(2deg); }
.lx-demo .chip-live { position: absolute; top: -14px; left: 24px; font-size: 12px; font-weight: 800; padding: 6px 12px; border-radius: 99px;
  background: var(--grad-up); color: #03271b; box-shadow: 0 10px 24px -10px var(--up); }
.lx-sec { max-width: 1180px; margin: 0 auto; padding: clamp(36px, 6vw, 80px) 20px; }
.lx-sec h2 { font-size: clamp(24px, 3.4vw, 40px); font-weight: 900; letter-spacing: -.8px; margin: 8px 0 10px; }
.lx-sec .kick { font-size: 12.5px; font-weight: 800; color: var(--ac); }
.lx-sec > p.lead { color: var(--text-2); max-width: 70ch; font-size: 15px; line-height: 2; margin: 0 0 26px; }
.lx-feats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.lx-f { padding: 22px; border-radius: 24px; background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow); position: relative; overflow: hidden; }
.lx-f .fi { width: 48px; height: 48px; border-radius: 16px; display: grid; place-items: center; background: var(--ac-soft); color: var(--ac); margin-bottom: 12px; }
.lx-f h3 { margin: 0 0 6px; font-size: 17px; font-weight: 900; } .lx-f p { margin: 0; color: var(--text-2); font-size: 13.5px; line-height: 2; }
.lx-f.big { grid-column: span 2; }
.lx-f.teal .fi { background: var(--info-soft); color: var(--info); } .lx-f.green .fi { background: var(--up-soft); color: var(--up); }
.lx-f.violet .fi { background: var(--violet-soft); color: var(--violet); }
.lx-cost { display: grid; gap: 8px; margin-top: 14px; max-width: 460px; }
.lx-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; counter-reset: s; }
.lx-steps li { list-style: none; padding: 22px; border-radius: 24px; background: var(--surface); border: 1px solid var(--line); position: relative; }
.lx-steps li::before { counter-increment: s; content: counter(s, persian); position: absolute; top: 16px; left: 18px; font-size: 40px; font-weight: 900; color: var(--line-2); }
.lx-steps h3 { margin: 0 0 6px; font-size: 16px; } .lx-steps p { margin: 0; color: var(--text-2); font-size: 13.5px; line-height: 2; }
.lx-band { border-radius: 30px; padding: clamp(26px, 5vw, 50px); background: var(--grad-ac); color: var(--on-ac); display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; align-items: center; }
.lx-band h2 { color: var(--on-ac); margin: 0; } .lx-band p { margin: 6px 0 0; opacity: .8; }
.lx-band .btn { background: #120c00; color: #ffe2a3; border-color: transparent; padding: 14px 24px; font-size: 15px; }

/* ---------- گوشی ---------- */
@media (max-width: 1100px) {
  .hx-grid { grid-template-columns: minmax(0, 1fr); }
  .lx-hero .in { grid-template-columns: minmax(0, 1fr); }
  .lx-demo { transform: none; }
  .lx-feats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .hx-top { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .mk { padding: 12px 13px; } .mk b { font-size: 18px; }
  .flow { grid-template-columns: minmax(0, 1fr) minmax(0, .85fr) minmax(0, 1fr); gap: 6px; }
  .flow .ar { display: none; }
  .flow .st { padding: 9px 10px; border-radius: 13px; }
  .flow .st b { font-size: 13px; } .flow .st .p { font-size: 12.5px; letter-spacing: -.5px; } .flow .st .k, .flow .st .s { font-size: 10px; }
  .wf .r { font-size: 12px; padding: 5px 8px; }
  .prime { padding: 18px; border-radius: 22px; }
  .lx-feats, .lx-steps { grid-template-columns: minmax(0, 1fr); }
  .lx-f.big { grid-column: auto; }
  .cd-hero { grid-template-columns: minmax(0, 1fr); }
  .rcard { padding: 15px; }
  .rt-p b { font-size: 21px; }
}
/* فهرست کوچک ارزها در خانه */
.cmlist { display: grid; gap: 4px; padding-top: 6px; }
.cmini { display: flex; align-items: center; gap: 10px; padding: 8px 6px; border-radius: 12px; text-decoration: none; color: inherit; }
.cmini:hover { background: var(--surface-2); }
.cmini .cbadge { width: 32px; height: 32px; border-radius: 10px; font-size: 10px; }
.cm-n { flex: 1; min-width: 0; } .cm-n b { display: block; font-size: 13.5px; } .cm-n small { color: var(--muted); font-size: 11px; }
.cm-p { font-weight: 800; font-size: 13px; }
.sec-h { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 2px 10px; }
.sec-h h2 { font-size: 15.5px; margin: 0; display: flex; align-items: center; gap: 8px; font-weight: 900; }
.sec-h h2 svg.i { color: var(--ac); }
.lx .ptiers { margin-top: 10px; }

/* ===================== UI 2.1 ===================== */
/* دکمه‌ها: سه‌بعدی نرم، حالت فشار، آیکون هم‌تراز، اندازه لمسی در گوشی */
.btn { position: relative; gap: 7px; padding: 9px 16px; border-radius: 14px; border: 1px solid var(--line-2);
  background: linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, #fff 4%), var(--surface-2));
  box-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 6px 16px -12px rgba(0, 0, 0, .6); color: var(--text); }
.btn:hover { border-color: color-mix(in srgb, var(--ac) 40%, var(--line-2)); transform: translateY(-1px); }
.btn:active { transform: translateY(1px); box-shadow: 0 1px 0 rgba(0, 0, 0, .2) inset; }
.btn:focus-visible { outline: 2px solid var(--ac); outline-offset: 2px; }
.btn svg.i { width: 17px; height: 17px; flex: none; }
.btn.primary { background: var(--grad-ac); border-color: color-mix(in srgb, var(--ac) 60%, transparent); color: var(--on-ac);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 -2px 0 rgba(0, 0, 0, .12) inset, 0 12px 26px -14px var(--ac); }
.btn.primary:hover { filter: brightness(1.06) saturate(1.05); }
.btn.ghost { background: transparent; box-shadow: none; }
.btn.violet { background: linear-gradient(135deg, #b3a6ff, var(--violet)); color: #fff; border-color: transparent; }
.btn.danger { color: var(--down); }
.btn.sm { padding: 7px 12px; font-size: 12.8px; border-radius: 12px; } .btn.xs { padding: 4px 9px; font-size: 12px; border-radius: 10px; }
.btn.big { padding: 13px 22px; font-size: 15px; border-radius: 16px; }
.btn.loading { color: transparent !important; pointer-events: none; }
.btn.loading::after { content: ""; position: absolute; inset: 0; margin: auto; width: 18px; height: 18px; border-radius: 50%;
  border: 2px solid currentColor; border-color: var(--on-ac) transparent var(--on-ac) transparent; animation: spin360 .7s linear infinite; }
.btn.copy.done { background: var(--up-soft); border-color: transparent; color: var(--up); }
.btn:disabled { opacity: .55; cursor: not-allowed; transform: none; }
@media (max-width: 760px) { .btn { min-height: 40px; } .btn.xs { min-height: 32px; } }

/* حالت اجرا */
.modal.wide { width: min(760px, calc(100vw - 24px)); }
.ex-live { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 16px; margin-bottom: 14px; flex-wrap: wrap; }
.ex-live.good { background: var(--up-soft); color: var(--up); } .ex-live.bad { background: var(--down-soft); color: var(--down); }
.ex-live div { flex: 1; min-width: 200px; display: grid; } .ex-live small { color: var(--text-2); font-size: 11.5px; }
.ex-dot { width: 12px; height: 12px; border-radius: 50%; background: currentColor; animation: pulse 1.4s infinite; flex: none; }
.ex-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.ex-steps li { display: flex; gap: 12px; padding: 14px; border-radius: 18px; border: 1px solid var(--line); background: var(--surface-2); transition: opacity .2s; }
.ex-steps li.done { opacity: .55; } .ex-steps li.done .ex-n { background: var(--up); color: #032417; }
.ex-n { width: 36px; height: 36px; border-radius: 12px; display: grid; place-items: center; flex: none; font-weight: 900; cursor: pointer;
  background: var(--ac-soft); color: var(--ac-ink); }
.ex-b { flex: 1; min-width: 0; } .ex-b b { font-size: 14.5px; } .ex-b p { margin: 4px 0 8px; font-size: 13px; color: var(--text-2); line-height: 1.9; }
.ex-acts { display: flex; flex-wrap: wrap; gap: 6px; }

/* اشتراک */
.share { display: grid; gap: 12px; }
.share-img { border-radius: 18px; overflow: hidden; background: var(--surface-2); display: grid; place-items: center; min-height: 200px; }
.share-img img { display: block; width: 100%; max-width: 420px; height: auto; margin: auto; }

/* راه‌اندازی اولیه */
.modal.onb-m { width: min(620px, calc(100vw - 24px)); }
.onb { padding: 6px 4px 2px; }
.onb-top { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.onb-top div { display: grid; } .onb-top small { color: var(--muted); }
.onb-dots { margin-inline-start: auto; display: flex !important; gap: 6px; } .onb-dots i { width: 22px; height: 6px; border-radius: 99px; background: var(--line-2); }
.onb-dots i.on { background: var(--grad-ac); }
.onb h2 { margin: 0 0 4px; font-size: 20px; font-weight: 900; } .onb > p, .onb p { color: var(--text-2); font-size: 13px; margin: 0 0 14px; }
.onb-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 8px; }
.onb-c { display: flex; align-items: center; gap: 8px; padding: 11px 12px; border-radius: 14px; border: 1.5px solid var(--line-2); background: var(--surface-2);
  color: var(--text); font: inherit; font-weight: 700; cursor: pointer; transition: .15s; }
.onb-c .ci { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 11px; color: #fff; font-weight: 900; }
.onb-c.on { border-color: var(--ac); background: var(--ac-soft); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ac) 18%, transparent); }
.onb-mode { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.onb-mode label { display: grid; gap: 4px; padding: 14px; border-radius: 16px; border: 1.5px solid var(--line-2); background: var(--surface-2); cursor: pointer; }
.onb-mode label.on { border-color: var(--ac); background: var(--ac-soft); }
.onb-mode input { position: absolute; opacity: 0; } .onb-mode b { display: flex; gap: 6px; align-items: center; } .onb-mode small { color: var(--text-2); font-size: 12px; line-height: 1.7; }
.onb-f { display: flex; justify-content: space-between; gap: 10px; margin-top: 18px; }

/* صرافی‌های من */
.myex { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr)); gap: 8px; }
.mx { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 14px; border: 1.5px solid var(--line-2); background: var(--surface-2); cursor: pointer; }
.mx.on { border-color: var(--ac); background: var(--ac-soft); }
.mx b { flex: 1; font-size: 13px; } .mx input[type=checkbox] { width: 18px; height: 18px; accent-color: var(--ac); }
.mx input[data-fee] { width: 78px; padding: 6px 8px; border-radius: 10px; font-size: 12px; }

/* ستاره علاقه‌مندی */
.cx .star { margin-inline-start: 6px; border: 0; background: transparent; font-size: 20px; line-height: 1; cursor: pointer; color: var(--muted); position: relative; z-index: 2; }
.cx .star.on { color: var(--ac); }
.sheet-route { padding: 4px 2px 18px; } .sheet-route .rcard { box-shadow: none; }
.ph-k { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; margin-bottom: 12px; }
.ph-k div { padding: 10px 12px; border-radius: 14px; background: var(--surface-2); display: grid; }
.ph-k span { font-size: 11.5px; color: var(--muted); } .ph-k b { font-size: 14px; } .ph-k small { font-size: 11px; color: var(--muted); }
@media (max-width: 560px) { .onb-mode { grid-template-columns: 1fr; } }
.modal-bg { z-index: 120 !important; }
.sheet-bg { z-index: 110 !important; }
@media (max-width: 760px) {
  .v4-head { margin-bottom: 10px; }
  .v4-head p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 12.5px; }
  .v4-head .field { min-width: 0 !important; width: 100%; }
  .v4-head h1 .hic { width: 36px; height: 36px; border-radius: 12px; }
}