@font-face {
  font-family: "Vazirmatn";
  src: url("/fonts/Vazirmatn.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --bg: #07111f;
  --bg-soft: #0a1728;
  --panel: rgba(13, 29, 49, 0.78);
  --panel-strong: #10233a;
  --line: rgba(157, 185, 219, 0.13);
  --text: #f0f6ff;
  --muted: #8da3bd;
  --dim: #5d7490;
  --cyan: #55d6ef;
  --blue: #6288ff;
  --green: #52d6a3;
  --red: #ff7c9d;
  --amber: #ffc56a;
  --shadow: 0 24px 70px rgba(0, 0, 0, 0.22);
  --radius: 24px;
}

* { box-sizing: border-box; }

html { min-width: 320px; background: var(--bg); }

body {
  min-height: 100vh;
  margin: 0;
  background:
    radial-gradient(circle at 86% 8%, rgba(55, 145, 255, 0.12), transparent 25rem),
    radial-gradient(circle at 15% 45%, rgba(31, 215, 202, 0.06), transparent 28rem),
    var(--bg);
  color: var(--text);
  font-family: "Vazirmatn", Tahoma, "Segoe UI", sans-serif;
  line-height: 1.75;
}

button { font: inherit; }

.ambient {
  position: fixed;
  z-index: -1;
  width: 24rem;
  height: 24rem;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.18;
  pointer-events: none;
}

.ambient--one { top: 12rem; left: -12rem; background: #317dff; }
.ambient--two { right: -14rem; bottom: 8rem; background: #1bcbb5; }

.app-shell { width: min(1440px, calc(100% - 48px)); margin: 0 auto; }

.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 94px;
  border-bottom: 1px solid var(--line);
}

.brand { display: inline-flex; align-items: center; gap: 12px; color: var(--text); text-decoration: none; }
.brand-mark, .footer-mark {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  overflow: hidden;
  border: 1px solid rgba(85, 214, 239, 0.23);
  background: linear-gradient(145deg, rgba(16, 35, 58, 0.96), rgba(7, 17, 31, 0.96));
  box-shadow: 0 10px 30px rgba(85, 214, 239, 0.16);
}

.brand-mark img, .footer-mark img { display: block; width: 100%; height: 100%; object-fit: contain; }

.brand strong { display: block; font-size: 1.03rem; font-weight: 800; letter-spacing: -0.015em; }
.brand small { display: block; color: var(--dim); font-size: 0.7rem; font-weight: 500; letter-spacing: 0; }
.topbar__actions { display: flex; align-items: center; gap: 8px; }
.pro-nav-link { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border: 1px solid rgba(85, 214, 239, 0.3); border-radius: 12px; background: linear-gradient(135deg, rgba(85, 214, 239, 0.12), rgba(98, 136, 255, 0.09)); color: #d9f8ff; text-decoration: none; font-size: 0.72rem; font-weight: 800; transition: 180ms ease; }
.pro-nav-link span { color: var(--cyan); text-shadow: 0 0 14px rgba(85, 214, 239, 0.8); }
.pro-nav-link:hover { border-color: rgba(85, 214, 239, 0.62); transform: translateY(-1px); box-shadow: 0 10px 30px rgba(85, 214, 239, 0.1); }

.live-pill, .status-badge, .section-note, .last-sync {
  color: var(--muted);
  font-size: 0.72rem;
}

.plan-pill { padding: 7px 11px; border: 1px solid rgba(98, 136, 255, 0.28); border-radius: 999px; background: rgba(98, 136, 255, 0.1); color: #b9c7ff; font-size: 0.68rem; font-weight: 700; }
.live-pill { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid rgba(82, 214, 163, 0.18); border-radius: 999px; background: rgba(82, 214, 163, 0.06); color: #a1e5c8; }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(82, 214, 163, 0.12); }
.icon-button { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255, 255, 255, 0.03); color: var(--muted); cursor: pointer; transition: 180ms ease; }
.icon-button:hover { border-color: rgba(85, 214, 239, 0.44); color: var(--cyan); transform: translateY(-1px); }
.icon-button.is-loading span { animation: spin 0.8s linear infinite; }
.auth-button { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 15px; border: 1px solid rgba(82, 214, 163, 0.34); border-radius: 12px; background: rgba(82, 214, 163, 0.08); color: #bff2dc; font-size: 0.7rem; font-weight: 800; text-decoration: none; transition: 180ms ease; }
.auth-button:hover, .auth-button--active { border-color: rgba(82, 214, 163, 0.68); background: var(--green); color: #06241d; transform: translateY(-1px); box-shadow: 0 10px 26px rgba(82, 214, 163, 0.14); }

main { padding: 64px 0 42px; }
.hero-section { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 64px; }
.eyebrow { margin: 0 0 10px; color: var(--cyan); font-size: 0.76rem; font-weight: 700; letter-spacing: 0; }
h1, h2, p { margin-top: 0; }
.hero-section h1 { max-width: 760px; margin-bottom: 20px; font-size: clamp(2.2rem, 4.15vw, 3.95rem); font-weight: 850; line-height: 1.3; letter-spacing: -0.04em; text-wrap: balance; }
.hero-section h1 span { color: transparent; background: linear-gradient(100deg, var(--cyan), #9baaff); background-clip: text; -webkit-background-clip: text; }
.hero-copy { max-width: 620px; margin-bottom: 0; color: var(--muted); font-size: 1.02rem; line-height: 1.95; }
.hero-meta { display: flex; flex-direction: column; align-items: flex-end; gap: 16px; padding-bottom: 7px; }
.data-source { display: flex; align-items: center; gap: 11px; padding: 11px 14px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255, 255, 255, 0.025); }
.source-icon { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 10px; background: rgba(85, 214, 239, 0.12); color: var(--cyan); }
.data-source small, .data-source strong { display: block; }
.data-source small { color: var(--dim); font-size: 0.63rem; }
.data-source strong { color: #c9d8ec; font-size: 0.77rem; }
.free-note { display: flex; align-items: flex-start; gap: 9px; max-width: 250px; padding: 10px 12px; border: 1px solid rgba(82, 214, 163, 0.16); border-radius: 14px; background: rgba(82, 214, 163, 0.05); color: #bdebd6; font-size: 0.68rem; }
.free-note__icon { display: grid; place-items: center; flex: 0 0 auto; width: 20px; height: 20px; border-radius: 7px; background: rgba(82, 214, 163, 0.14); color: var(--green); font-weight: 800; }
.free-note strong, .free-note small { display: block; }
.free-note strong { font-size: 0.7rem; }
.free-note small { margin-top: 2px; color: var(--muted); font-size: 0.61rem; line-height: 1.55; }
.last-sync { color: var(--dim); }

.section-block { margin-top: 52px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.section-heading__actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  grid-template-areas: "note watch notification";
  align-items: center;
  flex: 0 1 720px;
  gap: 15px;
  width: 100%;
  max-width: 704px;
  min-width: 0;
}
.section-heading__actions .section-note {
  grid-area: note;
  min-width: 0;
  color: var(--muted);
  direction: rtl;
  font-size: .68rem;
  line-height: 1.7;
  text-align: left;
}
.section-heading__actions .watch-button {
  grid-area: watch;
  min-width: 160px;
  white-space: nowrap;
}
.section-heading__actions .notification-button {
  grid-area: notification;
  min-width: 140px;
  white-space: nowrap;
}
h2 { margin-bottom: 0; font-size: 1.22rem; letter-spacing: -0.02em; }
.market-toolbar { display: grid; grid-template-columns: minmax(260px, 1.2fr) minmax(180px, 0.55fr) auto; align-items: center; gap: 12px; margin-bottom: 18px; padding: 14px; border: 1px solid var(--line); border-radius: 18px; background: rgba(10, 24, 42, 0.7); }
.market-search { display: flex; align-items: center; gap: 9px; min-height: 42px; padding: 0 13px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255, 255, 255, 0.025); color: var(--cyan); }
.market-search:focus-within { border-color: rgba(85, 214, 239, 0.5); box-shadow: 0 0 0 3px rgba(85, 214, 239, 0.07); }
.market-search input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--text); font: inherit; font-size: 0.76rem; }
.market-search input::placeholder { color: var(--dim); }
.market-search input::-webkit-search-cancel-button { filter: invert(1); opacity: 0.45; }
.market-sort { min-height: 42px; padding: 0 12px; border: 1px solid var(--line); border-radius: 13px; outline: 0; background: #0d1d31; color: #d7e5f6; color-scheme: dark; font: inherit; font-size: 0.72rem; }
.market-sort:focus { border-color: rgba(85, 214, 239, 0.5); box-shadow: 0 0 0 3px rgba(85, 214, 239, 0.07); }
.market-sort option { background: #10233a; color: #e7f1ff; }
.market-filter-chips { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.market-filter-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 6px 10px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255, 255, 255, 0.025); color: var(--muted); font-size: 0.67rem; cursor: pointer; transition: 180ms ease; }
.market-filter-chip span { min-width: 19px; padding: 1px 5px; border-radius: 999px; background: rgba(255, 255, 255, 0.055); color: #c7d7e9; font-size: 0.6rem; }
.market-filter-chip:hover, .market-filter-chip.is-active { border-color: rgba(85, 214, 239, 0.38); background: rgba(85, 214, 239, 0.1); color: var(--cyan); }
.market-universe-chips { grid-column: 1 / -1; display: flex; align-items: center; flex-wrap: wrap; gap: 7px; padding-top: 2px; }
.market-universe-chip { display: inline-flex; align-items: center; gap: 7px; min-height: 34px; padding: 6px 11px; border: 1px solid rgba(85, 214, 239, 0.16); border-radius: 11px; background: rgba(85, 214, 239, 0.035); color: #9ab4cd; font-size: 0.67rem; cursor: pointer; transition: 180ms ease; }
.market-universe-chip span { min-width: 18px; padding: 1px 5px; border-radius: 999px; background: rgba(85, 214, 239, 0.1); color: var(--cyan); font-size: 0.6rem; }
.market-universe-chip:hover, .market-universe-chip.is-active { border-color: rgba(85, 214, 239, 0.45); background: rgba(85, 214, 239, 0.12); color: #e7f7ff; }
.market-universe-chip--risk { border-color: rgba(255, 124, 157, 0.2); }
.market-universe-chip--risk span { background: rgba(255, 124, 157, 0.1); color: var(--red); }
.market-universe-chip--risk:hover, .market-universe-chip--risk.is-active { border-color: rgba(255, 124, 157, 0.48); background: rgba(255, 124, 157, 0.1); color: #ffe8ef; }
.market-result-count { grid-column: 1 / -1; color: var(--dim); font-size: 0.66rem; }
.market-liquidity-strip { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: -5px 0 18px; }
.market-liquidity-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid rgba(85, 214, 239, 0.16); border-radius: 15px; background: linear-gradient(135deg, rgba(24, 55, 82, 0.72), rgba(9, 23, 40, 0.72)); }
.market-liquidity-card.is-warning { border-color: rgba(255, 197, 106, 0.3); }
.market-liquidity-card__symbol { display: grid; place-items: center; min-width: 42px; min-height: 32px; border-radius: 10px; background: rgba(85, 214, 239, 0.12); color: var(--cyan); font-size: 0.67rem; font-weight: 900; direction: ltr; }
.market-liquidity-card.is-warning .market-liquidity-card__symbol { background: rgba(255, 197, 106, 0.12); color: var(--amber); }
.market-liquidity-card strong, .market-liquidity-card small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.market-liquidity-card strong { color: #e5f3ff; font-size: 0.68rem; }
.market-liquidity-card small { margin-top: 3px; color: var(--dim); font-size: 0.58rem; }
.market-liquidity-card__value { text-align: left; direction: ltr; }
.market-liquidity-card__value strong { color: var(--green); font-size: 0.78rem; }
.market-liquidity-card.is-warning .market-liquidity-card__value strong { color: var(--amber); }
.market-liquidity-card__stats { grid-column: 2 / -1; color: var(--dim); font-size: 0.57rem; }
.market-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.market-card { position: relative; display: flex; flex-direction: column; overflow: hidden; min-height: 204px; padding: 16px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg, rgba(17, 38, 63, 0.92), rgba(9, 22, 39, 0.86)); color: var(--text); text-align: right; transition: 220ms ease; }
.market-card::after { position: absolute; top: -80px; left: -20px; width: 170px; height: 170px; border-radius: 50%; background: rgba(85, 214, 239, 0.08); content: ""; filter: blur(4px); }
.market-card:hover { border-color: rgba(85, 214, 239, 0.35); transform: translateY(-3px); box-shadow: var(--shadow); }
.market-card.active { border-color: rgba(85, 214, 239, 0.52); box-shadow: 0 0 0 1px rgba(85, 214, 239, 0.08), var(--shadow); }
.market-card__main { position: relative; z-index: 1; display: block; flex: 1; width: 100%; padding: 0 0 11px; border: 0; background: transparent; color: inherit; font: inherit; text-align: inherit; cursor: pointer; }
.market-card__main:focus-visible, .market-card__news:focus-visible, .asset-news-button:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.market-card__top, .market-card__bottom { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.market-card__top { color: #d9e7f8; font-size: 0.78rem; font-weight: 700; }
.market-symbol { display: flex; align-items: center; gap: 10px; }
.market-symbol__text { display: grid; line-height: 1.35; }
.market-symbol__text strong { color: #edf6ff; font-size: 0.76rem; direction: ltr; }
.market-symbol__text small { max-width: 105px; overflow: hidden; color: var(--dim); font-size: 0.59rem; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.token-badge { position: relative; display: grid; place-items: center; flex: 0 0 auto; width: 35px; height: 35px; overflow: hidden; border-radius: 12px; background: rgba(85, 214, 239, 0.13); color: var(--cyan); font-size: 0.85rem; font-weight: 900; }
.token-badge img { position: absolute; z-index: 1; width: 100%; height: 100%; object-fit: cover; }
.token-badge.eth { color: #b7bfff; background: rgba(112, 137, 255, 0.14); }
.trend-chip { padding: 4px 9px; border-radius: 999px; background: rgba(82, 214, 163, 0.1); color: var(--green); font-size: 0.65rem; }
.trend-chip.bearish { background: rgba(255, 124, 157, 0.1); color: var(--red); }
.trend-chip.neutral { background: rgba(255, 197, 106, 0.1); color: var(--amber); }
.market-card__price { position: relative; z-index: 1; display: block; margin: 15px 0 5px; overflow: hidden; font-size: clamp(1.12rem, 1.8vw, 1.48rem); font-weight: 800; letter-spacing: -0.035em; direction: ltr; text-align: right; text-overflow: ellipsis; }
.market-card__bottom { color: var(--muted); font-size: 0.72rem; }
.market-card__meta { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 12px; padding-top: 10px; border-top: 1px solid rgba(157, 185, 219, 0.09); color: var(--dim); font-size: 0.6rem; }
.market-card__score { color: #b7c8db; direction: ltr; }
.market-card__news { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 5px; padding-top: 10px; border-top: 1px solid rgba(157, 185, 219, 0.12); color: #72e7bb; font-size: 0.63rem; font-weight: 800; text-decoration: none; transition: 180ms ease; }
.market-card__news:hover { color: #b4ffe2; }
.market-empty { grid-column: 1 / -1; padding: 36px; border: 1px dashed var(--line); border-radius: 18px; color: var(--muted); text-align: center; }
.change-positive { color: var(--green) !important; }
.change-negative { color: var(--red) !important; }
.change-neutral { color: var(--amber) !important; }
.signal-mini { color: #b6c9df; }

.market-context-panel { padding: 25px; overflow: hidden; }
.context-status { padding: 5px 9px; border: 1px solid rgba(82, 214, 163, 0.2); border-radius: 999px; background: rgba(82, 214, 163, 0.07); color: var(--green); font-size: 0.65rem; }
.context-status.is-stale { border-color: rgba(255, 197, 106, 0.2); background: rgba(255, 197, 106, 0.07); color: var(--amber); }
.context-intro { margin: 12px 0 0; color: var(--muted); font-size: 0.72rem; }
.context-stat-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 9px; margin-top: 18px; }
.context-stat { min-width: 0; padding: 13px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255, 255, 255, 0.025); }
.context-stat--fear { background: linear-gradient(145deg, rgba(255, 197, 106, 0.08), rgba(98, 136, 255, 0.05)); }
.context-stat span, .context-stat small { display: block; color: var(--dim); font-size: 0.61rem; }
.context-stat strong { display: block; overflow: hidden; margin: 8px 0 2px; color: #e3eefb; direction: ltr; text-align: right; text-overflow: ellipsis; white-space: nowrap; font-size: 0.96rem; }
.context-stat small { min-height: 19px; font-size: 0.59rem; }
.fear-meter { height: 4px; margin-top: 8px; overflow: hidden; border-radius: 99px; background: rgba(255, 255, 255, 0.09); }
.fear-meter span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--red), var(--amber), var(--green)); transition: width 260ms ease; }
.fear-meter span.fear-extreme { background: var(--red); }
.fear-meter span.fear { background: #ff9a87; }
.fear-meter span.fear-neutral { background: var(--amber); }
.fear-meter span.greed { background: #78d7a6; }
.fear-meter span.greed-extreme { background: var(--green); }
.context-lists { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 12px; margin-top: 14px; }
.context-list-block { min-width: 0; padding: 14px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255, 255, 255, 0.018); }
.context-list-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 9px; }
.context-list-heading strong { color: #dce9f8; font-size: 0.72rem; }
.context-list-heading small { color: var(--dim); font-size: 0.59rem; }
.context-list { display: grid; gap: 6px; }
.context-list-row { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto auto; align-items: center; gap: 8px; min-height: 37px; padding: 6px 7px; border: 1px solid rgba(157, 185, 219, 0.08); border-radius: 10px; background: rgba(255, 255, 255, 0.018); font-size: 0.64rem; }
.context-list-row.context-mover-row { grid-template-columns: minmax(0, 1fr) auto; }
.context-rank { display: grid; place-items: center; width: 21px; height: 21px; border-radius: 7px; background: rgba(85, 214, 239, 0.1); color: var(--cyan); font-size: 0.6rem; }
.context-coin { min-width: 0; }
.context-coin strong, .context-coin small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.context-coin strong { color: #d7e7f8; font-size: 0.66rem; }
.context-coin small { color: var(--dim); font-size: 0.57rem; }
.context-coin-value, .context-list-row > .change-positive, .context-list-row > .change-negative, .context-list-row > .change-neutral { direction: ltr; text-align: right; font-size: 0.62rem; white-space: nowrap; }
.context-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; color: var(--dim); font-size: 0.59rem; }
.context-empty { margin: 0; padding: 10px; color: var(--dim); font-size: 0.62rem; text-align: center; }

.options-panel { padding: 25px; overflow: hidden; }
.options-status { padding: 5px 9px; border: 1px solid rgba(82, 214, 163, 0.2); border-radius: 999px; background: rgba(82, 214, 163, 0.07); color: var(--green); font-size: 0.65rem; }
.options-status.is-stale { border-color: rgba(255, 197, 106, 0.2); background: rgba(255, 197, 106, 0.07); color: var(--amber); }
.options-status.is-unavailable { border-color: rgba(255, 124, 157, 0.2); background: rgba(255, 124, 157, 0.07); color: var(--red); }
.options-intro { margin: 12px 0 0; color: var(--muted); font-size: 0.72rem; }
.options-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 18px; }
.option-card { min-width: 0; padding: 14px; border: 1px solid rgba(98, 136, 255, 0.2); border-radius: 16px; background: linear-gradient(145deg, rgba(98, 136, 255, 0.08), rgba(255, 255, 255, 0.018)); }
.option-card__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 9px; }
.option-card__top strong, .option-card__top small { display: block; }
.option-card__top strong { color: #dce9f8; font-size: 0.72rem; }
.option-card__top small { margin-top: 3px; color: var(--dim); font-size: 0.58rem; }
.option-term-badge { flex: 0 0 auto; padding: 4px 7px; border: 1px solid rgba(85, 214, 239, 0.22); border-radius: 8px; color: var(--cyan); font-size: 0.58rem; }
.option-metric-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 13px; }
.option-metric-grid div { min-width: 0; padding: 8px; border: 1px solid rgba(157, 185, 219, 0.09); border-radius: 10px; background: rgba(255, 255, 255, 0.02); }
.option-metric-grid span { display: block; color: var(--dim); font-size: 0.55rem; }
.option-metric-grid strong { display: block; overflow: hidden; margin-top: 4px; color: #dce9f8; direction: ltr; text-align: right; text-overflow: ellipsis; white-space: nowrap; font-size: 0.67rem; }
.option-card__hint { margin: 10px 0 0; color: var(--dim); direction: ltr; text-align: right; font-size: 0.57rem; }
.options-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; color: var(--dim); font-size: 0.59rem; }
.options-empty { grid-column: 1 / -1; margin: 0; padding: 15px; border: 1px dashed var(--line); border-radius: 13px; color: var(--dim); font-size: 0.65rem; text-align: center; }

.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(310px, 0.8fr); gap: 18px; }
.panel { border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); box-shadow: var(--shadow); backdrop-filter: blur(18px); }
.chart-panel, .signal-panel, .indicators-panel, .candles-panel { padding: 25px; }
.trade-plan-panel { padding: 25px; overflow: hidden; }
.trade-plan-badge { padding: 5px 10px; border: 1px solid rgba(255, 197, 106, 0.2); border-radius: 999px; background: rgba(255, 197, 106, 0.08); color: var(--amber); font-size: 0.68rem; }
.trade-plan-badge.is-active { border-color: rgba(82, 214, 163, 0.24); background: rgba(82, 214, 163, 0.1); color: var(--green); }
.trade-plan-badge.is-sell { border-color: rgba(255, 124, 157, 0.24); background: rgba(255, 124, 157, 0.1); color: var(--red); }
.trade-plan-note { max-width: 820px; margin: 18px 0 0; color: var(--muted); font-size: 0.74rem; }
.trade-plan-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 20px; }
.trade-plan-cell { padding: 15px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255, 255, 255, 0.025); }
.trade-plan-cell span { display: block; color: var(--muted); font-size: 0.67rem; }
.trade-plan-cell strong { display: block; margin-top: 8px; color: #e3eefb; direction: ltr; text-align: right; font-size: 1.05rem; }
.trade-plan-cell--stop strong { color: var(--red); }
.trade-plan-cell--target strong { color: var(--green); }
.trade-plan-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 18px; color: var(--muted); font-size: 0.7rem; }
.copy-button { padding: 8px 13px; border: 1px solid rgba(85, 214, 239, 0.3); border-radius: 11px; background: rgba(85, 214, 239, 0.1); color: var(--cyan); font-size: 0.7rem; cursor: pointer; transition: 180ms ease; }
.copy-button:hover:not(:disabled) { border-color: rgba(85, 214, 239, 0.65); background: rgba(85, 214, 239, 0.17); transform: translateY(-1px); }
.copy-button:disabled { cursor: not-allowed; opacity: 0.45; }
.position-sizing { margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--line); }
.position-sizing__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.position-sizing__header .eyebrow { margin-bottom: 4px; }
.position-sizing__header h3 { margin: 0; color: #dce9f8; font-size: 0.94rem; }
.position-sizing__inputs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.position-sizing__inputs label { color: var(--muted); font-size: 0.67rem; }
.position-sizing__inputs input { display: block; width: 100%; margin-top: 6px; padding: 10px 11px; border: 1px solid var(--line); border-radius: 11px; outline: 0; background: rgba(255, 255, 255, 0.035); color: var(--text); direction: ltr; font: inherit; font-size: 0.76rem; }
.position-sizing__inputs input:focus { border-color: rgba(85, 214, 239, 0.55); box-shadow: 0 0 0 3px rgba(85, 214, 239, 0.08); }
.position-sizing__results { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.position-sizing__results div { padding: 11px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255, 255, 255, 0.02); }
.position-sizing__results span { display: block; color: var(--dim); font-size: 0.62rem; }
.position-sizing__results strong { display: block; margin-top: 4px; color: #dce9f8; direction: ltr; text-align: right; font-size: 0.78rem; }
.position-sizing__hint { margin: 10px 0 0; color: var(--dim); font-size: 0.62rem; }
.tools-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.tool-panel { padding: 25px; }
.tool-badge { padding: 5px 9px; border: 1px solid rgba(98, 136, 255, 0.24); border-radius: 999px; background: rgba(98, 136, 255, 0.1); color: #b9c7ff; font-size: 0.65rem; }
.tool-badge--green { border-color: rgba(82, 214, 163, 0.24); background: rgba(82, 214, 163, 0.08); color: var(--green); }
.tool-copy { margin: 13px 0 0; color: var(--muted); font-size: 0.7rem; line-height: 1.8; }
.tool-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 18px; }
.tool-form-grid label, .paper-open-form label { color: var(--muted); font-size: 0.66rem; }
.tool-form-grid input, .tool-form-grid select, .paper-open-form input, .paper-open-form select { display: block; width: 100%; margin-top: 6px; padding: 10px 11px; border: 1px solid var(--line); border-radius: 11px; outline: 0; background: rgba(255, 255, 255, 0.035); color: var(--text); direction: ltr; font: inherit; font-size: 0.75rem; }
.tool-form-grid select, .paper-open-form select { direction: rtl; }
.tool-form-grid select, .paper-open-form select, .pro-lab-controls select { color-scheme: dark; }
.tool-form-grid select option, .paper-open-form select option, .pro-lab-controls select option {
  background-color: #10233a;
  color: #f0f6ff;
}
.tool-form-grid select option:checked, .paper-open-form select option:checked, .pro-lab-controls select option:checked {
  background-color: #1f5f89;
  color: #ffffff;
}
.tool-form-grid input:focus, .tool-form-grid select:focus, .paper-open-form input:focus, .paper-open-form select:focus { border-color: rgba(85, 214, 239, 0.55); box-shadow: 0 0 0 3px rgba(85, 214, 239, 0.08); }
.tool-results { display: grid; gap: 8px; margin-top: 14px; }
.tool-results--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tool-results div { padding: 11px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255, 255, 255, 0.025); }
.tool-results span { display: block; color: var(--dim); font-size: 0.61rem; }
.tool-results strong { display: block; margin-top: 5px; color: #dce9f8; direction: ltr; text-align: right; font-size: 0.82rem; }
.tool-results strong.value-positive { color: var(--green); }
.tool-results strong.value-negative { color: var(--red); }
.tool-hint { margin: 11px 0 0; color: var(--dim); font-size: 0.62rem; line-height: 1.7; }
.paper-open-form { display: grid; grid-template-columns: 0.8fr 1fr auto; align-items: end; gap: 9px; margin-top: 17px; }
.primary-button { min-height: 38px; padding: 8px 13px; border: 1px solid rgba(85, 214, 239, 0.32); border-radius: 11px; background: linear-gradient(135deg, rgba(85, 214, 239, 0.22), rgba(98, 136, 255, 0.2)); color: #d9f8ff; font-size: 0.68rem; cursor: pointer; transition: 180ms ease; white-space: nowrap; }
.primary-button:hover { border-color: rgba(85, 214, 239, 0.65); transform: translateY(-1px); }
.paper-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 19px; color: #dce9f8; font-size: 0.72rem; font-weight: 700; }
.paper-section-heading small { color: var(--dim); font-size: 0.62rem; font-weight: 500; }
.paper-list { display: grid; gap: 7px; margin-top: 9px; }
.paper-position, .paper-history-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 11px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255, 255, 255, 0.025); }
.paper-position__main, .paper-history-row__main { min-width: 0; }
.paper-position strong, .paper-history-row strong { display: block; color: #dce9f8; font-size: 0.7rem; }
.paper-position small, .paper-history-row small { display: block; margin-top: 2px; color: var(--dim); font-size: 0.6rem; }
.paper-position__pnl { direction: ltr; text-align: left; }
.paper-position__pnl strong { font-size: 0.76rem; }
.paper-position__pnl strong.value-positive, .paper-history-row strong.value-positive { color: var(--green); }
.paper-position__pnl strong.value-negative, .paper-history-row strong.value-negative { color: var(--red); }
.paper-close-button { padding: 5px 8px; border: 1px solid rgba(255, 124, 157, 0.25); border-radius: 8px; background: rgba(255, 124, 157, 0.07); color: var(--red); font-size: 0.6rem; cursor: pointer; }
.paper-empty { margin: 0; padding: 12px; border: 1px dashed var(--line); border-radius: 12px; color: var(--dim); font-size: 0.64rem; text-align: center; }
.history-panel { padding: 25px; }
.ghost-button { padding: 6px 10px; border: 1px solid var(--line); border-radius: 9px; background: transparent; color: var(--muted); font-size: 0.66rem; cursor: pointer; transition: 180ms ease; }
.ghost-button:hover { border-color: rgba(255, 124, 157, 0.35); color: var(--red); }
.history-list { display: grid; gap: 8px; margin-top: 18px; }
.history-empty { margin: 0; padding: 15px; border: 1px dashed var(--line); border-radius: 13px; color: var(--dim); font-size: 0.68rem; text-align: center; }
.history-row { display: grid; grid-template-columns: minmax(120px, 0.8fr) repeat(4, minmax(80px, 1fr)); align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255, 255, 255, 0.02); }
.history-row__time { color: var(--muted); font-size: 0.66rem; }
.history-row__signal { color: var(--amber); font-size: 0.75rem; font-weight: 700; }
.history-row__score, .history-row__price { color: #dce9f8; direction: ltr; text-align: right; font-size: 0.72rem; }
.history-row__confidence { color: var(--muted); direction: ltr; text-align: right; font-size: 0.68rem; }
.history-row__signal.signal-buy { color: var(--green); }
.history-row__signal.signal-sell { color: var(--red); }
.panel-header { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.panel-header--compact { align-items: start; }
.asset-heading { display: flex; align-items: center; gap: 12px; }
.asset-icon { position: relative; display: grid; place-items: center; width: 42px; height: 42px; overflow: hidden; border-radius: 14px; background: linear-gradient(145deg, rgba(85, 214, 239, 0.15), rgba(98, 136, 255, 0.15)); color: var(--cyan); font-size: 0.85rem; font-weight: 900; }
.asset-icon img { position: absolute; z-index: 1; width: 100%; height: 100%; object-fit: cover; }
.muted { color: var(--muted); font-size: 0.72rem; }
.chart-price-block { text-align: left; direction: ltr; }
.chart-price-block strong { display: block; font-size: 1.6rem; letter-spacing: -0.04em; }
.chart-price-block span { display: block; margin-top: 3px; font-size: 0.75rem; }
.chart-header-actions { display: flex; align-items: center; gap: 16px; }
.asset-news-button { display: inline-flex; align-items: center; gap: 6px; padding: 8px 11px; border: 1px solid rgba(82, 214, 163, 0.24); border-radius: 11px; background: rgba(82, 214, 163, 0.08); color: var(--green); font-size: 0.66rem; font-weight: 800; text-decoration: none; transition: 180ms ease; }
.asset-news-button:hover { border-color: rgba(82, 214, 163, 0.48); background: rgba(82, 214, 163, 0.14); color: #b4ffe2; }
.watch-button { padding: 8px 11px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255, 255, 255, 0.03); color: var(--muted); font-size: 0.68rem; cursor: pointer; transition: 180ms ease; }
.watch-button:hover, .watch-button.is-watched { border-color: rgba(255, 197, 106, 0.35); background: rgba(255, 197, 106, 0.1); color: var(--amber); }
.notification-button { padding: 8px 11px; border: 1px solid rgba(85, 214, 239, 0.28); border-radius: 11px; background: rgba(85, 214, 239, 0.08); color: var(--cyan); font-size: 0.68rem; cursor: pointer; transition: 180ms ease; }
.notification-button:hover:not(:disabled), .notification-button.is-enabled { border-color: rgba(82, 214, 163, 0.35); background: rgba(82, 214, 163, 0.1); color: var(--green); }
.notification-button:disabled { cursor: not-allowed; opacity: 0.55; }
.chart-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 26px; }
.timeframe-tabs { display: flex; gap: 4px; padding: 4px; border-radius: 10px; background: rgba(255, 255, 255, 0.035); }
.timeframe { padding: 4px 9px; border: 0; border-radius: 7px; background: transparent; color: var(--dim); font-size: 0.68rem; cursor: pointer; }
.timeframe.active { background: rgba(85, 214, 239, 0.13); color: var(--cyan); }
.timeframe:disabled { cursor: not-allowed; opacity: 0.48; }
.chart-legend { display: flex; gap: 12px; color: var(--muted); font-size: 0.65rem; }
.chart-legend span { display: inline-flex; align-items: center; gap: 5px; }
.legend-line { display: inline-block; width: 15px; height: 2px; border-radius: 4px; }
.legend-line--price { background: var(--cyan); }
.legend-line--ema9 { background: var(--amber); }
.legend-line--ema21 { background: #9b9ff8; }
.chart-wrap { position: relative; height: 320px; margin-top: 16px; }
#priceChart { display: block; width: 100%; height: 100%; }
.chart-loading { position: absolute; inset: 0; display: grid; place-items: center; color: var(--dim); font-size: 0.8rem; pointer-events: none; }
.chart-loading.hidden { display: none; }
.chart-footer { display: flex; justify-content: space-between; gap: 12px; margin-top: 12px; color: var(--dim); font-size: 0.65rem; }
.chart-footer strong { color: var(--muted); font-weight: 500; }
.chart-disclaimer { color: #6e6c74; }
.status-badge { padding: 5px 9px; border: 1px solid rgba(255, 197, 106, 0.18); border-radius: 999px; background: rgba(255, 197, 106, 0.08); color: var(--amber); }

.signal-panel { display: flex; flex-direction: column; }
.signal-orbit { display: grid; place-items: center; width: 186px; height: 186px; margin: 32px auto 24px; border-radius: 50%; background: conic-gradient(var(--cyan) var(--confidence), rgba(85, 214, 239, 0.08) 0); position: relative; }
.signal-orbit::before { position: absolute; inset: 7px; border-radius: 50%; background: var(--bg-soft); content: ""; }
.signal-orbit::after { position: absolute; inset: -10px; border: 1px solid rgba(85, 214, 239, 0.06); border-radius: 50%; content: ""; }
.signal-orbit__inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; }
.signal-label { color: var(--dim); font-size: 0.65rem; }
.signal-orbit strong { margin: 5px 0; color: var(--cyan); font-size: 1.75rem; letter-spacing: 0.04em; }
.signal-orbit strong.signal-buy { color: var(--green); }
.signal-orbit strong.signal-sell { color: var(--red); }
.signal-orbit strong.signal-hold { color: var(--amber); }
.signal-orbit small { color: var(--muted); font-size: 0.7rem; }
.signal-summary { display: flex; align-items: flex-start; gap: 11px; min-height: 72px; padding: 13px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255, 255, 255, 0.025); }
.summary-icon { display: grid; place-items: center; flex: 0 0 auto; width: 30px; height: 30px; border-radius: 10px; background: rgba(82, 214, 163, 0.12); color: var(--green); font-size: 1.05rem; }
.summary-icon.summary-sell { background: rgba(255, 124, 157, 0.12); color: var(--red); }
.summary-icon.summary-hold { background: rgba(255, 197, 106, 0.12); color: var(--amber); }
.signal-summary strong { display: block; margin-bottom: 2px; color: #dce9f8; font-size: 0.78rem; }
.signal-summary p { margin: 0; color: var(--muted); font-size: 0.67rem; line-height: 1.7; }
.market-mood { margin-top: 14px; padding: 13px; border: 1px solid rgba(98, 136, 255, 0.2); border-radius: 16px; background: linear-gradient(145deg, rgba(98, 136, 255, 0.09), rgba(85, 214, 239, 0.035)); }
.market-mood__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.market-mood__label { display: block; margin-bottom: 5px; color: var(--dim); font-size: 0.62rem; }
.mood-badge { display: inline-block; color: var(--amber); font-size: 0.8rem; font-weight: 800; }
.mood-badge.mood-positive { color: var(--green); }
.mood-badge.mood-negative { color: var(--red); }
.mood-badge.mood-warning { color: var(--amber); }
.market-mood__score { color: #dce9f8; direction: ltr; font-size: 0.77rem; }
.mood-meter { height: 5px; margin-top: 10px; overflow: hidden; border-radius: 999px; background: rgba(255, 255, 255, 0.08); }
.mood-meter span { display: block; width: 20%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--amber), var(--cyan)); transition: width 260ms ease, background 260ms ease; }
.market-mood p { margin: 8px 0 0; color: var(--muted); font-size: 0.65rem; line-height: 1.7; }
.metric-list { display: grid; gap: 0; margin-top: 18px; }
.metric-row { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 0.73rem; }
.metric-row:last-child { border-bottom: 0; }
.metric-row strong { color: #d6e5f7; font-size: 0.8rem; }

.lower-grid { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 18px; }
.indicator-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 24px; }
.indicator-card { min-height: 124px; padding: 17px; border: 1px solid var(--line); border-radius: 17px; background: rgba(255, 255, 255, 0.025); }
.indicator-card__label, .indicator-card__hint { display: block; color: var(--muted); font-size: 0.67rem; }
.indicator-card strong { display: block; margin: 13px 0 3px; color: #e3eefb; direction: ltr; text-align: right; font-size: 1.08rem; }
.indicator-card__hint { color: var(--dim); font-size: 0.61rem; }
.indicator-card--accent strong { color: var(--green); }
.table-wrap { overflow-x: auto; margin-top: 18px; }
table { width: 100%; border-collapse: collapse; min-width: 360px; }
th, td { padding: 10px 8px; border-bottom: 1px solid var(--line); text-align: right; white-space: nowrap; font-size: 0.67rem; }
th { color: var(--dim); font-weight: 500; }
td { color: #cbd9ea; }
td:first-child { color: var(--muted); }
td:last-child { direction: ltr; text-align: right; }
.candle-up { color: var(--green) !important; }
.candle-down { color: var(--red) !important; }

.footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 26px 0 34px; color: var(--dim); font-size: 0.65rem; }
.footer-mark { display: inline-grid; width: 20px; height: 20px; margin-left: 5px; border-radius: 7px; vertical-align: middle; }
.toast { position: fixed; right: 24px; bottom: 24px; z-index: 5; max-width: 340px; padding: 12px 16px; border: 1px solid rgba(255, 124, 157, 0.25); border-radius: 12px; background: #201727; color: #ffd3df; font-size: 0.74rem; opacity: 0; transform: translateY(12px); pointer-events: none; transition: 200ms ease; }
.toast.visible { opacity: 1; transform: translateY(0); }

.pro-lab-panel { padding: 25px; overflow: hidden; }
.pro-lab-intro { max-width: 920px; margin: 14px 0 0; color: var(--muted); font-size: 0.73rem; }
.pro-lab-controls { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)) auto; align-items: end; gap: 10px; margin-top: 20px; padding: 14px; border: 1px solid var(--line); border-radius: 17px; background: rgba(255, 255, 255, 0.018); }
.pro-lab-controls label { color: var(--muted); font-size: 0.64rem; }
.pro-lab-controls input, .pro-lab-controls select { display: block; width: 100%; margin-top: 6px; padding: 9px 10px; border: 1px solid var(--line); border-radius: 10px; outline: 0; background: rgba(255, 255, 255, 0.035); color: var(--text); direction: ltr; font: inherit; font-size: 0.7rem; }
.pro-lab-controls select { direction: rtl; }
.pro-lab-controls input:focus, .pro-lab-controls select:focus { border-color: rgba(85, 214, 239, 0.55); box-shadow: 0 0 0 3px rgba(85, 214, 239, 0.08); }
.pro-lab-run { min-height: 36px; }
.pro-lab-current { display: grid; grid-template-columns: minmax(170px, 0.7fr) minmax(360px, 1.3fr) minmax(260px, 1.2fr); gap: 16px; align-items: center; margin-top: 16px; padding: 16px; border: 1px solid rgba(85, 214, 239, 0.18); border-radius: 18px; background: linear-gradient(135deg, rgba(85, 214, 239, 0.07), rgba(98, 136, 255, 0.04)); }
.pro-lab-kicker { display: block; color: var(--dim); font-size: 0.61rem; }
.pro-lab-current > div:first-child strong { display: block; margin-top: 5px; color: var(--amber); font-size: 1.25rem; }
.pro-lab-current > div:first-child strong.pro-buy { color: var(--green); }
.pro-lab-current > div:first-child strong.pro-sell { color: var(--red); }
.pro-lab-current > div:first-child small { display: block; margin-top: 2px; color: var(--muted); font-size: 0.62rem; }
.pro-setup-levels { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.pro-setup-levels span { padding: 9px; border: 1px solid var(--line); border-radius: 11px; color: var(--dim); font-size: 0.58rem; }
.pro-setup-levels strong { display: block; margin-top: 4px; color: #dce9f8; direction: ltr; text-align: right; font-size: 0.7rem; }
.pro-setup-levels span:nth-child(2) strong { color: var(--red); }
.pro-setup-levels span:nth-child(3) strong { color: var(--green); }
.pro-lab-reasons { color: var(--muted); font-size: 0.66rem; line-height: 1.9; }
.pro-lab-reasons span { display: block; }
.pro-metric-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 9px; margin-top: 16px; }
.pro-metric { padding: 12px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255, 255, 255, 0.025); }
.pro-metric span { display: block; color: var(--dim); font-size: 0.58rem; }
.pro-metric strong { display: block; margin-top: 5px; color: #dce9f8; direction: ltr; text-align: right; font-size: 0.82rem; }
.pro-metric strong.pro-positive { color: var(--green); }
.pro-metric strong.pro-negative { color: var(--red); }
.pro-lab-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); gap: 16px; margin-top: 16px; }
.pro-subpanel { min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: 17px; background: rgba(255, 255, 255, 0.018); }
.pro-subpanel__heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pro-subpanel__heading strong { color: #dce9f8; font-size: 0.76rem; }
.pro-subpanel__heading small { color: var(--dim); font-size: 0.58rem; }
.pro-indicator-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 14px; }
.pro-indicator-grid div { min-width: 0; padding: 10px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255, 255, 255, 0.02); }
.pro-indicator-grid span { display: block; color: var(--dim); font-size: 0.57rem; }
.pro-indicator-grid strong { display: block; overflow: hidden; margin-top: 4px; color: #dce9f8; direction: ltr; text-align: right; text-overflow: ellipsis; white-space: nowrap; font-size: 0.68rem; }
.pro-equity-wrap { height: 220px; margin-top: 12px; }
#strategyEquityChart { display: block; width: 100%; height: 100%; }
.pro-lab-foot { display: flex; justify-content: space-between; gap: 12px; margin-top: 12px; color: var(--dim); font-size: 0.59rem; }
.pro-trades { margin-top: 16px; padding: 16px; border: 1px solid var(--line); border-radius: 17px; background: rgba(255, 255, 255, 0.018); }
.pro-trades .table-wrap { margin-top: 10px; }
.pro-trades td { font-size: 0.62rem; }
.pro-trades td:nth-child(3), .pro-trades td:nth-child(4), .pro-trades td:nth-child(5) { direction: ltr; text-align: right; }
.pro-trades .pro-long { color: var(--green); }
.pro-trades .pro-short { color: var(--red); }
.pro-trades .pro-positive { color: var(--green); }
.pro-trades .pro-negative { color: var(--red); }

@keyframes spin { to { transform: rotate(360deg); } }

@media (max-width: 1180px) {
  .market-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .plan-pill, .live-pill { display: none; }
}

@media (max-width: 960px) {
  .hero-section { align-items: flex-start; flex-direction: column; }
  .hero-meta { align-items: flex-start; }
  .market-toolbar { grid-template-columns: minmax(240px, 1fr) minmax(180px, 0.55fr); }
  .market-filter-chips { grid-column: 1 / -1; }
  .market-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-grid, .lower-grid, .tools-grid { grid-template-columns: 1fr; }
  .context-stat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .context-lists { grid-template-columns: 1fr; }
  .signal-panel { min-height: auto; }
  .pro-lab-controls { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pro-lab-run { grid-column: span 3; }
  .pro-lab-current { grid-template-columns: 1fr; }
  .pro-metric-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pro-lab-grid { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .pro-nav-link { width: 100%; justify-content: center; order: -1; }
  .app-shell { width: min(100% - 28px, 1440px); }
  .topbar { align-items: stretch; flex-direction: column; gap: 13px; min-height: 76px; padding: 16px 0; }
  .topbar__actions { flex-wrap: wrap; width: 100%; }
  main { padding-top: 42px; }
  .hero-section { margin-bottom: 44px; }
  .hero-section h1 { font-size: clamp(2rem, 10vw, 2.65rem); line-height: 1.35; letter-spacing: -0.035em; }
  .section-heading, .panel-header, .chart-toolbar, .footer { align-items: flex-start; flex-direction: column; }
  .section-heading { gap: 5px; }
  .section-heading__actions { flex: 1 1 auto; width: 100%; max-width: none; gap: 9px; }
  .section-heading__actions .watch-button, .section-heading__actions .notification-button { min-width: 0; }
  .section-heading__actions .section-note {
    font-size: .64rem;
  }
  .market-toolbar { grid-template-columns: 1fr; }
  .market-filter-chips, .market-result-count { grid-column: auto; }
  .market-universe-chips { grid-column: auto; }
  .market-liquidity-strip { grid-template-columns: 1fr; }
  .market-cards { grid-template-columns: 1fr; }
  .chart-header-actions { width: 100%; justify-content: space-between; gap: 10px; }
  .asset-news-button { font-size: 0.62rem; }
  .chart-panel, .signal-panel, .indicators-panel, .candles-panel, .trade-plan-panel, .history-panel, .tool-panel, .market-context-panel, .options-panel { padding: 18px; }
  .chart-wrap { height: 250px; }
  .chart-legend { width: 100%; justify-content: space-between; }
  .indicator-grid { grid-template-columns: 1fr; }
  .indicator-card { min-height: auto; }
  .trade-plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trade-plan-footer { align-items: flex-start; flex-direction: column; }
  .tool-form-grid, .tool-results--three { grid-template-columns: 1fr; }
  .context-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .context-footer { align-items: flex-start; flex-direction: column; }
  .options-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .options-footer { align-items: flex-start; flex-direction: column; }
  .paper-open-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .paper-open-form .primary-button { grid-column: 1 / -1; }
  .history-row { grid-template-columns: 1fr repeat(3, minmax(60px, 1fr)); gap: 8px; padding: 10px; }
  .history-row__time { grid-column: 1 / -1; }
  .footer { gap: 8px; }
  .pro-lab-panel { padding: 18px; }
  .pro-lab-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pro-lab-run { grid-column: 1 / -1; }
  .pro-setup-levels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pro-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pro-lab-foot { align-items: flex-start; flex-direction: column; }
}

/* صفحهٔ اول روندبان · بازطراحی معرفی و نمای اولیه بازار */
.topbar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
  min-height: 84px;
  border-bottom-color: rgba(157, 185, 219, 0.1);
}

.brand { gap: 11px; }
.brand-mark {
  width: 40px;
  height: 40px;
  border-color: rgba(82, 214, 163, 0.28);
  background: linear-gradient(145deg, rgba(82, 214, 163, 0.16), rgba(16, 35, 58, 0.98));
  box-shadow: 0 10px 30px rgba(82, 214, 163, 0.12);
}
.brand strong { font-size: 1.08rem; }
.brand small { color: var(--muted); font-size: 0.63rem; }

.main-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 2vw, 25px);
  min-width: 0;
}
.main-nav a {
  position: relative;
  padding: 8px 0;
  color: var(--muted);
  font-size: 0.69rem;
  font-weight: 600;
  white-space: nowrap;
  transition: color 180ms ease;
}
.main-nav a::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  border-radius: 999px;
  background: var(--green);
  content: "";
  opacity: 0;
  transform: scaleX(0.35);
  transition: 180ms ease;
}
.main-nav a:hover { color: var(--text); }
.main-nav a:hover::after { opacity: 1; transform: scaleX(1); }
.topbar__actions { justify-content: flex-end; gap: 9px; }
.plan-pill {
  border-color: rgba(82, 214, 163, 0.22);
  background: rgba(82, 214, 163, 0.07);
  color: #b5efd4;
}
.live-pill { border-color: rgba(82, 214, 163, 0.2); background: rgba(82, 214, 163, 0.05); }

main { padding-top: 71px; }
.hero-section {
  display: grid;
  grid-template-columns: minmax(0, 0.91fr) minmax(420px, 1.09fr);
  align-items: center;
  gap: clamp(42px, 6vw, 82px);
  margin-bottom: 37px;
}
.hero-copy-block { min-width: 0; }
.hero-section .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 16px;
  color: var(--green);
  font-size: 0.68rem;
  letter-spacing: 0.02em;
}
.hero-section .eyebrow::before {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 0 5px rgba(82, 214, 163, 0.1);
  content: "";
}
.hero-section h1 {
  max-width: 650px;
  margin-bottom: 19px;
  font-size: clamp(2.55rem, 5.2vw, 4.45rem);
  font-weight: 850;
  line-height: 1.25;
  letter-spacing: -0.055em;
  text-wrap: balance;
}
.hero-section h1 span {
  color: transparent;
  background: linear-gradient(110deg, #52d6a3 5%, #55d6ef 72%, #9baaff);
  background-clip: text;
  -webkit-background-clip: text;
}
.hero-copy {
  max-width: 570px;
  margin-bottom: 0;
  color: var(--muted);
  font-size: 0.93rem;
  line-height: 2.18;
}
.hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 27px; }
.hero-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 43px;
  padding: 0 17px;
  border: 1px solid transparent;
  border-radius: 12px;
  font-size: 0.69rem;
  font-weight: 800;
  transition: 180ms ease;
}
.hero-button:hover { transform: translateY(-2px); }
.hero-button--primary { background: var(--green); color: #06241d; box-shadow: 0 10px 28px rgba(82, 214, 163, 0.16); }
.hero-button--secondary { border-color: var(--line); background: rgba(255, 255, 255, 0.03); color: var(--text); }
.hero-button--secondary:hover { border-color: rgba(82, 214, 163, 0.35); background: rgba(82, 214, 163, 0.06); }
.hero-note { display: flex; align-items: center; gap: 8px; margin-top: 19px; color: var(--dim); font-size: 0.64rem; }
.hero-note__icon { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 6px; background: rgba(82, 214, 163, 0.13); color: var(--green); font-weight: 800; }
.hero-meta { align-items: flex-start; gap: 12px; margin-top: 27px; padding-bottom: 0; }
.data-source { padding: 9px 11px; border-radius: 12px; background: rgba(255, 255, 255, 0.018); }
.data-source small { font-size: 0.58rem; }
.data-source strong { color: #cbd9e9; font-size: 0.67rem; }
.source-icon { width: 24px; height: 24px; border-radius: 8px; }
.last-sync { font-size: 0.61rem; }

.hero-visual {
  position: relative;
  min-height: 430px;
  padding: 22px 23px 22px;
  overflow: visible;
  border: 1px solid rgba(132, 180, 215, 0.2);
  border-radius: 23px;
  background:
    linear-gradient(145deg, rgba(20, 53, 78, 0.92), rgba(8, 25, 40, 0.97)),
    var(--panel);
  box-shadow: 0 24px 72px rgba(0, 0, 0, 0.25);
  isolation: isolate;
}
.hero-visual::before,
.hero-visual::after {
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  content: "";
  pointer-events: none;
}
.hero-visual::before { top: -72px; left: 11%; width: 220px; height: 220px; background: rgba(58, 151, 218, 0.11); filter: blur(1px); }
.hero-visual::after { right: -70px; bottom: -80px; width: 230px; height: 230px; background: rgba(39, 204, 155, 0.08); filter: blur(3px); }
.hero-visual__top,
.hero-summary,
.hero-visual__heading,
.hero-market-row,
.hero-asset,
.hero-insight > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.hero-visual__top { color: var(--muted); font-size: 0.62rem; }
.hero-live { display: inline-flex; align-items: center; gap: 7px; color: var(--green); font-size: 0.58rem; }
.hero-live .live-dot { width: 6px; height: 6px; }
.hero-summary { align-items: flex-end; margin-top: 25px; }
.hero-summary small { display: block; color: var(--dim); font-size: 0.61rem; }
.hero-summary strong { display: block; margin-top: 3px; color: var(--text); direction: ltr; font-size: 1.65rem; letter-spacing: 0.01em; }
.hero-summary__change { color: var(--green); font-size: 0.67rem; font-weight: 700; }
.hero-sparkline { display: block; width: 100%; height: 125px; margin-top: 8px; overflow: visible; }
.hero-sparkline__grid { fill: none; stroke: rgba(153, 186, 211, 0.1); stroke-width: 1; }
.hero-sparkline__fill { fill: url(#heroSparkGradient); }
.hero-sparkline__line { fill: none; stroke: var(--green); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.7; }
.hero-sparkline__dot { fill: var(--green); stroke: #0b2230; stroke-width: 5; }
.hero-visual__heading { margin-top: 6px; color: var(--text); font-size: 0.7rem; font-weight: 700; }
.hero-visual__heading small { color: var(--dim); font-size: 0.56rem; font-weight: 500; }
.hero-market-list { display: grid; gap: 7px; margin-top: 11px; }
.hero-market-row { min-height: 48px; padding: 8px 10px; border: 1px solid rgba(146, 183, 211, 0.1); border-radius: 11px; background: rgba(9, 27, 43, 0.53); }
.hero-asset { justify-content: flex-start; min-width: 0; }
.hero-asset > span:last-child { display: grid; min-width: 0; }
.hero-asset strong { overflow: hidden; color: #eaf3fc; font-size: 0.66rem; text-overflow: ellipsis; white-space: nowrap; }
.hero-asset small { color: var(--dim); direction: ltr; font-size: 0.51rem; }
.hero-asset__icon { position: relative; display: grid; width: 25px; height: 25px; flex: 0 0 auto; place-items: center; overflow: hidden; border-radius: 8px; background: rgba(82, 214, 163, 0.13); color: var(--green); font-size: 0.61rem; font-weight: 800; }
.hero-asset__icon img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero-asset__icon span { position: relative; z-index: 1; }
.hero-asset__icon--blue { background: rgba(85, 214, 239, 0.13); color: var(--cyan); }
.hero-asset__icon--gold { background: rgba(255, 197, 106, 0.13); color: var(--amber); }
.hero-market-value { min-width: 105px; text-align: left; }
.hero-market-value strong { display: block; color: var(--text); direction: ltr; font-size: 0.66rem; }
.hero-market-value > span { display: block; margin-top: 1px; color: var(--green); direction: ltr; font-size: 0.53rem; }
.hero-market-value > .change-negative { color: var(--red); }
.hero-market-value > .change-neutral { color: var(--muted); }
.hero-insight { position: absolute; right: -30px; bottom: 26px; width: 204px; padding: 12px 14px; border: 1px solid rgba(82, 214, 163, 0.25); border-radius: 14px; background: rgba(15, 42, 55, 0.97); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.3); }
.hero-insight > div { align-items: flex-start; }
.hero-insight > div > span { color: var(--muted); font-size: 0.54rem; }
.hero-insight__signal { color: var(--amber); font-size: 0.69rem; font-weight: 800; }
.hero-insight__signal--buy { color: var(--green); }
.hero-insight__signal--sell { color: var(--red); }
.hero-insight__signal--hold { color: var(--amber); }
.hero-insight p { margin: 8px 0 0; color: var(--muted); font-size: 0.55rem; line-height: 1.85; }

.home-proof {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  margin-top: 14px;
  padding: 1px;
  overflow: hidden;
  border: 1px solid rgba(157, 185, 219, 0.12);
  border-radius: 15px;
  background: rgba(157, 185, 219, 0.12);
}
.home-proof__item { padding: 17px 21px; background: rgba(11, 29, 45, 0.82); }
.home-proof__item strong { display: block; color: var(--text); font-size: 0.74rem; }
.home-proof__item span { display: block; margin-top: 2px; color: var(--dim); font-size: 0.59rem; }
html, body { overflow-x: hidden; }

@media (max-width: 1180px) {
  .topbar { gap: 18px; }
  .main-nav { gap: 14px; }
  .plan-pill, .live-pill { display: inline-flex; }
  .hero-section { gap: 42px; }
}

@media (max-width: 960px) {
  .topbar { grid-template-columns: auto auto; justify-content: space-between; }
  .main-nav { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; order: 3; padding-bottom: 14px; overflow-x: auto; }
  .hero-section { grid-template-columns: 1fr; gap: 39px; }
  .hero-copy-block { max-width: 700px; }
  .hero-visual { width: min(100%, 650px); margin: 0 auto; }
}

@media (max-width: 620px) {
  .app-shell { width: min(100% - 28px, 1440px); }
  .topbar { grid-template-columns: 1fr auto; align-items: center; gap: 13px; min-height: 76px; padding: 16px 0 0; }
  .topbar__actions { gap: 6px; }
  .plan-pill, .live-pill { display: none; }
  .icon-button { width: 36px; height: 36px; }
  .main-nav { grid-column: 1 / -1; grid-row: 2; width: 100%; padding: 3px 0 14px; justify-content: flex-start; gap: 19px; }
  .main-nav a { font-size: 0.62rem; }
  main { padding-top: 44px; }
  .hero-section { gap: 35px; margin-bottom: 29px; }
  .hero-section h1 { font-size: clamp(2.08rem, 10.8vw, 2.85rem); line-height: 1.34; }
  .hero-copy { font-size: 0.79rem; line-height: 2.05; }
  .hero-actions { margin-top: 22px; }
  .hero-button { min-height: 41px; padding: 0 13px; font-size: 0.63rem; }
  .hero-meta { margin-top: 22px; }
  .data-source strong { font-size: 0.6rem; }
  .hero-visual { min-height: 408px; padding: 17px; border-radius: 18px; }
  .hero-summary { margin-top: 22px; }
  .hero-sparkline { height: 113px; }
  .hero-insight { right: 12px; bottom: -29px; width: 198px; }
  .home-proof { grid-template-columns: 1fr; margin-top: 54px; }
  .home-proof__item { padding: 13px 17px; }
}

/* صفحهٔ اول روندبان · refinement تیتر و نمای hero */
.hero-section {
  grid-template-columns: minmax(0, 1.03fr) minmax(300px, 0.97fr);
  gap: clamp(35px, 7vw, 85px);
  padding: 67px 0 62px;
}
.hero-section h1 {
  max-width: 530px;
  margin-top: 17px;
  margin-bottom: 16px;
  font-size: clamp(31px, 4.4vw, 48px);
  font-weight: 600;
  letter-spacing: -0.045em;
  line-height: 1.42;
}
.hero-copy { max-width: 520px; font-size: 0.78rem; line-height: 2.15; }
.hero-actions { margin-top: 24px; }
.hero-button { min-height: 40px; padding: 0 14px; border-radius: 10px; font-size: 0.64rem; }
.hero-note { margin-top: 16px; font-size: 0.57rem; }
.hero-note__icon { width: 17px; height: 17px; font-size: 0.58rem; }
.hero-meta { gap: 10px; margin-top: 24px; }
.data-source { padding: 8px 10px; border-radius: 10px; }
.source-icon { width: 22px; height: 22px; border-radius: 7px; }
.data-source small { font-size: 0.52rem; }
.data-source strong { font-size: 0.6rem; }
.last-sync { font-size: 0.56rem; }
.hero-visual {
  min-height: 390px;
  padding: 19px;
  border-radius: 20px;
}
.hero-visual__top { font-size: 0.56rem; }
.hero-live { font-size: 0.52rem; }
.hero-summary { margin-top: 24px; }
.hero-summary small { font-size: 0.52rem; }
.hero-summary strong { font-size: 1.42rem; }
.hero-summary__change { font-size: 0.57rem; }
.hero-sparkline { height: 100px; margin-top: 5px; }
.hero-visual__heading { margin-top: 3px; font-size: 0.62rem; }
.hero-visual__heading small { font-size: 0.5rem; }
.hero-market-list { gap: 6px; margin-top: 9px; }
.hero-market-row { min-height: 42px; padding: 7px 9px; border-radius: 9px; }
.hero-asset__icon { width: 23px; height: 23px; border-radius: 7px; font-size: 0.56rem; }
.hero-asset strong { font-size: 0.58rem; }
.hero-asset small { font-size: 0.46rem; }
.hero-market-value { min-width: 92px; }
.hero-market-value strong { font-size: 0.58rem; }
.hero-market-value > span { font-size: 0.46rem; }
.hero-insight { right: -28px; bottom: 21px; width: 190px; padding: 11px 12px; border-radius: 12px; }
.hero-insight > div > span { font-size: 0.48rem; }
.hero-insight__signal { font-size: 0.6rem; }
.hero-insight p { margin-top: 7px; font-size: 0.5rem; line-height: 1.8; }
.home-proof { margin-top: 8px; border-radius: 13px; }
.home-proof__item { padding: 13px 16px; }
.home-proof__item strong { font-size: 0.62rem; }
.home-proof__item span { font-size: 0.5rem; }

@media (max-width: 960px) {
  .hero-section { grid-template-columns: 1fr; gap: 36px; padding-top: 49px; }
  .hero-copy-block { max-width: 600px; }
  .hero-visual { width: min(100%, 510px); margin: 0 auto; }
}

@media (max-width: 620px) {
  .hero-section { gap: 34px; padding-top: 43px; }
  .hero-section h1 { font-size: 29px; line-height: 1.5; }
  .hero-copy { font-size: 0.65rem; }
  .hero-button { min-height: 37px; padding: 0 11px; font-size: 0.56rem; }
  .hero-visual { min-height: 362px; padding: 16px; }
  .hero-summary { margin-top: 20px; }
  .hero-sparkline { height: 91px; }
  .hero-insight { right: 10px; bottom: -27px; width: 185px; }
  .home-proof { grid-template-columns: 1fr; margin-top: 51px; }
  .home-proof__item { padding: 11px 14px; }
}

/* صفحهٔ اول روندبان · استفادهٔ بهتر از فضای بالای صفحه */
main { padding-top: 28px; }
.market-ticker {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 16px;
  padding-bottom: 5px;
}
.market-ticker__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  padding: 9px 11px;
  border: 1px solid rgba(157, 185, 219, 0.11);
  border-radius: 10px;
  background: rgba(11, 31, 48, 0.56);
}
.market-ticker__label { display: grid; min-width: 0; }
.market-ticker__label strong { overflow: hidden; color: #dae7f3; font-size: 0.61rem; text-overflow: ellipsis; white-space: nowrap; }
.market-ticker__label small { color: var(--dim); direction: ltr; font-size: 0.47rem; }
.market-ticker__value { min-width: 70px; direction: ltr; text-align: left; font-size: 0.61rem; font-weight: 700; }
.market-ticker__value strong { display: block; color: var(--text); }
.market-ticker__value small { display: block; margin-top: 1px; color: var(--green); font-size: 0.47rem; font-weight: 500; }
.market-ticker__value .change-negative, .market-ticker__value small.change-negative { color: var(--red); }
.market-ticker__value .change-neutral, .market-ticker__value small.change-neutral { color: var(--muted); }

.hero-section {
  position: relative;
  grid-template-columns: minmax(0, 0.94fr) minmax(360px, 1.06fr);
  gap: clamp(40px, 7vw, 88px);
  min-height: 485px;
  margin-bottom: 24px;
  padding: 48px 0 54px;
}
.hero-section::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  opacity: 0.34;
  background-image: linear-gradient(rgba(153, 188, 214, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(153, 188, 214, 0.045) 1px, transparent 1px);
  background-size: 48px 48px;
  content: "";
  mask-image: linear-gradient(90deg, transparent 0%, black 28%, transparent 96%);
  pointer-events: none;
}
.hero-copy-block, .hero-visual { position: relative; z-index: 1; }
.hero-section h1 {
  max-width: 475px;
  margin-top: 13px;
  font-size: clamp(30px, 4vw, 43px);
  font-weight: 600;
  line-height: 1.46;
}
.hero-copy { max-width: 455px; margin-top: 12px; font-size: 0.69rem; line-height: 2.1; }
.hero-actions { margin-top: 21px; }
.hero-button { min-height: 37px; padding: 0 12px; border-radius: 9px; font-size: 0.58rem; }
.hero-note { margin-top: 14px; font-size: 0.5rem; }
.hero-note__icon { width: 16px; height: 16px; font-size: 0.52rem; }
.hero-meta { gap: 9px; margin-top: 21px; }
.data-source { padding: 7px 9px; border-radius: 9px; }
.source-icon { width: 20px; height: 20px; border-radius: 6px; }
.data-source small { font-size: 0.46rem; }
.data-source strong { font-size: 0.51rem; }
.last-sync { font-size: 0.48rem; }

.hero-visual {
  min-height: 360px;
  padding: 17px;
  border-radius: 18px;
}
.hero-visual__top { font-size: 0.5rem; }
.hero-live { font-size: 0.46rem; }
.hero-summary { margin-top: 21px; }
.hero-summary small { font-size: 0.46rem; }
.hero-summary strong { font-size: 1.38rem; }
.hero-summary__change { font-size: 0.5rem; }
.hero-sparkline { height: 89px; margin-top: 3px; }
.hero-visual__heading { margin-top: 4px; font-size: 0.56rem; }
.hero-visual__heading small { font-size: 0.45rem; }
.hero-market-list { gap: 5px; margin-top: 8px; }
.hero-market-row { min-height: 39px; padding: 6px 8px; border-radius: 8px; }
.hero-asset__icon { width: 22px; height: 22px; border-radius: 7px; font-size: 0.5rem; }
.hero-asset strong { font-size: 0.51rem; }
.hero-asset small { font-size: 0.42rem; }
.hero-market-value { min-width: 76px; }
.hero-market-value strong { font-size: 0.51rem; }
.hero-market-value > span { font-size: 0.42rem; }
.hero-insight { right: -26px; bottom: 18px; width: 184px; padding: 10px 11px; border-radius: 11px; }
.hero-insight > div > span { font-size: 0.42rem; }
.hero-insight__signal { font-size: 0.52rem; }
.hero-insight p { margin-top: 7px; font-size: 0.44rem; line-height: 1.8; }
.home-proof { margin-top: 8px; border-radius: 12px; }
.home-proof__item { padding: 12px 15px; }
.home-proof__item strong { font-size: 0.58rem; }
.home-proof__item span { font-size: 0.46rem; }

@media (max-width: 960px) {
  .market-ticker { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero-section { grid-template-columns: 1fr; gap: 33px; min-height: 0; padding-top: 39px; }
  .hero-copy-block { max-width: 600px; }
  .hero-visual { width: min(100%, 510px); margin: 0 auto; }
}

@media (max-width: 620px) {
  main { padding-top: 22px; }
  .market-ticker { grid-template-columns: 1fr; gap: 6px; margin-top: 12px; }
  .market-ticker__item { padding: 8px 10px; }
  .hero-section { gap: 31px; padding: 37px 0 42px; }
  .hero-section h1 { font-size: 28px; line-height: 1.52; }
  .hero-copy { font-size: 0.58rem; }
  .hero-visual { min-height: 339px; padding: 15px; }
  .hero-summary { margin-top: 18px; }
  .hero-sparkline { height: 82px; }
  .hero-insight { right: 10px; bottom: -26px; }
.home-proof { grid-template-columns: 1fr; margin-top: 48px; }
}

/* صفحهٔ اول روندبان · نوار فرمان بازار و مگامنوی اختصاصی */
.topbar.topbar--command {
  position: relative;
  z-index: 30;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(13px, 2vw, 28px);
  min-height: 78px;
  margin-top: 18px;
  padding: 9px 12px 9px 14px;
  border: 1px solid rgba(157, 185, 219, 0.22);
  border-radius: 24px;
  background:
    linear-gradient(110deg, rgba(10, 30, 53, 0.9), rgba(6, 18, 33, 0.95) 54%, rgba(10, 29, 49, 0.9)),
    rgba(6, 18, 33, 0.9);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.045);
  backdrop-filter: blur(18px);
}

.topbar.topbar--command::before {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, transparent 8%, rgba(85, 214, 239, 0.05), transparent 42%, rgba(82, 214, 163, 0.035));
  content: "";
  pointer-events: none;
}

.topbar--command .brand,
.topbar--command .command-nav,
.topbar--command .command-actions { position: relative; z-index: 1; }
.topbar--command .brand { gap: 10px; }
.topbar--command .brand-mark {
  width: 43px;
  height: 43px;
  border-radius: 14px;
  border-color: rgba(85, 214, 239, 0.35);
  background: linear-gradient(145deg, rgba(85, 214, 239, 0.16), rgba(8, 23, 40, 0.98));
  box-shadow: 0 0 0 5px rgba(85, 214, 239, 0.035), 0 12px 28px rgba(85, 214, 239, 0.12);
}
.topbar--command .brand strong { font-size: 1.12rem; letter-spacing: -0.04em; }
.topbar--command .brand small { margin-top: 1px; color: #7790aa; font-size: 0.57rem; }

.command-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-width: 0;
}
.command-nav > a,
.command-nav .nav-menu > summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 39px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #a7bad0;
  font-size: 0.68rem;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: 180ms ease;
}
.command-nav > a:hover,
.command-nav .nav-menu > summary:hover,
.command-nav .nav-menu[open] > summary {
  border-color: rgba(85, 214, 239, 0.18);
  background: rgba(85, 214, 239, 0.07);
  color: #effaff;
}
.command-nav > a:first-of-type { color: #dbeaf8; }
.command-nav > a:nth-of-type(2) { color: #dbeaf8; }
.command-nav > a:focus-visible,
.command-nav .nav-menu > summary:focus-visible,
.nav-panel a:focus-visible,
.command-search input:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.nav-menu { position: relative; }
.nav-menu > summary { list-style: none; }
.nav-menu > summary::-webkit-details-marker { display: none; }
.nav-menu__icon { color: #6d8ba8; font-size: 0.88rem; line-height: 1; }
.nav-menu > summary:hover .nav-menu__icon,
.nav-menu[open] .nav-menu__icon { color: var(--cyan); }
.nav-menu__chevron { margin-right: 1px; color: #63809d; font-size: 0.8rem; line-height: 1; transition: transform 180ms ease; }
.nav-menu[open] .nav-menu__chevron { color: var(--cyan); transform: rotate(180deg); }
.nav-menu--featured > summary { color: #c5d9ea; }
.nav-menu--featured > summary .nav-menu__icon { color: #66d8bc; }

.nav-panel {
  position: absolute;
  top: calc(100% + 13px);
  right: 50%;
  z-index: 20;
  width: min(625px, calc(100vw - 32px));
  padding: 16px;
  border: 1px solid rgba(157, 185, 219, 0.24);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(15, 37, 62, 0.985), rgba(6, 19, 35, 0.985));
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.42), inset 0 1px rgba(255, 255, 255, 0.045);
  opacity: 0;
  pointer-events: none;
  transform: translate(50%, -7px);
  transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
  visibility: hidden;
}
.nav-panel::before {
  position: absolute;
  top: -7px;
  right: calc(50% - 7px);
  width: 13px;
  height: 13px;
  border-top: 1px solid rgba(157, 185, 219, 0.25);
  border-right: 1px solid rgba(157, 185, 219, 0.25);
  background: #102943;
  content: "";
  transform: rotate(-45deg);
}
.nav-menu[open] > .nav-panel { opacity: 1; pointer-events: auto; transform: translate(50%, 0); visibility: visible; }
.nav-panel--markets { width: min(720px, calc(100vw - 32px)); }
.nav-panel__intro {
  display: grid;
  gap: 2px;
  margin-bottom: 12px;
  padding: 2px 2px 12px;
  border-bottom: 1px solid rgba(157, 185, 219, 0.1);
}
.nav-panel__eyebrow { color: var(--cyan); font-size: 0.54rem; font-weight: 900; letter-spacing: 0.12em; direction: ltr; }
.nav-panel__intro strong { color: #e8f3ff; font-size: 0.82rem; }
.nav-panel__intro small { color: #7f97af; font-size: 0.59rem; }
.nav-panel--markets { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.nav-panel--markets .nav-panel__intro { grid-column: 1 / -1; }
.nav-panel__card {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(157, 185, 219, 0.1);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.025);
  color: inherit;
  text-decoration: none;
  transition: 180ms ease;
}
.nav-panel__card:hover { border-color: rgba(85, 214, 239, 0.34); background: rgba(85, 214, 239, 0.075); transform: translateY(-2px); }
.nav-panel__card > span:not(.nav-panel__card-icon) { display: grid; min-width: 0; gap: 1px; }
.nav-panel__card strong { overflow: hidden; color: #e4f0fc; font-size: 0.66rem; text-overflow: ellipsis; white-space: nowrap; }
.nav-panel__card small { overflow: hidden; color: #7891ab; font-size: 0.53rem; text-overflow: ellipsis; white-space: nowrap; }
.nav-panel__card b { margin-right: auto; color: #5baec4; font-size: 0.73rem; font-weight: 500; direction: ltr; }
.nav-panel__card-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 29px;
  height: 29px;
  border: 1px solid rgba(85, 214, 239, 0.2);
  border-radius: 9px;
  background: rgba(85, 214, 239, 0.1);
  color: var(--cyan);
  font-size: 0.79rem;
  font-weight: 900;
}
.nav-panel__card-icon--gold { border-color: rgba(255, 197, 106, 0.22); background: rgba(255, 197, 106, 0.11); color: var(--amber); }
.nav-panel__card-icon--amber { border-color: rgba(255, 197, 106, 0.22); background: rgba(255, 197, 106, 0.11); color: var(--amber); }
.nav-panel__card-icon--violet { border-color: rgba(157, 145, 255, 0.24); background: rgba(157, 145, 255, 0.11); color: #b9b2ff; }
.nav-panel__card-icon--green { border-color: rgba(82, 214, 163, 0.23); background: rgba(82, 214, 163, 0.1); color: var(--green); }
.nav-panel__card-icon--blue { border-color: rgba(98, 136, 255, 0.24); background: rgba(98, 136, 255, 0.1); color: #aeb9ff; }
.nav-panel__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.nav-panel--ban { width: min(690px, calc(100vw - 32px)); }
.nav-panel--ban .nav-panel__intro { grid-column: 1 / -1; }
.nav-panel--ban .nav-panel__card { min-height: 53px; }
.nav-panel--tools { width: min(310px, calc(100vw - 32px)); display: grid; gap: 7px; }
.nav-panel__tool { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; column-gap: 9px; padding: 10px; border: 1px solid rgba(157, 185, 219, 0.1); border-radius: 12px; color: #d9e8f8; text-decoration: none; transition: 180ms ease; }
.nav-panel__tool:hover { border-color: rgba(85, 214, 239, 0.3); background: rgba(85, 214, 239, 0.07); }
.nav-panel__tool > span { grid-row: 1 / span 2; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; background: rgba(85, 214, 239, 0.1); color: var(--cyan); }
.nav-panel__tool strong { font-size: 0.65rem; }
.nav-panel__tool small { color: #7891ab; font-size: 0.53rem; }

.command-actions { display: flex; align-items: center; justify-content: flex-end; gap: 7px; min-width: 0; }
.command-search { display: flex; align-items: center; gap: 7px; width: clamp(155px, 17vw, 235px); min-height: 37px; padding: 0 10px; border: 1px solid rgba(157, 185, 219, 0.15); border-radius: 11px; background: rgba(3, 14, 27, 0.48); color: #7d9ab6; }
.command-search > span { color: var(--cyan); font-size: 1rem; line-height: 1; }
.command-search input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: #deedf9; font: inherit; font-size: 0.59rem; }
.command-search input::placeholder { color: #6f89a4; }
.command-search kbd { flex: 0 0 auto; padding: 2px 5px; border: 1px solid rgba(157, 185, 219, 0.16); border-radius: 5px; color: #7892ab; font-family: inherit; font-size: 0.5rem; direction: ltr; }
.command-live { min-height: 34px; padding: 6px 9px; font-size: 0.55rem; white-space: nowrap; }
.command-live .live-dot { width: 6px; height: 6px; }
.command-actions .icon-button { width: 36px; height: 36px; border-radius: 11px; }
.icon-button--notification { position: relative; color: #b7c7d8; text-decoration: none; }
.icon-button--notification i { position: absolute; top: 7px; right: 7px; width: 5px; height: 5px; border: 1px solid #092136; border-radius: 50%; background: var(--amber); }
.command-actions .auth-slot { order: 0; }

@media (max-width: 1240px) {
  .topbar.topbar--command { gap: 12px; }
  .topbar--command .brand small, .command-live { display: none; }
  .command-nav > a, .command-nav .nav-menu > summary { padding-inline: 7px; font-size: 0.62rem; }
  .command-search { width: 175px; }
}

@media (max-width: 980px) {
  .topbar.topbar--command { grid-template-columns: auto 1fr; gap: 10px; min-height: 72px; }
  .topbar--command .command-actions { grid-column: 2; grid-row: 1; }
  .topbar--command .command-nav { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; width: 100%; overflow-x: auto; padding: 2px 0 5px; scrollbar-width: thin; }
  .topbar--command .command-nav > a, .topbar--command .command-nav .nav-menu > summary { min-height: 34px; }
  .topbar--command .nav-panel { right: 0; transform: translate(0, -7px); }
  .topbar--command .nav-menu[open] > .nav-panel { transform: translate(0, 0); }
  .topbar--command .nav-panel::before { right: 26px; }
  .topbar--command .command-search { width: min(250px, 35vw); }
}

@media (max-width: 620px) {
  .topbar.topbar--command { display: grid; grid-template-columns: 1fr auto; gap: 10px; margin-top: 10px; padding: 8px 9px; border-radius: 18px; }
  .topbar--command .brand-mark { width: 37px; height: 37px; border-radius: 11px; }
  .topbar--command .brand strong { font-size: 0.93rem; }
  .topbar--command .command-actions { grid-column: 2; grid-row: 1; gap: 5px; }
  .topbar--command .command-search { display: none; }
  .topbar--command .command-actions .icon-button { width: 32px; height: 32px; }
  .topbar--command .auth-slot .auth-button--primary { min-height: 32px; padding-inline: 9px; font-size: 0.58rem; }
  .topbar--command .command-nav { grid-column: 1 / -1; grid-row: 2; gap: 2px; padding-bottom: 2px; }
  .topbar--command .command-nav > a, .topbar--command .command-nav .nav-menu > summary { min-height: 32px; padding-inline: 8px; font-size: 0.58rem; }
  .topbar--command .nav-menu__icon { display: none; }
  .topbar--command .nav-panel { position: fixed; top: 116px; right: 14px; left: 14px; width: auto; max-height: calc(100vh - 135px); overflow-y: auto; transform: translateY(-7px); }
  .topbar--command .nav-menu[open] > .nav-panel { transform: translateY(0); }
  .topbar--command .nav-panel::before { display: none; }
  .topbar--command .nav-panel--markets { grid-template-columns: 1fr; }
  .topbar--command .nav-panel--ban { display: block; }
  .topbar--command .nav-panel--ban .nav-panel__grid { grid-template-columns: 1fr; }
  .topbar--command .nav-panel--ban .nav-panel__card { margin-bottom: 7px; }
}

/* صفحهٔ اول روندبان · اجرای دقیق طرح رادار تصمیم */
body:has(.home-command-hero) main { padding-top: 14px; }
body:has(.home-command-hero) .guide-launcher { display: none !important; }
body:has(.home-command-hero) .market-ticker { transition: margin-top 180ms ease; }
body:has(.home-command-hero):has(.nav-menu--featured[open]) .market-ticker { margin-top: 112px; }

.topbar.topbar--command {
  min-height: 60px;
  padding-block: 7px;
  border-radius: 18px;
}
.topbar--command .brand small { display: none; }
.topbar--command #refreshButton { display: none; }
.topbar--command .command-live { display: none; }
.topbar--command .auth-button--combined { min-height: 36px; padding-inline: 12px; border-color: rgba(157, 185, 219, 0.24); background: rgba(255, 255, 255, 0.025); color: #e4edf7; }
.topbar--command .auth-button--combined:hover { border-color: rgba(85, 214, 239, 0.42); background: rgba(85, 214, 239, 0.08); color: #f2fbff; }

.market-ticker {
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
  gap: 7px;
  margin-top: 12px;
  padding-bottom: 0;
}
.market-ticker__item {
  position: relative;
  min-height: 47px;
  overflow: hidden;
  padding: 7px 10px;
  border-radius: 11px;
  background: linear-gradient(140deg, rgba(13, 34, 56, 0.78), rgba(7, 21, 37, 0.78));
}
.market-ticker__item::after {
  position: absolute;
  bottom: 8px;
  left: 45%;
  width: 46px;
  height: 13px;
  opacity: 0.6;
  background: linear-gradient(160deg, transparent 0 24%, rgba(82, 214, 163, 0.8) 25% 30%, transparent 31% 43%, rgba(82, 214, 163, 0.75) 44% 49%, transparent 50% 61%, rgba(82, 214, 163, 0.9) 62% 68%, transparent 69%);
  clip-path: polygon(0 78%, 13% 64%, 24% 71%, 36% 43%, 49% 55%, 63% 22%, 74% 43%, 88% 8%, 100% 18%, 100% 30%, 88% 22%, 75% 56%, 63% 38%, 50% 70%, 37% 57%, 25% 84%, 13% 77%, 0 92%);
  content: "";
}
.market-ticker__item:nth-child(3)::after { filter: hue-rotate(145deg); }
.market-ticker__label strong { font-size: 0.58rem; }
.market-ticker__label small { font-size: 0.42rem; }
.market-ticker__value { min-width: 62px; font-size: 0.58rem; }
.market-ticker__value small { font-size: 0.43rem; }
.market-ticker__live {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 82px;
  min-height: 47px;
  padding: 0 12px;
  border: 1px solid rgba(85, 214, 239, 0.28);
  border-radius: 11px;
  background: rgba(85, 214, 239, 0.06);
  color: #bfefff;
  font-size: 0.57rem;
}

.home-command-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(300px, 0.92fr) minmax(370px, 1.08fr);
  align-items: start;
  gap: clamp(22px, 3.4vw, 48px);
  min-height: 365px;
  margin: 0 0 13px;
  padding: 14px 0 0;
}
.home-command-hero::before { opacity: 0.18; mask-image: linear-gradient(90deg, black, transparent 92%); }
.home-command-hero .hero-copy-block { align-self: center; max-width: none; }
.home-command-hero .eyebrow {
  margin: 0 0 8px;
  color: var(--cyan);
  font-size: 0.68rem;
  font-weight: 850;
}
.home-command-hero .eyebrow::before { display: none; }
.home-command-hero h1 {
  max-width: 460px;
  margin: 0 0 11px;
  font-size: clamp(32px, 3.1vw, 41px);
  font-weight: 850;
  line-height: 1.18;
  letter-spacing: -0.055em;
}
.home-command-hero h1 span { background: linear-gradient(95deg, #1b92ff 2%, #30c7e8 42%, #43e0a1 92%); background-clip: text; -webkit-background-clip: text; }
.home-command-hero .hero-copy { max-width: 520px; margin: 0; color: #9bb0c7; font-size: 0.72rem; line-height: 2; }
.home-command-hero .hero-actions { gap: 9px; margin-top: 12px; }
.home-command-hero .hero-button { min-height: 41px; padding: 0 15px; border-radius: 9px; font-size: 0.64rem; }
.home-command-hero .hero-button--primary { background: linear-gradient(100deg, #167ff0, #26cbe5 52%, #31d889); color: #041c25; box-shadow: 0 12px 32px rgba(29, 180, 190, 0.16); }
.home-command-hero .hero-button--secondary { border-color: rgba(157, 185, 219, 0.24); background: rgba(6, 18, 34, 0.58); }
.hero-trust-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-top: 10px; }
.hero-trust-card {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 48px;
  padding: 7px 9px;
  border: 1px solid rgba(157, 185, 219, 0.12);
  border-radius: 11px;
  background: linear-gradient(145deg, rgba(15, 36, 59, 0.7), rgba(6, 20, 36, 0.72));
}
.hero-trust-card > span:last-child { display: grid; min-width: 0; }
.hero-trust-card strong { overflow: hidden; color: #e4eef8; font-size: 0.57rem; text-overflow: ellipsis; white-space: nowrap; }
.hero-trust-card small { overflow: hidden; color: #6f869e; font-size: 0.43rem; text-overflow: ellipsis; white-space: nowrap; }
.hero-trust-card__icon { display: grid; place-items: center; flex: 0 0 auto; width: 25px; height: 25px; border-radius: 8px; background: rgba(85, 214, 239, 0.1); color: var(--cyan); font-size: 0.66rem; }
.hero-trust-card__icon--green { background: rgba(82, 214, 163, 0.1); color: var(--green); }
.hero-trust-card__icon--amber { background: rgba(255, 197, 106, 0.1); color: var(--amber); }
.hero-last-sync { display: none; }

.hero-radar-card {
  position: relative;
  min-width: 0;
  min-height: 330px;
  padding: 14px 15px 7px;
  overflow: hidden;
  border: 1px solid rgba(91, 153, 205, 0.3);
  border-radius: 17px;
  background:
    radial-gradient(circle at 34% 47%, rgba(20, 102, 178, 0.08), transparent 36%),
    linear-gradient(145deg, rgba(8, 29, 52, 0.96), rgba(4, 18, 34, 0.985));
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.035), 0 22px 55px rgba(0, 0, 0, 0.25);
}
.hero-radar-card::before,
.hero-radar-card::after { display: none; }
.hero-radar-card__header { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #d6e5f4; font-size: 0.59rem; }
.hero-radar-card__header strong { display: inline-flex; align-items: center; gap: 6px; }
.hero-radar-card__header strong span { color: #748da7; }
.hero-radar-card__body { direction: ltr; display: grid; grid-template-columns: minmax(245px, 1fr) minmax(112px, 0.37fr); align-items: center; gap: 8px; height: 246px; min-height: 246px; margin-top: 2px; }
.decision-orbit { position: relative; width: min(100%, 345px); height: 246px; margin: 0 auto; direction: rtl; }
.decision-orbit__rings { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.decision-orbit__rings circle { fill: none; stroke: rgba(105, 157, 204, 0.27); stroke-width: 1; }
.decision-orbit__rings path { fill: none; stroke: rgba(105, 157, 204, 0.11); stroke-dasharray: 2 5; stroke-width: 1; }
.decision-orbit__rings .decision-orbit__points circle { fill: #4198ff; stroke: #071a2f; stroke-width: 2; }
.decision-orbit__center { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 82px; height: 82px; border: 1px solid rgba(255, 175, 54, 0.24); border-radius: 50%; background: radial-gradient(circle, rgba(255, 157, 25, 0.2), rgba(7, 26, 47, 0.92) 67%); box-shadow: 0 0 38px rgba(255, 150, 26, 0.12); transform: translate(-50%, -50%); }
.decision-orbit__asset { width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(145deg, #ffb73f, #ff821d); color: #fff; font-size: 1.38rem; box-shadow: 0 0 20px rgba(255, 148, 31, 0.35); }
.decision-orbit__center > strong { position: absolute; top: calc(100% + 2px); color: #e5eef8; font-size: 0.54rem; white-space: nowrap; }
.decision-orbit__center > small { display: none; }
.decision-orbit__price { display: none; }
.orbit-node { position: absolute; z-index: 2; display: flex; align-items: center; gap: 5px; color: #8096ad; font-size: 0.47rem; white-space: nowrap; }
.orbit-node > span { display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid rgba(70, 157, 244, 0.45); border-radius: 50%; background: rgba(25, 99, 166, 0.38); color: #72bdff; font-size: 0.78rem; box-shadow: 0 0 18px rgba(46, 146, 235, 0.12); }
.orbit-node strong { font-size: 0.47rem; font-weight: 650; }
.orbit-node small { position: absolute; top: calc(100% + 1px); right: 35px; color: #647b94; font-size: 0.38rem; }
.orbit-node small b, .orbit-node small em { font-style: normal; font-weight: 600; }
.orbit-node--trend { top: 13px; right: 4px; }
.orbit-node--volume { top: 104px; right: -3px; }
.orbit-node--sentiment { right: 13px; bottom: 8px; }
.orbit-node--risk { bottom: 8px; left: 16px; flex-direction: row-reverse; }
.orbit-node--risk > span { border-color: rgba(255, 111, 126, 0.5); background: rgba(151, 46, 62, 0.35); color: #ff7886; }
.orbit-node--news { top: 105px; left: -3px; flex-direction: row-reverse; }
.orbit-node--news > span { border-color: rgba(151, 111, 255, 0.52); background: rgba(85, 55, 164, 0.4); color: #b6a0ff; }
.orbit-node--flow { top: 13px; left: 7px; flex-direction: row-reverse; }

.radar-scoreboard { direction: rtl; min-height: 216px; padding: 4px 12px 3px 0; border-right: 1px solid rgba(157, 185, 219, 0.12); }
.radar-scoreboard__status { display: inline-flex; align-items: center; gap: 5px; color: #7f97af; font-size: 0.42rem; }
.radar-scoreboard__status i { width: 6px; height: 6px; border-radius: 2px; background: var(--green); }
.radar-scoreboard__score, .radar-scoreboard__signal, .radar-scoreboard__confidence { padding: 8px 0; border-bottom: 1px solid rgba(157, 185, 219, 0.1); }
.radar-scoreboard small { display: block; color: #70869f; font-size: 0.43rem; }
.radar-scoreboard__score strong { display: block; margin-top: 1px; color: #40e4d0; direction: ltr; text-align: right; font-size: 1.35rem; line-height: 1.15; }
.radar-scoreboard__signal strong { display: block; color: var(--green); font-size: 0.73rem; }
.radar-scoreboard__confidence strong { display: block; color: #65b6ff; direction: ltr; text-align: right; font-size: 0.8rem; }
.radar-evidence { margin-top: 7px; }
.radar-evidence__label { display: block; margin-bottom: 4px; color: #788fa7; font-size: 0.4rem; }
.radar-evidence > div { display: grid; grid-template-columns: 1fr auto 5px; align-items: center; gap: 5px; min-height: 23px; margin-bottom: 3px; padding: 3px 6px; border-radius: 6px; background: rgba(255, 255, 255, 0.035); }
.radar-evidence > div small { color: #9eb0c3; font-size: 0.41rem; }
.radar-evidence > div strong { color: #cfdeec; direction: ltr; font-size: 0.45rem; }
.radar-evidence > div i { width: 4px; height: 4px; border-radius: 50%; }
.radar-evidence .is-green { background: var(--green); }.radar-evidence .is-blue { background: #4a9bff; }.radar-evidence .is-amber { background: var(--amber); }
.radar-sparkline { position: relative; z-index: 1; height: 43px; margin: -1px 0 0; }
.radar-sparkline .hero-sparkline__line { stroke: #439dff; stroke-width: 1.7; }
.hero-data-mirror { display: none; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }

.home-market-brief { margin: 0 0 30px; padding: 9px 11px 11px; border: 1px solid rgba(89, 142, 187, 0.22); border-radius: 15px; background: linear-gradient(145deg, rgba(7, 25, 45, 0.86), rgba(5, 18, 33, 0.92)); }
.home-market-brief__header { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 7px; }
.home-market-brief__header h2 { font-size: 0.96rem; }
.home-market-brief__header a { color: #7bbce9; font-size: 0.48rem; text-decoration: none; }
.home-market-brief__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.home-brief-card { display: grid; gap: 7px; min-width: 0; min-height: 90px; padding: 10px 12px; border: 1px solid rgba(157, 185, 219, 0.13); border-radius: 12px; color: inherit; text-decoration: none; transition: 180ms ease; }
.home-brief-card:hover { transform: translateY(-2px); }
.home-brief-card--opportunity { border-color: rgba(47, 218, 149, 0.35); background: linear-gradient(120deg, rgba(10, 82, 61, 0.38), rgba(7, 28, 45, 0.72)); }
.home-brief-card--catalyst { border-color: rgba(255, 174, 35, 0.38); background: linear-gradient(120deg, rgba(95, 61, 10, 0.42), rgba(7, 28, 45, 0.72)); }
.home-brief-card--alert { border-color: rgba(255, 100, 128, 0.38); background: linear-gradient(120deg, rgba(80, 25, 42, 0.42), rgba(7, 28, 45, 0.72)); }
.home-brief-card__head, .home-brief-card__body { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.home-brief-card__head strong { color: #edf5fd; font-size: 0.67rem; }.home-brief-card__head i { color: var(--green); font-size: 0.95rem; font-style: normal; }
.home-brief-card--catalyst .home-brief-card__head i { color: var(--amber); }.home-brief-card--alert .home-brief-card__head i { color: var(--red); }
.home-brief-card__body b { overflow: hidden; color: #dce8f5; font-size: 0.58rem; text-overflow: ellipsis; white-space: nowrap; }
.home-brief-card__body em { flex: 0 0 auto; padding: 2px 7px; border-radius: 6px; background: rgba(82, 214, 163, 0.12); color: var(--green); font-size: 0.45rem; font-style: normal; }
.home-brief-card--catalyst .home-brief-card__body em { background: rgba(255, 197, 106, 0.12); color: var(--amber); }.home-brief-card--alert .home-brief-card__body em { background: rgba(255, 124, 157, 0.12); color: var(--red); }
.home-brief-card > small { overflow: hidden; color: #7890aa; font-size: 0.46rem; line-height: 1.65; text-overflow: ellipsis; white-space: nowrap; }

@media (min-width: 721px) {
  .topbar.topbar--command { grid-template-columns: minmax(108px, 0.6fr) minmax(300px, 1.5fr) minmax(275px, 1.12fr); gap: 9px; }
  .topbar--command .command-nav { grid-column: auto; grid-row: auto; justify-content: center; overflow: visible; padding: 0; }
  .topbar--command .command-actions { grid-column: auto; grid-row: auto; }
  .topbar--command .command-nav > a, .topbar--command .command-nav .nav-menu > summary { min-height: 34px; padding-inline: 7px; font-size: 0.59rem; }
  .topbar--command .command-search { width: clamp(130px, 15vw, 190px); }
  .topbar--command .command-nav { position: static; }
  .topbar--command .nav-menu--featured { position: static; }
  .topbar--command .nav-panel--ban { top: calc(100% + 10px); right: auto; left: 50%; width: min(920px, calc(100vw - 48px)); padding: 8px 10px; transform: translate(-50%, -7px); }
  .topbar--command .nav-menu--featured[open] > .nav-panel--ban { transform: translate(-50%, 0); }
  .topbar--command .nav-panel--ban::before { right: calc(50% - 7px); }
  .topbar--command .nav-panel--ban .nav-panel__intro { display: none; }
  .topbar--command .nav-panel--ban .nav-panel__grid { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 0; }
  .topbar--command .nav-panel--ban .nav-panel__card { display: grid; grid-template-columns: 29px minmax(0, 1fr); align-content: center; min-height: 72px; padding: 8px 10px; border: 0; border-left: 1px solid rgba(157, 185, 219, 0.1); border-radius: 0; }
  .topbar--command .nav-panel--ban .nav-panel__card:last-child { border-left: 0; }
  .topbar--command .nav-panel--ban .nav-panel__card:hover { border-radius: 10px; transform: none; }
  .topbar--command .nav-panel--ban .nav-panel__card strong { font-size: 0.58rem; }
  .topbar--command .nav-panel--ban .nav-panel__card small { margin-top: 3px; font-size: 0.43rem; line-height: 1.65; white-space: normal; }
}

@media (max-width: 980px) and (min-width: 721px) {
  .app-shell { width: min(100% - 28px, 1440px); }
  .topbar.topbar--command { grid-template-columns: 104px minmax(275px, 1fr) minmax(252px, 0.9fr); }
  .topbar--command .brand-mark { width: 37px; height: 37px; }
  .topbar--command .brand strong { font-size: 0.9rem; }
  .topbar--command .command-search { width: 125px; }
  .topbar--command .command-nav > a, .topbar--command .command-nav .nav-menu > summary { padding-inline: 5px; font-size: 0.55rem; }
  .topbar--command .auth-button--combined { padding-inline: 9px; font-size: 0.58rem; }
  .home-command-hero { grid-template-columns: minmax(280px, 0.88fr) minmax(345px, 1.12fr); gap: 16px; min-height: 350px; }
  .home-command-hero h1 { font-size: clamp(31px, 4.4vw, 39px); }
  .home-command-hero .hero-copy { font-size: 0.62rem; }
  .hero-radar-card { min-height: 314px; padding-inline: 11px; }
  .hero-radar-card__body { grid-template-columns: minmax(220px, 1fr) 105px; gap: 4px; min-height: 235px; }
  .decision-orbit { height: 232px; }
  .radar-scoreboard { padding-right: 8px; }
  .orbit-node strong { font-size: 0.42rem; }
  .hero-trust-card { padding-inline: 7px; }
  .hero-trust-card small { display: none; }
}

@media (max-width: 720px) {
  body:has(.home-command-hero) main { padding-top: 10px; }
  body:has(.home-command-hero):has(.nav-menu--featured[open]) .market-ticker { margin-top: 12px; }
  .market-ticker { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .market-ticker__live { min-height: 40px; }
  .home-command-hero { grid-template-columns: 1fr; gap: 18px; padding-top: 22px; }
  .home-command-hero .hero-copy-block { max-width: 560px; }
  .home-command-hero h1 { font-size: 34px; }
  .hero-radar-card { width: 100%; min-height: 330px; }
  .home-market-brief__grid { grid-template-columns: 1fr; }
  .home-brief-card { min-height: 80px; }
}

@media (max-width: 480px) {
  .hero-trust-grid { grid-template-columns: 1fr; }
  .hero-radar-card__body { grid-template-columns: 1fr; }
  .decision-orbit { height: 238px; }
  .radar-scoreboard { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; min-height: 0; padding: 8px 0 0; border-top: 1px solid rgba(157, 185, 219, 0.12); border-right: 0; }
  .radar-scoreboard__status, .radar-evidence { grid-column: 1 / -1; }
  .radar-scoreboard__score, .radar-scoreboard__signal, .radar-scoreboard__confidence { border: 0; }
  .radar-sparkline { margin-top: 10px; }
}

/* صفحهٔ اول روندبان · ابعاد و آیکون‌های نوار فرمان مطابق طرح نهایی */
.ui-icon {
  display: block;
  width: 1em;
  height: 1em;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

body:has(.home-command-hero) .app-shell {
  width: min(1840px, calc(100% - 8px));
}

.topbar.topbar--command {
  min-height: 62px;
  margin-top: 8px;
  padding: 7px 10px 7px 12px;
  border-color: rgba(103, 155, 214, 0.38);
  border-radius: 17px;
  background:
    linear-gradient(105deg, rgba(9, 27, 50, 0.98), rgba(5, 17, 32, 0.99) 53%, rgba(10, 29, 50, 0.98)),
    #07182b;
  box-shadow: 0 15px 42px rgba(0, 0, 0, 0.28), inset 0 1px rgba(255, 255, 255, 0.055);
}

.topbar--command .brand { gap: 9px; }
.topbar--command .brand-mark {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 13px;
  background: transparent;
  box-shadow: 0 0 28px rgba(44, 203, 229, 0.17);
}
.topbar--command .brand strong {
  color: #f1f6fc;
  font-size: 24px;
  font-weight: 850;
  letter-spacing: -0.045em;
  line-height: 1.15;
}

.topbar--command .command-nav { gap: 7px; }
.topbar--command .command-nav > a,
.topbar--command .command-nav .nav-menu > summary {
  min-height: 42px;
  padding-inline: 11px;
  border-radius: 10px;
  color: #d7e4f2;
  font-size: 14px;
  font-weight: 730;
  line-height: 1;
}
.topbar--command .command-nav > a:hover,
.topbar--command .command-nav .nav-menu > summary:hover {
  border-color: transparent;
  background: rgba(85, 214, 239, 0.045);
  color: #f2f8ff;
}
.topbar--command .command-nav .nav-menu--featured[open] > summary {
  position: relative;
  border-color: transparent;
  background: transparent;
  color: #30d6ef;
}
.topbar--command .command-nav .nav-menu--featured[open] > summary::after {
  position: absolute;
  right: 9px;
  bottom: -11px;
  left: 9px;
  height: 2px;
  border-radius: 999px;
  background: #13a9ff;
  box-shadow: 0 0 13px rgba(19, 169, 255, 0.65);
  content: "";
}
.topbar--command .nav-menu__icon {
  width: 15px;
  height: 15px;
  color: #65819e;
  font-size: 15px;
}
.topbar--command .nav-menu--featured > summary .nav-menu__icon { color: #31cde6; }
.topbar--command .nav-menu__chevron {
  margin-right: 2px;
  color: #718ca7;
  font-size: 13px;
}

.topbar--command .command-actions { gap: 8px; }
.topbar--command .command-search {
  width: clamp(220px, 16vw, 278px);
  min-height: 39px;
  padding: 0 11px;
  border-color: rgba(123, 158, 198, 0.28);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(24, 44, 71, 0.82), rgba(13, 30, 52, 0.84));
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.025);
}
.topbar--command .command-search > .ui-icon {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  color: #708aa5;
}
.topbar--command .command-search input {
  font-size: 12.5px;
  font-weight: 520;
}
.topbar--command .command-search input::placeholder { color: #71849a; }
.topbar--command .command-search kbd {
  padding: 2px 6px;
  border-color: rgba(142, 173, 207, 0.22);
  border-radius: 6px;
  color: #a7b6c7;
  font-size: 10px;
}
.topbar--command .auth-button--combined {
  gap: 8px;
  min-height: 39px;
  padding-inline: 13px;
  border-color: rgba(133, 174, 221, 0.4);
  border-radius: 10px;
  background: rgba(7, 21, 38, 0.64);
  color: #eaf2fb;
  font-size: 13px;
  font-weight: 740;
}
.topbar--command .auth-button--combined .ui-icon {
  width: 17px;
  height: 17px;
  color: #c4d1df;
}
.topbar--command .command-actions .icon-button {
  width: 39px;
  height: 39px;
  border-color: rgba(125, 160, 200, 0.22);
  border-radius: 10px;
  background: rgba(7, 21, 38, 0.58);
  color: #d4e2f0;
}
.topbar--command .command-actions .icon-button .ui-icon { width: 19px; height: 19px; }
.icon-button--notification i {
  top: 4px;
  right: 4px;
  width: 9px;
  height: 9px;
  border: 2px solid #0a1c31;
  background: #ff9e1c;
}

body:has(.home-command-hero):has(.nav-menu--featured[open]) .market-ticker { margin-top: 116px; }

@media (min-width: 981px) {
  .topbar.topbar--command {
    grid-template-columns: minmax(138px, 0.48fr) minmax(500px, 1.65fr) minmax(390px, 1.22fr);
    gap: 15px;
  }
  .topbar--command .command-nav {
    grid-column: auto;
    grid-row: auto;
    justify-content: center;
    overflow: visible;
    padding: 0;
  }
  .topbar--command .command-actions { grid-column: auto; grid-row: auto; }
  .topbar--command .command-nav { position: static; }
  .topbar--command .nav-menu--featured { position: static; }
  .topbar--command .nav-panel--ban {
    top: calc(100% + 10px);
    right: auto;
    left: 50%;
    width: min(1500px, calc(100vw - 144px));
    min-height: 92px;
    padding: 0 8px;
    border-color: rgba(105, 157, 211, 0.45);
    border-radius: 16px;
    background: linear-gradient(160deg, rgba(14, 37, 63, 0.995), rgba(7, 22, 39, 0.995));
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.34), inset 0 1px rgba(255, 255, 255, 0.04);
    transform: translate(-50%, -7px);
  }
  .topbar--command .nav-menu--featured[open] > .nav-panel--ban { transform: translate(-50%, 0); }
  .topbar--command .nav-panel--ban::before {
    top: -7px;
    right: calc(50% - 7px);
    width: 13px;
    height: 13px;
    background: #102943;
  }
  .topbar--command .nav-panel--ban .nav-panel__intro { display: none; }
  .topbar--command .nav-panel--ban .nav-panel__grid {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0;
  }
  .topbar--command .nav-panel--ban .nav-panel__card {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-content: center;
    column-gap: 9px;
    min-height: 90px;
    padding: 10px 13px;
    border: 0;
    border-left: 1px solid rgba(157, 185, 219, 0.11);
    border-radius: 0;
    background: transparent;
  }
  .topbar--command .nav-panel--ban .nav-panel__card:last-child { border-left: 0; }
  .topbar--command .nav-panel--ban .nav-panel__card:hover {
    border-radius: 11px;
    background: rgba(85, 214, 239, 0.055);
    transform: none;
  }
  .topbar--command .nav-panel--ban .nav-panel__card-icon {
    width: 29px;
    height: 29px;
    border: 0;
    border-radius: 9px;
    font-size: 16px;
  }
  .topbar--command .nav-panel--ban .nav-panel__card-icon .ui-icon { width: 17px; height: 17px; }
  .topbar--command .nav-panel--ban .nav-panel__card strong {
    color: #f0f5fb;
    font-size: 13px;
    font-weight: 780;
    line-height: 1.4;
  }
  .topbar--command .nav-panel--ban .nav-panel__card small {
    display: -webkit-box;
    height: 33px;
    margin-top: 5px;
    overflow: hidden;
    color: #879bb0;
    font-size: 10px;
    font-weight: 520;
    line-height: 1.65;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

.nav-panel__card-icon--credit {
  border-color: rgba(130, 221, 84, 0.22);
  background: rgba(130, 221, 84, 0.1);
  color: #8ae15a;
}

.market-ticker {
  grid-template-columns: repeat(5, minmax(0, 1fr)) 94px;
  gap: 0;
  min-height: 50px;
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid rgba(101, 146, 196, 0.26);
  border-radius: 14px;
  background: rgba(5, 17, 31, 0.82);
}
.market-ticker__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  min-width: 0;
  min-height: 49px;
  padding: 6px 12px;
  border: 0;
  border-left: 1px solid rgba(117, 155, 197, 0.13);
  border-radius: 0;
  background: linear-gradient(155deg, rgba(9, 29, 50, 0.78), rgba(4, 16, 29, 0.82));
}
.market-ticker__item::after {
  bottom: 9px;
  left: 24%;
  width: 54px;
  height: 17px;
  opacity: 0.92;
}
.market-ticker__item--gold::after {
  background-color: #ee634f;
  filter: none;
}
.market-ticker__item--dollar::after {
  background-color: #52d66a;
  filter: none;
}
.market-ticker__item--fear::after {
  background-color: #36d28b;
  filter: none;
}
.market-ticker__asset-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 27px;
  height: 27px;
  color: #b7c8d9;
}
.market-ticker__asset-icon--btc {
  border-radius: 50%;
  background: linear-gradient(145deg, #ffb02a, #ff8b14);
  color: #fff;
  font-size: 18px;
  font-weight: 850;
  box-shadow: 0 0 14px rgba(255, 150, 24, 0.24);
}
.market-ticker__asset-icon--eth svg { width: 22px; height: 22px; fill: #8aa1bd; stroke: #c9d6e4; stroke-width: 0.65; }
.market-ticker__asset-icon--fear { color: #aebfd0; font-size: 21px; }
.market-ticker__label { position: relative; z-index: 1; display: grid; min-width: 0; line-height: 1.35; }
.market-ticker__label strong {
  color: #edf4fb;
  font-size: 12.5px;
  font-weight: 780;
}
.market-ticker__label small {
  color: #63809b;
  font-size: 8.5px;
  font-weight: 550;
}
.market-ticker__value {
  position: relative;
  z-index: 1;
  min-width: 68px;
  margin-inline-start: auto;
  font-size: 12px;
  font-weight: 760;
}
.market-ticker__value strong { color: #f3f7fc; }
.market-ticker__value small {
  margin-top: 1px;
  font-size: 9px;
  font-weight: 720;
}
.market-ticker__live {
  min-width: 94px;
  min-height: 49px;
  padding: 0 10px;
  border: 0;
  border-radius: 0;
  background: rgba(7, 25, 43, 0.88);
  color: #dff5ff;
  font-size: 11px;
  font-weight: 760;
}
.market-ticker__live .live-dot {
  width: 8px;
  height: 8px;
  box-shadow: 0 0 0 5px rgba(82, 214, 163, 0.1), 0 0 14px rgba(82, 214, 163, 0.45);
}

@media (max-width: 1240px) and (min-width: 981px) {
  .topbar.topbar--command { grid-template-columns: 126px minmax(410px, 1fr) minmax(456px, 1.05fr); gap: 6px; }
  .topbar--command .command-nav { gap: 1px; }
  .topbar--command .command-nav > a,
  .topbar--command .command-nav .nav-menu > summary { padding-inline: 9px; font-size: 13.5px; }
  .topbar--command .command-search { width: 276px; }
  .topbar--command .nav-panel--ban .nav-panel__card { padding-inline: 9px; }
  .topbar--command .nav-panel--ban .nav-panel__card strong { font-size: 13px; }
  .topbar--command .nav-panel--ban .nav-panel__card small { font-size: 10px; }
  .market-ticker__item { padding-inline: 8px; gap: 6px; }
  .market-ticker__label strong { font-size: 12px; }
  .market-ticker__value { min-width: 60px; font-size: 12px; }
}

@media (max-width: 980px) {
  body:has(.home-command-hero) .app-shell { width: min(100% - 24px, 940px); }
  .topbar.topbar--command { margin-top: 8px; }
  .topbar--command .brand strong { font-size: 20px; }
  .topbar--command .command-nav > a,
  .topbar--command .command-nav .nav-menu > summary { font-size: 12px; }
  .market-ticker { grid-template-columns: repeat(2, minmax(0, 1fr)); border-radius: 12px; }
  .market-ticker__item { border-bottom: 1px solid rgba(117, 155, 197, 0.13); }
  .market-ticker__live { min-height: 48px; }
}

@media (max-width: 620px) {
  .topbar.topbar--command { min-height: 60px; padding: 8px; }
  .topbar--command .brand-mark { width: 40px; height: 40px; }
  .topbar--command .brand strong { font-size: 18px; }
  .topbar--command .auth-button--combined { min-height: 36px; padding-inline: 10px; font-size: 11px; }
  .topbar--command .auth-button--combined .ui-icon { width: 15px; height: 15px; }
  .topbar--command .command-actions .icon-button { width: 36px; height: 36px; }
  .market-ticker__item { min-height: 52px; }
  .market-ticker__label strong { font-size: 11px; }
  .market-ticker__value { min-width: 54px; font-size: 10.5px; }
  .market-ticker__asset-icon { width: 24px; height: 24px; }
}

/* پنل امتیاز تصمیم · هم‌تراز با نمونهٔ مرجع */
.hero-radar-card__header {
  padding-inline: 3px;
}

.hero-radar-card__header strong {
  color: #e7f1fb;
  font-size: 13.5px;
  font-weight: 780;
}

.hero-radar-card .hero-live {
  color: #8ea8c0;
  font-size: 11px;
  font-weight: 540;
}

.radar-scoreboard__status {
  margin-inline-start: auto;
  color: #8da5bc;
  font-size: 10px;
}

.radar-scoreboard__status i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(82, 214, 163, 0.09), 0 0 12px rgba(82, 214, 163, 0.42);
}

.radar-scoreboard__score,
.radar-scoreboard__signal,
.radar-scoreboard__confidence {
  border-bottom-color: rgba(151, 181, 211, 0.17);
}

.radar-scoreboard__score strong {
  font-size: 30px;
  letter-spacing: -0.025em;
}

.radar-scoreboard__signal strong {
  color: #4ee0a8;
  font-size: 17px;
}

.radar-scoreboard__confidence strong {
  color: #65b6ff;
  font-size: 18px;
}

.radar-evidence__label {
  color: #829bb2;
  font-size: 10px;
}

.radar-evidence > div {
  min-height: 32px;
  border: 1px solid rgba(145, 179, 211, 0.05);
  background: linear-gradient(90deg, rgba(22, 43, 67, 0.9), rgba(17, 35, 56, 0.82));
}

.radar-evidence > div small,
.radar-evidence > div strong {
  font-size: 10.5px;
}

.radar-evidence > div i {
  width: 6px;
  height: 6px;
  box-shadow: 0 0 8px currentColor;
}

@media (max-width: 620px) {
  .hero-radar-card__header strong { font-size: 12px; }
  .hero-radar-card .hero-live { font-size: 9.5px; }
  .radar-scoreboard__score strong { font-size: 22px; }
  .radar-scoreboard__signal strong,
  .radar-scoreboard__confidence strong { font-size: 14px; }
}

/* رادار تصمیم بازار · مقیاس نهایی و هندسهٔ ثابت */
.hero-radar-card {
  --radar-side-width: 190px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) 45px;
  min-height: 438px;
  padding: 17px 18px 10px;
  border-radius: 18px;
}

.hero-radar-card__header {
  min-height: 20px;
  padding-inline: 2px;
}

.hero-radar-card__body {
  grid-template-columns: minmax(0, 1fr) var(--radar-side-width);
  gap: 12px;
  height: auto;
  min-height: 0;
  margin-top: 3px;
}

.decision-orbit {
  width: min(100%, 430px);
  height: min(100%, 330px);
  min-height: 300px;
  max-height: 330px;
  margin-inline: auto;
  overflow: visible;
}

.decision-orbit__rings {
  width: 100%;
  height: 100%;
  overflow: visible;
  preserveAspectRatio: xMidYMid meet;
}

.decision-orbit__rings circle {
  vector-effect: non-scaling-stroke;
}

.decision-orbit__rings .decision-orbit__points circle {
  fill: #4ca2ff;
  stroke: #071a2f;
  stroke-width: 2;
}

.decision-orbit__rings .decision-orbit__points .point--muted { fill: #617c9a; }
.decision-orbit__rings .decision-orbit__points .point--cyan { fill: #49d8d0; }
.decision-orbit__rings .decision-orbit__points .point--amber { fill: #ffab3c; }
.decision-orbit__rings .decision-orbit__points .point--red { fill: #ed6f78; }

.decision-orbit__center {
  width: 98px;
  height: 98px;
  background: radial-gradient(circle, rgba(255, 169, 37, 0.23) 0 38%, rgba(7, 26, 47, 0.94) 69%);
  box-shadow: 0 0 0 1px rgba(255, 178, 57, 0.12), 0 0 42px rgba(255, 150, 26, 0.2);
}

.decision-orbit__asset {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  font-size: 29px;
}

.decision-orbit__asset img {
  z-index: 2;
  display: block;
}

.decision-orbit__asset span {
  z-index: 1;
  opacity: 0;
}

.decision-orbit__center > strong {
  top: calc(100% + 5px);
  color: #edf5fc;
  font-size: 12px;
  font-weight: 720;
}

.orbit-node {
  direction: ltr;
  gap: 8px;
  color: #91a8bf;
  font-size: 12px;
}

.orbit-node > span {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
}

.orbit-node strong {
  color: #91a8bf;
  font-size: 12px;
  font-weight: 620;
}

.orbit-node--trend { top: 27px; right: 10px; }
.orbit-node--volume { top: 144px; right: -3px; }
.orbit-node--sentiment { right: 10px; bottom: 25px; }
.orbit-node--flow { top: 27px; left: 10px; flex-direction: row-reverse; }
.orbit-node--news { top: 144px; left: -3px; flex-direction: row-reverse; }
.orbit-node--risk { bottom: 25px; left: 10px; flex-direction: row-reverse; }

.radar-scoreboard {
  min-width: 0;
  min-height: 302px;
  padding: 8px 14px 2px 0;
  border-right-color: rgba(157, 185, 219, 0.18);
}

.radar-scoreboard__score,
.radar-scoreboard__signal,
.radar-scoreboard__confidence {
  padding: 10px 0;
}

.radar-scoreboard__score strong { font-size: 30px; }
.radar-scoreboard__signal strong { font-size: 17px; }
.radar-scoreboard__confidence strong { font-size: 18px; }

.radar-evidence {
  margin-top: 9px;
}

.radar-evidence__label {
  margin-bottom: 6px;
  color: #849db6;
  font-size: 10px;
}

.radar-evidence > div {
  min-height: 32px;
  margin-bottom: 5px;
  padding: 5px 8px;
  border: 1px solid rgba(145, 179, 211, 0.07);
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(22, 43, 67, 0.92), rgba(17, 35, 56, 0.82));
}

.radar-evidence > div small,
.radar-evidence > div strong { font-size: 10.5px; }
.radar-evidence > div i { width: 6px; height: 6px; box-shadow: 0 0 8px currentColor; }

.radar-sparkline {
  align-self: end;
  height: 45px;
  margin-top: 0;
}

.radar-sparkline .hero-sparkline__fill { opacity: 0.52; }
.radar-sparkline .hero-sparkline__line { stroke: #409cff; stroke-width: 1.7; }

@media (max-width: 980px) and (min-width: 621px) {
  .hero-radar-card { min-height: 420px; }
  .hero-radar-card__body { height: auto; min-height: 0; }
  .decision-orbit { height: 312px; }
  .orbit-node--trend, .orbit-node--flow { top: 19px; }
  .orbit-node--volume, .orbit-node--news { top: 135px; }
  .orbit-node--sentiment, .orbit-node--risk { bottom: 15px; }
}

@media (max-width: 620px) {
  .hero-radar-card {
    grid-template-rows: auto auto 45px;
    min-height: 0;
    padding: 15px 12px 11px;
  }

  .hero-radar-card__body {
    grid-template-columns: 1fr;
    height: auto;
    min-height: 0;
  }

  .decision-orbit {
    width: min(100%, 390px);
    height: 290px;
    min-height: 290px;
  }

  .orbit-node--trend, .orbit-node--flow { top: 10px; }
  .orbit-node--volume, .orbit-node--news { top: 124px; }
  .orbit-node--sentiment, .orbit-node--risk { bottom: 8px; }

  .radar-scoreboard {
    min-height: 0;
    padding: 12px 0 0;
    border-top: 1px solid rgba(157, 185, 219, 0.12);
    border-right: 0;
  }

  .radar-scoreboard__score,
  .radar-scoreboard__signal,
  .radar-scoreboard__confidence { padding: 8px 4px; }
  .radar-scoreboard__score strong { font-size: 22px; }
  .radar-scoreboard__signal strong,
  .radar-scoreboard__confidence strong { font-size: 14px; }
  .radar-sparkline { margin-top: 9px; }
}

/* صفحهٔ اول · تایپوگرافی و آیکون‌های نهایی بخش تصمیم بازار */
.home-command-hero,
.home-market-brief {
  font-family: "Vazirmatn", Tahoma, "Segoe UI", sans-serif;
  font-optical-sizing: auto;
}

.home-command-hero {
  grid-template-columns: minmax(480px, 0.92fr) minmax(600px, 1.08fr);
  align-items: center;
  gap: clamp(28px, 3vw, 58px);
  min-height: 420px;
  padding-top: 20px;
}

.home-command-hero .hero-copy-block {
  width: 100%;
  max-width: 720px;
  padding-inline: clamp(10px, 2vw, 34px);
}

.home-command-hero .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 11px;
  color: #25cdea;
  font-size: 14px;
  font-weight: 780;
  letter-spacing: -0.015em;
}

.home-command-hero .eyebrow::after {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #43dda4;
  box-shadow: 0 0 0 5px rgba(67, 221, 164, 0.1), 0 0 16px rgba(67, 221, 164, 0.5);
  content: "";
}

.home-command-hero h1 {
  max-width: 650px;
  margin-bottom: 16px;
  color: #f2f6fc;
  font-size: clamp(42px, 3.15vw, 58px);
  font-weight: 850;
  line-height: 1.28;
  letter-spacing: -0.05em;
}

.home-command-hero h1 span {
  font-size: 1.06em;
  font-weight: 890;
}

.home-command-hero .hero-copy {
  max-width: 650px;
  color: #9ab0c8;
  font-size: 15px;
  font-weight: 480;
  line-height: 2.05;
}

.home-command-hero .hero-actions {
  gap: 11px;
  margin-top: 22px;
}

.home-command-hero .hero-button {
  gap: 9px;
  min-height: 46px;
  padding-inline: 18px;
  border-radius: 11px;
  font-size: 14px;
  font-weight: 730;
}

.home-command-hero .hero-button .ui-icon {
  width: 19px;
  height: 19px;
  stroke-width: 1.9;
}

.hero-trust-grid {
  gap: 9px;
  margin-top: 15px;
}

.hero-trust-card {
  gap: 10px;
  min-height: 62px;
  padding: 10px 12px;
  border-color: rgba(123, 169, 214, 0.18);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(15, 39, 64, 0.82), rgba(6, 21, 38, 0.82));
}

.hero-trust-card strong {
  font-size: 13px;
  font-weight: 780;
}

.hero-trust-card small {
  margin-top: 2px;
  color: #788fa8;
  font-size: 10.5px;
  font-weight: 480;
}

.hero-trust-card__icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
}

.hero-trust-card__icon .ui-icon {
  width: 19px;
  height: 19px;
  stroke-width: 1.9;
}

.hero-radar-card {
  min-height: 390px;
  padding: 18px 20px 10px;
  border-color: rgba(77, 151, 214, 0.38);
  border-radius: 20px;
  background:
    radial-gradient(circle at 35% 47%, rgba(26, 112, 194, 0.12), transparent 37%),
    linear-gradient(145deg, rgba(8, 31, 55, 0.98), rgba(4, 18, 34, 0.99));
}

.hero-radar-card__header {
  font-size: 14px;
  font-weight: 690;
}

.hero-radar-card__header strong {
  gap: 8px;
}

.hero-radar-card__info {
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  color: #88a2bd;
}

.hero-radar-card__info .ui-icon {
  width: 17px;
  height: 17px;
}

.hero-radar-card .hero-live {
  gap: 8px;
  font-size: 11px;
  font-weight: 620;
}

.hero-radar-card .hero-live .live-dot {
  width: 8px;
  height: 8px;
  box-shadow: 0 0 0 5px rgba(82, 214, 163, 0.09), 0 0 14px rgba(82, 214, 163, 0.45);
}

.hero-radar-card__body {
  grid-template-columns: minmax(360px, 1fr) minmax(160px, 0.4fr);
  gap: 16px;
  height: 300px;
  min-height: 300px;
  margin-top: 2px;
}

.decision-orbit {
  width: min(100%, 430px);
  height: 294px;
}

.decision-orbit__rings circle {
  stroke: rgba(105, 166, 220, 0.31);
}

.decision-orbit__center {
  width: 98px;
  height: 98px;
}

.decision-orbit__asset {
  width: 52px;
  height: 52px;
  font-size: 29px;
}

.decision-orbit__center > strong {
  top: calc(100% + 4px);
  font-size: 12px;
  font-weight: 720;
}

.orbit-node {
  gap: 8px;
  color: #91a8bf;
  font-size: 12px;
}

.orbit-node > span {
  width: 42px;
  height: 42px;
  border-width: 1px;
  box-shadow: 0 0 22px rgba(46, 146, 235, 0.15);
}

.orbit-node > span .ui-icon {
  width: 21px;
  height: 21px;
  stroke-width: 1.8;
}

.orbit-node strong {
  font-size: 12px;
  font-weight: 620;
}

.orbit-node small {
  top: calc(100% + 2px);
  right: 50px;
  font-size: 9.5px;
}

.orbit-node--trend { top: 10px; right: 3px; }
.orbit-node--volume { top: 123px; right: -3px; }
.orbit-node--sentiment { right: 12px; bottom: 5px; }
.orbit-node--risk { bottom: 5px; left: 14px; }
.orbit-node--news { top: 123px; left: -3px; }
.orbit-node--flow { top: 10px; left: 6px; }

.radar-scoreboard {
  min-height: 260px;
  padding: 8px 16px 5px 0;
}

.radar-scoreboard__status {
  gap: 6px;
  font-size: 10px;
  font-weight: 560;
}

.radar-scoreboard__status i {
  width: 7px;
  height: 7px;
}

.radar-scoreboard__score,
.radar-scoreboard__signal,
.radar-scoreboard__confidence {
  padding: 11px 0;
}

.radar-scoreboard small {
  font-size: 10px;
  font-weight: 520;
}

.radar-scoreboard__score strong {
  margin-top: 3px;
  font-size: 28px;
  font-weight: 850;
}

.radar-scoreboard__signal strong {
  margin-top: 2px;
  font-size: 16px;
  font-weight: 790;
}

.radar-scoreboard__confidence strong {
  margin-top: 2px;
  font-size: 17px;
  font-weight: 790;
}

.radar-evidence {
  margin-top: 10px;
}

.radar-evidence__label {
  margin-bottom: 7px;
  font-size: 9.5px;
  font-weight: 540;
}

.radar-evidence > div {
  grid-template-columns: 1fr auto 6px;
  gap: 7px;
  min-height: 31px;
  margin-bottom: 5px;
  padding: 5px 8px;
  border-radius: 8px;
}

.radar-evidence > div small,
.radar-evidence > div strong {
  font-size: 10.5px;
}

.radar-evidence > div i {
  width: 5px;
  height: 5px;
}

.radar-sparkline {
  height: 52px;
  margin-top: -5px;
}

.home-market-brief {
  margin-bottom: 34px;
  padding: 14px 16px 16px;
  border-radius: 18px;
}

.home-market-brief__header {
  margin-bottom: 11px;
}

.home-market-brief__header h2 {
  color: #f0f6fd;
  font-size: 21px;
  font-weight: 820;
}

.home-market-brief__header a {
  font-size: 11px;
  font-weight: 620;
}

.home-market-brief__grid {
  gap: 12px;
}

.home-brief-card {
  gap: 9px;
  min-height: 116px;
  padding: 14px 16px;
  border-radius: 14px;
}

.home-brief-card__head strong {
  font-size: 14px;
  font-weight: 790;
}

.home-brief-card__head i {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
}

.home-brief-card__head i .ui-icon {
  width: 21px;
  height: 21px;
  stroke-width: 1.9;
}

.home-brief-card__body b {
  font-size: 12px;
  font-weight: 690;
}

.home-brief-card__body em {
  padding: 3px 8px;
  border-radius: 7px;
  font-size: 10px;
  font-weight: 680;
}

.home-brief-card > small {
  color: #8198b1;
  font-size: 10.5px;
  line-height: 1.75;
}

@media (max-width: 1380px) and (min-width: 981px) {
  .home-command-hero {
    grid-template-columns: minmax(400px, 0.9fr) minmax(510px, 1.1fr);
    gap: 24px;
    min-height: 382px;
  }
  .home-command-hero h1 { font-size: clamp(38px, 3.5vw, 48px); }
  .home-command-hero .hero-copy { font-size: 13.5px; }
  .hero-trust-card { min-height: 56px; padding-inline: 9px; }
  .hero-trust-card strong { font-size: 12px; }
  .hero-trust-card small { font-size: 9.5px; }
  .hero-trust-card__icon { width: 32px; height: 32px; }
  .hero-radar-card { min-height: 350px; padding-inline: 14px; }
  .hero-radar-card__body { grid-template-columns: minmax(310px, 1fr) 145px; gap: 8px; height: 270px; min-height: 270px; }
  .decision-orbit { width: min(100%, 380px); height: 264px; }
  .orbit-node > span { width: 38px; height: 38px; }
  .orbit-node > span .ui-icon { width: 19px; height: 19px; }
  .orbit-node strong { font-size: 10.5px; }
  .orbit-node small { right: 44px; font-size: 8.5px; }
  .orbit-node--volume, .orbit-node--news { top: 109px; }
  .radar-scoreboard { min-height: 240px; padding-right: 11px; }
  .radar-scoreboard__score strong { font-size: 24px; }
  .radar-evidence > div { min-height: 27px; }
}

@media (max-width: 980px) {
  .home-command-hero {
    grid-template-columns: 1fr;
    gap: 24px;
    min-height: 0;
    padding-top: 30px;
  }
  .home-command-hero .hero-copy-block { max-width: 700px; padding-inline: 0; }
  .home-command-hero h1 { max-width: 620px; font-size: clamp(38px, 6vw, 50px); }
  .hero-radar-card { width: 100%; min-height: 370px; }
  .home-market-brief__header h2 { font-size: 19px; }
}

@media (max-width: 620px) {
  .home-command-hero { gap: 20px; padding-top: 24px; }
  .home-command-hero .eyebrow { font-size: 12px; }
  .home-command-hero h1 { font-size: clamp(32px, 10vw, 40px); line-height: 1.4; }
  .home-command-hero .hero-copy { font-size: 13px; }
  .home-command-hero .hero-button { min-height: 43px; padding-inline: 14px; font-size: 12px; }
  .hero-trust-grid { grid-template-columns: 1fr; }
  .hero-trust-card { min-height: 58px; }
  .hero-radar-card { min-height: 0; padding: 15px 12px 11px; }
  .hero-radar-card__header { font-size: 12px; }
  .hero-radar-card__body { grid-template-columns: 1fr; height: auto; min-height: 0; }
  .decision-orbit { width: min(100%, 360px); height: 252px; }
  .orbit-node > span { width: 35px; height: 35px; }
  .orbit-node > span .ui-icon { width: 18px; height: 18px; }
  .orbit-node strong { font-size: 9.5px; }
  .orbit-node small { right: 41px; font-size: 8px; }
  .orbit-node--volume, .orbit-node--news { top: 105px; }
  .radar-scoreboard { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; min-height: 0; padding: 12px 0 0; border-top: 1px solid rgba(157, 185, 219, 0.12); border-right: 0; }
  .radar-scoreboard__status, .radar-evidence { grid-column: 1 / -1; }
  .radar-scoreboard__score, .radar-scoreboard__signal, .radar-scoreboard__confidence { padding: 8px 4px; border: 0; }
  .radar-scoreboard__score strong { font-size: 21px; }
  .radar-scoreboard__signal strong, .radar-scoreboard__confidence strong { font-size: 13px; }
  .radar-sparkline { margin-top: 9px; }
  .home-market-brief { padding: 12px; }
  .home-market-brief__grid { grid-template-columns: 1fr; }
  .home-brief-card { min-height: 102px; }
}

/* پنل امتیاز تصمیم · override نهایی پس از قواعد واکنش‌گرا */
.hero-radar-card__header { padding-inline: 3px; }
.hero-radar-card__header strong { color: #e7f1fb; font-size: 13.5px; font-weight: 780; }
.hero-radar-card .hero-live { color: #8ea8c0; font-size: 11px; font-weight: 540; }
.radar-scoreboard__status { margin-inline-start: auto; color: #8da5bc; font-size: 10px; }
.radar-scoreboard__status i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(82, 214, 163, 0.09), 0 0 12px rgba(82, 214, 163, 0.42);
}
.radar-scoreboard__score,
.radar-scoreboard__signal,
.radar-scoreboard__confidence { border-bottom-color: rgba(151, 181, 211, 0.17); }
.radar-scoreboard__score strong { font-size: 30px; letter-spacing: -0.025em; }
.radar-scoreboard__signal strong { color: #4ee0a8; font-size: 17px; }
.radar-scoreboard__confidence strong { color: #65b6ff; font-size: 18px; }
.radar-evidence__label { color: #829bb2; font-size: 10px; }
.radar-evidence > div {
  min-height: 32px;
  border: 1px solid rgba(145, 179, 211, 0.05);
  background: linear-gradient(90deg, rgba(22, 43, 67, 0.9), rgba(17, 35, 56, 0.82));
}
.radar-evidence > div small,
.radar-evidence > div strong { font-size: 10.5px; }
.radar-evidence > div i { width: 6px; height: 6px; box-shadow: 0 0 8px currentColor; }

@media (max-width: 620px) {
  .hero-radar-card__header strong { font-size: 12px; }
  .hero-radar-card .hero-live { font-size: 9.5px; }
  .radar-scoreboard__score strong { font-size: 22px; }
  .radar-scoreboard__signal strong,
  .radar-scoreboard__confidence strong { font-size: 14px; }
}

/* رادار تصمیم بازار · override نهایی با مقیاس ثابت */
.hero-radar-card__header { direction: ltr; }

.hero-radar-card {
  --radar-side-width: 190px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) 45px;
  min-height: 438px;
  padding: 17px 18px 10px;
  border-radius: 18px;
}

.hero-radar-card__header {
  min-height: 20px;
  padding-inline: 2px;
}

.hero-radar-card__body {
  grid-template-columns: minmax(0, 1fr) var(--radar-side-width);
  gap: 12px;
  height: auto;
  min-height: 0;
  margin-top: 3px;
}

.decision-orbit {
  width: min(100%, 430px);
  height: min(100%, 330px);
  min-height: 300px;
  max-height: 330px;
  margin-inline: auto;
  overflow: visible;
}

.decision-orbit__rings {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.decision-orbit__rings circle { vector-effect: non-scaling-stroke; }
.decision-orbit__rings .decision-orbit__points circle { fill: #4ca2ff; stroke: #071a2f; stroke-width: 2; }
.decision-orbit__rings .decision-orbit__points .point--muted { fill: #617c9a; }
.decision-orbit__rings .decision-orbit__points .point--cyan { fill: #49d8d0; }
.decision-orbit__rings .decision-orbit__points .point--amber { fill: #ffab3c; }
.decision-orbit__rings .decision-orbit__points .point--red { fill: #ed6f78; }

.decision-orbit__center {
  width: 98px;
  height: 98px;
  background: radial-gradient(circle, rgba(255, 169, 37, 0.23) 0 38%, rgba(7, 26, 47, 0.94) 69%);
  box-shadow: 0 0 0 1px rgba(255, 178, 57, 0.12), 0 0 42px rgba(255, 150, 26, 0.2);
}

.decision-orbit__asset {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  font-size: 29px;
}

.decision-orbit__asset img { z-index: 2; display: block; }
.decision-orbit__asset span { z-index: 1; opacity: 0; }
.decision-orbit__center > strong { top: calc(100% + 5px); font-size: 12px; font-weight: 720; }

.orbit-node { direction: ltr; gap: 8px; color: #91a8bf; font-size: 12px; }
.orbit-node > span { width: 42px; height: 42px; flex: 0 0 42px; }
.orbit-node strong { color: #91a8bf; font-size: 12px; font-weight: 620; }
.orbit-node--trend { top: 27px; right: 10px; }
.orbit-node--volume { top: 144px; right: -3px; }
.orbit-node--sentiment { right: 10px; bottom: 25px; }
.orbit-node--flow { top: 27px; left: 10px; flex-direction: row-reverse; }
.orbit-node--news { top: 144px; left: -3px; flex-direction: row-reverse; }
.orbit-node--risk { bottom: 25px; left: 10px; flex-direction: row-reverse; }

.radar-scoreboard {
  min-width: 0;
  min-height: 302px;
  padding: 8px 14px 2px 0;
  border-right-color: rgba(157, 185, 219, 0.18);
}

.radar-scoreboard__score,
.radar-scoreboard__signal,
.radar-scoreboard__confidence { padding: 10px 0; }
.radar-scoreboard__score strong { font-size: 30px; }
.radar-scoreboard__signal strong { font-size: 17px; }
.radar-scoreboard__confidence strong { font-size: 18px; }

.radar-evidence { margin-top: 9px; }
.radar-evidence__label { margin-bottom: 6px; color: #849db6; font-size: 10px; }
.radar-evidence > div {
  min-height: 32px;
  margin-bottom: 5px;
  padding: 5px 8px;
  border: 1px solid rgba(145, 179, 211, 0.07);
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(22, 43, 67, 0.92), rgba(17, 35, 56, 0.82));
}
.radar-evidence > div small,
.radar-evidence > div strong { font-size: 10.5px; }
.radar-evidence > div i { width: 6px; height: 6px; box-shadow: 0 0 8px currentColor; }

.radar-sparkline { align-self: end; height: 45px; margin-top: 0; }
.radar-sparkline .hero-sparkline__fill { opacity: 0.52; }
.radar-sparkline .hero-sparkline__line { stroke: #409cff; stroke-width: 1.7; }

@media (max-width: 980px) and (min-width: 621px) {
  .hero-radar-card { min-height: 420px; }
  .hero-radar-card__body { height: auto; min-height: 0; }
  .decision-orbit { height: 312px; }
  .orbit-node--trend, .orbit-node--flow { top: 19px; }
  .orbit-node--volume, .orbit-node--news { top: 135px; }
  .orbit-node--sentiment, .orbit-node--risk { bottom: 15px; }
}

@media (max-width: 620px) {
  .hero-radar-card { grid-template-rows: auto auto 45px; min-height: 0; padding: 15px 12px 11px; }
  .hero-radar-card__body { grid-template-columns: 1fr; height: auto; min-height: 0; }
  .decision-orbit { width: min(100%, 390px); height: 290px; min-height: 290px; }
  .orbit-node--trend, .orbit-node--flow { top: 10px; }
  .orbit-node--volume, .orbit-node--news { top: 124px; }
  .orbit-node--sentiment, .orbit-node--risk { bottom: 8px; }
  .radar-scoreboard { min-height: 0; padding: 12px 0 0; border-top: 1px solid rgba(157, 185, 219, 0.12); border-right: 0; }
  .radar-scoreboard__score, .radar-scoreboard__signal, .radar-scoreboard__confidence { padding: 8px 4px; }
  .radar-scoreboard__score strong { font-size: 22px; }
  .radar-scoreboard__signal strong, .radar-scoreboard__confidence strong { font-size: 14px; }
  .radar-sparkline { margin-top: 9px; }
}

/* پنل امتیاز رادار · هم‌تراز با مرجع بصری */
@media (min-width: 621px) {
  .hero-radar-card {
    --radar-side-width: 196px;
  }

  .hero-radar-card__body {
    direction: ltr;
    grid-template-columns: minmax(0, 1fr) var(--radar-side-width);
  }

  .hero-radar-card .radar-scoreboard {
    direction: rtl;
    min-width: 0;
    padding: 20px 14px 7px;
    border-right: 0;
    border-left: 1px solid rgba(157, 185, 219, .18);
    text-align: center;
  }

  .hero-radar-card .radar-scoreboard__status {
    width: 100%;
    justify-content: center;
    margin-inline-start: 0;
    gap: 6px;
    color: #8ea8c0;
    font-size: 10px;
    text-align: center;
  }

  .hero-radar-card .radar-scoreboard__score,
  .hero-radar-card .radar-scoreboard__signal,
  .hero-radar-card .radar-scoreboard__confidence {
    margin-inline: 8px;
    padding: 8px 0;
    text-align: center;
  }

  .hero-radar-card .radar-scoreboard__score small,
  .hero-radar-card .radar-scoreboard__signal small,
  .hero-radar-card .radar-scoreboard__confidence small {
    width: 100%;
    color: #849db6;
    text-align: center;
  }

  .hero-radar-card .radar-scoreboard__score strong,
  .hero-radar-card .radar-scoreboard__signal strong,
  .hero-radar-card .radar-scoreboard__confidence strong {
    display: block;
    width: 100%;
    text-align: center;
  }

  .hero-radar-card .radar-scoreboard__score strong {
    direction: ltr;
    font-size: 30px;
    line-height: 1.15;
  }

  .hero-radar-card .radar-scoreboard__signal strong {
    color: #4ee0a8;
    font-size: 17px;
    line-height: 1.4;
  }

  .hero-radar-card .radar-scoreboard__confidence strong {
    color: #65b6ff;
    direction: ltr;
    font-size: 18px;
    line-height: 1.35;
  }

  .hero-radar-card .radar-evidence {
    margin-top: 8px;
    text-align: center;
  }

  .hero-radar-card .radar-evidence__label {
    display: block;
    margin-bottom: 6px;
    color: #849db6;
    font-size: 10px;
    text-align: center;
  }

  .hero-radar-card .radar-evidence > div {
    min-height: 30px;
    margin-bottom: 5px;
    margin-inline-end: 6px;
    padding: 4px 7px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 7px;
    align-items: center;
    gap: 7px;
    border: 0;
    border-radius: 7px;
    background: linear-gradient(90deg, rgba(22, 43, 67, .92), rgba(17, 35, 56, .82));
    direction: ltr;
    text-align: initial;
  }

  .hero-radar-card .radar-evidence > div > small {
    grid-column: 2;
    grid-row: 1;
    color: #d6e5f7;
    direction: rtl;
    font-size: 10.5px;
    font-weight: 650;
    text-align: right;
  }

  .hero-radar-card .radar-evidence > div > strong {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    color: #57dfa9;
    direction: ltr;
    font: 800 12px Arial, sans-serif;
    line-height: 1.2;
    text-align: left;
  }

  .hero-radar-card .radar-evidence > div:nth-of-type(2) > strong {
    color: #65b6ff;
  }

  .hero-radar-card .radar-evidence > div:nth-of-type(3) > strong {
    width: max-content;
    padding: 2px 7px;
    border-radius: 7px;
    color: #ffbd43;
    background: rgba(255, 180, 59, .16);
    direction: rtl;
    font-family: Vazirmatn, Tahoma, sans-serif;
    font-size: 11.5px;
    font-weight: 700;
  }

  .hero-radar-card .radar-evidence > div > i {
    grid-column: 3;
    grid-row: 1;
    width: 6px;
    height: 6px;
    border-radius: 50%;
  }
}

/* صفحهٔ اول · هم‌ترازی هیرو و تایپوگرافی یکدست تیترها */
body:has(.home-command-hero) main,
body:has(.home-command-hero) main h1,
body:has(.home-command-hero) main h2,
body:has(.home-command-hero) main h3 {
  font-family: "Vazirmatn", Tahoma, "Segoe UI", sans-serif;
  font-synthesis: none;
}

body:has(.home-command-hero) main .eyebrow {
  font-family: "Vazirmatn", Tahoma, "Segoe UI", sans-serif;
  font-variant-numeric: proportional-nums;
  letter-spacing: -0.015em;
}

body:has(.home-command-hero) .home-command-hero {
  align-items: start;
}

body:has(.home-command-hero) .home-command-hero .hero-copy-block,
body:has(.home-command-hero) .home-command-hero .hero-radar-card {
  align-self: start;
}

body:has(.home-command-hero) .home-command-hero .eyebrow,
body:has(.home-command-hero) .home-command-hero .hero-radar-card__header,
body:has(.home-command-hero) .home-command-hero .hero-radar-card__header strong,
body:has(.home-command-hero) .home-market-brief__header h2,
body:has(.home-command-hero) .section-heading h2,
body:has(.home-command-hero) .panel-heading h2 {
  font-family: "Vazirmatn", Tahoma, "Segoe UI", sans-serif;
  font-weight: 750;
}

body:has(.home-command-hero) .home-command-hero h1 {
  font-family: "Vazirmatn", Tahoma, "Segoe UI", sans-serif;
  font-weight: 800;
  letter-spacing: -0.045em;
}

body:has(.home-command-hero) .home-command-hero h1 span {
  font-weight: 900;
}

body:has(.home-command-hero) #chartSymbol {
  font-family: Arial, sans-serif;
  font-weight: 800;
  letter-spacing: -0.02em;
}

@media (min-width: 981px) {
  /* فاصلهٔ متن مرجع باید کوتاه باشد تا کارت‌های مزیت با رادار هم‌تراز بمانند. */
  body:has(.home-command-hero) .home-command-hero .hero-copy {
    padding: 16px 36px;
  }
}

/* جداکنندهٔ لینک خبرها باید تمام عرض داخلی کارت بازار را پوشش دهد. */
body:has(.home-command-hero) .market-card__news {
  align-self: stretch;
  width: 100%;
  box-sizing: border-box;
}

/* The homepage cards must remain compact before and after client hydration. */
.home-market-brief .home-brief-card__asset-icon {
  display: grid;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
}

.home-market-brief .home-brief-card__asset-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}