/* ============================================================================
   ind-sub.css — раздел «Индикаторы»: шкура «Осциллограф» поверх общего каркаса сайта.
   Каркас (бегущая строка, шапка, вкладки, герой, заголовки секций, карточки, сетка .sx-g, окна-досье)
   — общий с «Статистикой» (stats-sub.css, body.sx-page). Здесь — только своё:
   жёлтый луч (--ix-beam) со свечением, бирюзовая сетка экрана (--ix-teal), каналы активов CH1…CH10.
   ============================================================================ */
body.ind-page {
    --ix-beam: #facc15; --ix-teal: #2dd4bf; --ix-grid: rgba(45, 212, 191, .09); --ix-grid2: rgba(45, 212, 191, .2);
    --ix-glow: 0 0 10px rgba(250, 204, 21, .55); --ix-scr: #040b0b;
    --ix-good: #4ade80; --ix-bad: #f87171;
    /* переопределяем токены «Статистики» — окна-досье и общие блоки сразу берут цвета раздела */
    --sx-a: #facc15; --sx-b: #2dd4bf; --sx-c: #f472b6;
    --sx-a-wash: rgba(250, 204, 21, .08); --sx-b-wash: rgba(45, 212, 191, .08);
    --sx-a-line: rgba(250, 204, 21, .34); --sx-b-line: rgba(45, 212, 191, .32);
    --sx-tick: rgba(45, 212, 191, .3);
    --sx-heat: linear-gradient(90deg, #0f766e, #2dd4bf, #a3e635, #facc15);
}
body.light.ind-page {
    --ix-beam: #a16207; --ix-teal: #0f766e; --ix-grid: rgba(15, 118, 110, .1); --ix-grid2: rgba(15, 118, 110, .22);
    --ix-glow: none; --ix-scr: #f3faf8; --ix-good: #15803d; --ix-bad: #b91c1c;
    --sx-a: #a16207; --sx-b: #0f766e; --sx-a-wash: rgba(161, 98, 7, .07); --sx-b-wash: rgba(15, 118, 110, .07);
    --sx-a-line: rgba(161, 98, 7, .3); --sx-b-line: rgba(15, 118, 110, .3); --sx-tick: rgba(15, 118, 110, .3);
}

/* ---------- шкура общих элементов ---------- */
.ind-page .kt-tabs a.on { background: var(--ix-beam); color: #161204; box-shadow: var(--ix-glow); }
.ind-page .page-content .hero .hero-sub { color: var(--ix-teal); }
.ind-page .sx-led { background: var(--ix-beam); box-shadow: 0 0 10px var(--ix-beam); }
.ind-page .sx-led.off { background: var(--text-secondary); box-shadow: none; }
/* номер секции — экранчик осциллографа */
body.ind-page .cm-num { color: var(--ix-beam); background: var(--ix-scr); border: 1px solid var(--sx-b-line); box-shadow: inset 0 0 12px rgba(45, 212, 191, .14); text-shadow: 0 0 8px rgba(250, 204, 21, .7); }
body.light.ind-page .cm-num { color: var(--ix-beam); background: var(--ix-scr); text-shadow: none; }
.ind-page .strip-title i, .ind-page .strip-legend i, .ind-page .cm-verdict > i { color: var(--ix-teal); }
/* линия под заголовком — развёртка: бирюзовые деления + короткий жёлтый луч в начале */
.ind-page .strip-head::after {
    background: linear-gradient(90deg, var(--ix-beam), var(--ix-beam) 0) left bottom / 64px 2px no-repeat,
                linear-gradient(var(--sx-tick), var(--sx-tick)) bottom / 100% 1px no-repeat,
                repeating-linear-gradient(90deg, var(--sx-tick) 0 1px, transparent 1px 12px) bottom / 100% 4px no-repeat,
                repeating-linear-gradient(90deg, var(--sx-b-line) 0 1px, transparent 1px 60px) bottom / 100% 8px no-repeat;
    filter: drop-shadow(0 0 3px rgba(250, 204, 21, .35));
}
/* карточка — экран: тёмное стекло, луч по верхней кромке */
.ind-page .sx-card { background: linear-gradient(180deg, rgba(45, 212, 191, .035), transparent 40%), var(--mx-surface); border-color: var(--mx-line); }
.ind-page .sx-card::before { left: 18px; right: 18px; height: 1px; opacity: .9; background: linear-gradient(90deg, transparent, var(--ix-teal) 20%, var(--ix-beam) 50%, var(--ix-teal) 80%, transparent); -webkit-mask-image: none; mask-image: none; }
body.light.ind-page .sx-card { background: linear-gradient(180deg, rgba(15, 118, 110, .04), transparent 40%), var(--mx-surface); }
.ind-page .ix-card { padding: 14px 16px; }
.ind-page .sx-seg button.on { background: var(--ix-beam); color: #161204; }
.ind-page .sx-qa::before { box-shadow: 0 0 12px var(--qc, var(--ix-beam)); }
.ind-page .cm-next a:hover { border-color: var(--sx-a-line); background: var(--sx-a-wash); }
.ind-page .cm-next i { color: var(--ix-beam); }
.ind-page .page-content .up { color: var(--ix-good); } .ind-page .page-content .down { color: var(--ix-bad); }
.ind-page .sm-ov .up { color: var(--ix-good); } .ind-page .sm-ov .down { color: var(--ix-bad); }
.ind-page .cm-verdict { font-size: 14px; }

/* ---------- общее: значки, статусы, факты ---------- */
.ix-chip { display: inline-flex; align-items: baseline; gap: 4px; padding: 2px 8px; border-radius: 6px; border: 1px solid color-mix(in srgb, var(--ac) 45%, transparent); background: color-mix(in srgb, var(--ac) 12%, transparent); color: var(--ac); font: 700 13px var(--sx-f); letter-spacing: .04em; cursor: pointer; white-space: nowrap; }
.ix-chip small { font-size: 11px; opacity: .75; letter-spacing: .08em; }
.ix-ok, .ix-no, .ix-wait { font-style: normal; font: 700 13px var(--sx-f); white-space: nowrap; }
.ix-ok { color: var(--ix-good); } .ix-no { color: var(--ix-bad); } .ix-wait { color: var(--text-secondary); font-weight: 600; }
.ix-proof { font: 600 13.5px var(--sx-f); color: var(--text-color); white-space: nowrap; }
.ix-proof b { font-weight: 700; } .ix-proof.good b { color: var(--ix-good); } .ix-proof.bad b { color: var(--ix-bad); }
.ix-proof small { margin-left: 4px; color: var(--text-secondary); font-size: 13px; }
.ix-proof-0 { font-size: 13px; color: var(--text-secondary); }
.ix-tr { display: block; width: 100%; height: 100%; overflow: visible; }
.ix-tr polyline { fill: none; stroke-width: 1.6; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
.ix-tr .ix-tr-l { stroke: var(--ix-grid2); stroke-dasharray: 3 3; vector-effect: non-scaling-stroke; }
.ix-plot { position: relative; }
.ix-plot canvas { display: block; width: 100%; height: 100%; }
.ix-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.ix-facts > div { padding: 9px 12px; border-radius: 10px; background: var(--sx-b-wash); border: 1px solid var(--mx-line); }
.ix-facts small { display: block; font: 600 12.5px var(--sx-f); letter-spacing: .06em; text-transform: uppercase; color: var(--text-secondary); }
.ix-facts b { display: block; margin-top: 2px; font: 700 24px/1.1 var(--sx-f); color: var(--text-color); }
.ix-facts span { font-size: 13px; color: var(--text-secondary); }
.ix-facts.warn { display: block; padding: 12px 14px; border-radius: 10px; border: 1px dashed var(--sx-a-line); font-size: 13px; color: var(--text-secondary); }
.ix-seg-sm button { padding: 4px 9px; font-size: 13px; }
[data-m] { cursor: pointer; }

/* ---------- шапка: правая колонка, ответ, ведомость ---------- */
.ind-page .page-content .hero { gap: 22px; align-items: center; }
.ind-page .page-content .hero { flex-wrap: nowrap; }
.ix-hero-r { margin-left: auto; display: flex; gap: 14px; align-items: stretch; flex: 1 1 auto; max-width: 900px; min-width: 0; }
.ix-ledger > .mx-help-btn, .ix-qa > .mx-help-btn { position: absolute; top: 9px; right: 9px; margin: 0; width: 18px; height: 18px; font-size: 12px; }
.ix-ledger .ix-lg-h em { margin-right: 22px; } .ix-qa .sx-qa-q { padding-right: 22px; }
.ix-hero-r > * { min-width: 0; }
.ix-ledger { flex: 1 1 520px; padding: 12px 14px 10px; border: 1px solid var(--sx-b-line); border-radius: 14px; font-family: var(--sx-f);
    background: linear-gradient(var(--ix-grid) 1px, transparent 1px) 0 0 / 100% 22px, linear-gradient(90deg, var(--ix-grid) 1px, transparent 1px) 0 0 / 40px 100%, rgba(4, 11, 11, .72); position: relative; }
body.light .ix-ledger { background: linear-gradient(var(--ix-grid) 1px, transparent 1px) 0 0 / 100% 22px, linear-gradient(90deg, var(--ix-grid) 1px, transparent 1px) 0 0 / 40px 100%, rgba(255, 255, 255, .82); }
.ix-lg-h { display: flex; align-items: center; gap: 8px; font: 600 12.5px var(--sx-f); letter-spacing: .14em; text-transform: uppercase; color: var(--ix-teal); }
.ix-lg-h .sx-led { width: 7px; height: 7px; }
.ix-lg-h em { margin-left: auto; font-style: normal; letter-spacing: .04em; text-transform: none; color: var(--text-secondary); font-weight: 500; }
.ix-lg-h + .cm-empty { padding: 14px 0; }
.ix-lg-r { display: grid; grid-template-columns: 40px minmax(0, 1fr) 52px 62px 86px; align-items: center; gap: 8px; padding: 6px 4px; border-bottom: 1px dashed var(--ix-grid2); font-size: 13px; border-radius: 6px; }
.ix-lg-r:hover { background: var(--sx-a-wash); }
.ix-lg-r:last-of-type { border-bottom: 0; }
.ix-lg-a { font: 700 13px var(--sx-f); letter-spacing: .04em; }
.ix-lg-n { font: 600 13px/1.25 var(--sx-f); color: var(--text-color); min-width: 0; }
.ix-lg-n small { display: block; font-size: 12.5px; font-weight: 500; color: var(--text-secondary); }
.ix-lg-d { color: var(--text-secondary); font-size: 13.5px; text-align: right; }
.ix-lg-m { text-align: right; font: 700 13.5px var(--sx-f); font-variant-numeric: tabular-nums; }
.ix-lg-r em { text-align: right; }
.ix-lg-f { display: flex; justify-content: space-between; gap: 10px; margin-top: 6px; font-size: 12px; color: var(--text-secondary); letter-spacing: .02em; }
.ix-qa { flex: 0 0 340px; display: flex; flex-direction: column; }
.ix-qa .sx-qa-a b { font-size: 30px; }
.ix-cnt { display: flex; gap: 6px; font: 700 15px var(--sx-f) !important; }
.ix-cnt span { color: var(--text-secondary); }
.ix-votes { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 10px; }
.ix-votes span { display: inline-flex; align-items: baseline; gap: 3px; padding: 3px 7px; border-radius: 6px; border: 1px solid var(--mx-line-strong); font: 700 13px var(--sx-f); color: var(--text-color); }
.ix-votes span i { font-style: normal; font-size: 12.5px; }
.ix-votes span.up { border-color: rgba(74, 222, 128, .5); background: rgba(74, 222, 128, .1); } .ix-votes span.up i { color: var(--ix-good); }
.ix-votes span.down { border-color: rgba(248, 113, 113, .5); background: rgba(248, 113, 113, .1); } .ix-votes span.down i { color: var(--ix-bad); }
.ix-votes span.mid i { color: var(--text-secondary); }
.ix-qa-s { margin-top: auto; padding-top: 10px; font-size: 13px; line-height: 1.45; color: var(--text-secondary); }
.ix-qa-s b { color: var(--text-color); }
.ix-tfseg { margin-left: 10px; }
.ix-tfseg button { padding: 3px 9px; font-size: 13px; letter-spacing: .04em; text-transform: none; }
.ind-page .sx-kicker { flex-wrap: wrap; }

/* ---------- с прошлого визита ---------- */
.ix-since { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; margin: 0 0 22px; padding: 10px 14px; border: 1px dashed var(--sx-b-line); border-radius: 12px; background: var(--sx-b-wash); font-size: 13px; }
.ix-since-h { display: flex; align-items: center; gap: 8px; font: 700 13px var(--sx-f); letter-spacing: .1em; text-transform: uppercase; color: var(--ix-teal); }
.ix-since-h em { font-style: normal; color: var(--text-secondary); letter-spacing: .02em; text-transform: none; font-weight: 500; }
.ix-since-l { display: flex; flex-wrap: wrap; gap: 6px 14px; color: var(--text-secondary); }
.ix-since-l b { color: var(--text-color); }

/* ---------- 01 матрица ---------- */
.ix-mx { display: grid; gap: 0; }
.ix-mx-r { display: grid; grid-template-columns: minmax(170px, 1.3fr) 78px repeat(5, minmax(0, 1fr)) 170px; align-items: stretch; gap: 8px; padding: 6px 0; border-bottom: 1px solid var(--mx-line); }
.ix-mx-r:last-child { border-bottom: 0; }
.ix-mx-h { padding: 0 0 8px; font: 600 13px var(--sx-f); letter-spacing: .08em; text-transform: uppercase; color: var(--text-secondary); align-items: end; }
.ix-mx-h i { color: var(--ix-teal); }
.ix-mx-a { display: flex; align-items: center; gap: 10px; min-width: 0; }
.ix-mx-a > span:last-child { min-width: 0; }
.ix-mx-a b { display: block; font: 700 14px var(--sx-f); color: var(--text-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ix-mx-a small { font: 500 13.5px var(--sx-f); color: var(--text-secondary); font-variant-numeric: tabular-nums; }
.ix-mx-a small em { font-style: normal; font-weight: 700; }
.ix-fav { font-size: 11.5px; color: var(--ix-beam); }
.ix-mx-v { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 3px; }
.ix-mx-v b { font: 700 17px var(--sx-f); color: var(--text-color); }
.ix-pips { display: flex; gap: 3px; }
.ix-pips i { width: 14px; height: 6px; border-radius: 2px; background: var(--mx-line-strong); }
.ix-pips i.up { background: var(--ix-good); } .ix-pips i.down { background: var(--ix-bad); }
.ix-mx-c { display: flex; flex-direction: column; gap: 4px; justify-content: center; padding: 7px 10px; border-radius: 9px; border: 1px solid transparent; background: rgba(255, 255, 255, .02); color: inherit; text-decoration: none; min-width: 0; transition: border-color .15s, background .15s; }
body.light .ix-mx-c { background: rgba(0, 0, 0, .025); }
.ix-mx-c:hover { border-color: var(--sx-b-line); background: var(--sx-b-wash); }
.ix-mx-c b { font: 700 14px var(--sx-f); color: var(--text-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ix-mx-c.up b { color: var(--ix-good); } .ix-mx-c.down b { color: var(--ix-bad); } .ix-mx-c.amp b { color: var(--ix-teal); }
.ix-mx-c.none b { color: var(--text-secondary); font-weight: 600; }
.ix-mx-c small { font-size: 13px; line-height: 1.3; color: var(--text-secondary); }
.ix-mx-c small b { font-size: 13px; display: inline; }
.ix-meter { position: relative; height: 6px; border-radius: 3px; background: linear-gradient(90deg, rgba(248, 113, 113, .35), rgba(255, 255, 255, .06) 45%, rgba(255, 255, 255, .06) 55%, rgba(74, 222, 128, .35)); }
body.light .ix-meter { background: linear-gradient(90deg, rgba(185, 28, 28, .3), rgba(0, 0, 0, .06) 45%, rgba(0, 0, 0, .06) 55%, rgba(21, 128, 61, .3)); }
.ix-mx-c.amp .ix-meter { background: linear-gradient(90deg, rgba(45, 212, 191, .45), rgba(255, 255, 255, .06) 50%, rgba(250, 204, 21, .5)); }
.ix-mx-c.none .ix-meter { opacity: .3; }
.ix-meter i { position: absolute; top: -3px; width: 4px; height: 12px; margin-left: -2px; border-radius: 2px; background: var(--ix-beam); box-shadow: var(--ix-glow); }
.ix-mx-t { display: grid; grid-template-columns: minmax(0, 1fr) 30px; align-items: center; gap: 6px; height: 46px; padding: 4px 6px; border-radius: 8px; background: linear-gradient(var(--ix-grid) 1px, transparent 1px) 0 0 / 100% 11px, var(--ix-scr); }
body.light .ix-mx-t { background: linear-gradient(var(--ix-grid) 1px, transparent 1px) 0 0 / 100% 11px, #fff; border: 1px solid var(--mx-line); }
.ix-mx-t svg { height: 34px; }
.ix-mx-t b { font: 700 14px var(--sx-f); color: var(--text-color); text-align: right; }

/* ---------- 02 рейтинг: «гантели» ---------- */
.ix-scope { margin-bottom: 10px; overflow-x: auto; scrollbar-width: none; }
.ix-scope .sx-seg { flex-wrap: nowrap; }
.ix-rt-h, .ix-rt-r { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(120px, 1fr) 70px 86px; align-items: center; gap: 12px; }
.ix-rt-h { padding: 0 6px 6px; font: 600 12.5px var(--sx-f); letter-spacing: .08em; text-transform: uppercase; color: var(--text-secondary); }
.ix-db-sc { position: relative; display: flex; justify-content: space-between; text-transform: none; letter-spacing: 0; }
.ix-db-sc i { font-style: normal; }
.ix-rt-r { padding: 7px 6px; border-top: 1px solid var(--mx-line); border-radius: 6px; }
.ix-rt-r:hover { background: var(--sx-a-wash); }
.ix-rt-r.weak { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1.9fr); opacity: .8; }
.ix-rt-n { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 8px; font: 600 13.5px/1.3 var(--sx-f); color: var(--text-color); min-width: 0; }
.ix-rt-n i { width: 14px; font-size: 12.5px; color: var(--ix-teal); }
.ix-rt-n small { width: 100%; padding-left: 22px; font-size: 13px; font-weight: 500; color: var(--text-secondary); }
.ix-rt-0 { font-size: 13.5px; color: var(--text-secondary); }
.ix-rt-v, .ix-rt-m { text-align: right; }
.ix-rt-v b, .ix-rt-m b { display: block; font: 700 16px var(--sx-f); color: var(--text-color); }
.ix-rt-v small, .ix-rt-m small { font-size: 12.5px; color: var(--text-secondary); white-space: nowrap; }
.ix-db { position: relative; display: block; height: 18px; }
.ix-db.sm { height: 14px; }
.ix-db-ax { position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: var(--ix-grid2); }
.ix-db-ax::before { content: ""; position: absolute; left: 50%; top: -4px; height: 9px; width: 1px; background: var(--ix-grid2); }
.ix-db-l { position: absolute; top: calc(50% - 1.5px); height: 3px; border-radius: 2px; background: var(--text-secondary); opacity: .6; }
.ix-db-l.good { background: var(--ix-good); opacity: .8; } .ix-db-l.bad { background: var(--ix-bad); opacity: .8; }
.ix-db-b { position: absolute; top: 1px; bottom: 1px; width: 2px; margin-left: -1px; background: var(--text-color); opacity: .55; border-radius: 1px; }
.ix-db-d { position: absolute; top: 50%; width: 11px; height: 11px; margin: -5.5px 0 0 -5.5px; border-radius: 50%; background: var(--ix-beam); box-shadow: var(--ix-glow); }
.ix-db.sm .ix-db-d { width: 9px; height: 9px; margin: -4.5px 0 0 -4.5px; }
.ix-db-d.good { background: var(--ix-good); box-shadow: 0 0 8px rgba(74, 222, 128, .6); } .ix-db-d.bad { background: var(--ix-bad); box-shadow: 0 0 8px rgba(248, 113, 113, .6); }
body.light .ix-db-d { box-shadow: none !important; }

/* ---------- 03 проверка ---------- */
.ix-ck-sel { display: flex; flex-direction: column; gap: 8px; margin-bottom: 8px; }
.ix-ck-sel select { width: 100%; padding: 8px 10px; border-radius: 9px; border: 1px solid var(--sx-b-line); background: var(--ix-scr); color: var(--text-color); font: 600 14px var(--sx-f); }
.ix-ck-sel .sx-seg { flex-wrap: wrap; }
.ix-ck-how { margin: 2px 0 8px; font-size: 13.5px; line-height: 1.45; color: var(--text-secondary); }
.ix-ck-ch { border-radius: 10px; background: var(--ix-scr); border: 1px solid var(--mx-line); }
body.light .ix-ck-ch { background: #fff; }
.ix-cs-l { margin-top: 12px; }
.ix-cs { display: grid; grid-template-columns: 70px minmax(0, 1fr) minmax(0, 1.2fr) 60px; gap: 8px; align-items: center; padding: 6px 4px; border-top: 1px dashed var(--mx-line); font: 500 13.5px var(--sx-f); color: var(--text-secondary); border-radius: 6px; }
.ix-cs:hover { background: var(--sx-a-wash); }
.ix-cs span:first-child { color: var(--text-color); font-weight: 600; }
.ix-cs em { text-align: right; }

/* ---------- 04 свежие: лента по дням ---------- */
.ix-tl { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; margin-bottom: 14px; }
.ix-tl-c { display: flex; flex-direction: column; gap: 4px; min-height: 120px; padding: 6px; border-radius: 9px; background: linear-gradient(var(--ix-grid) 1px, transparent 1px) 0 0 / 100% 20px, var(--ix-scr); border: 1px solid var(--mx-line); }
body.light .ix-tl-c { background: linear-gradient(var(--ix-grid) 1px, transparent 1px) 0 0 / 100% 20px, #fff; }
.ix-tl-d { font: 700 13px var(--sx-f); letter-spacing: .04em; color: var(--ix-teal); text-align: center; padding-bottom: 3px; }
.ix-tl-c:last-child .ix-tl-d { color: var(--ix-beam); }
.ix-tl-e { display: flex; align-items: center; justify-content: space-between; gap: 4px; padding: 2px 6px; border-radius: 5px; border: 1px solid var(--mx-line-strong); font: 600 13px var(--sx-f); color: var(--text-secondary); }
.ix-tl-e b { color: var(--ac); font-weight: 700; }
.ix-tl-e.up { color: var(--ix-good); } .ix-tl-e.down { color: var(--ix-bad); }
.ix-tl-e.ok { border-color: var(--ix-good); background: rgba(74, 222, 128, .08); } .ix-tl-e.no { border-color: var(--ix-bad); background: rgba(248, 113, 113, .07); }
.ix-tl-more, .ix-tl-0 { font-size: 12.5px; color: var(--text-secondary); text-align: center; }
.ix-fr-h, .ix-fr { display: grid; grid-template-columns: 44px minmax(0, 1.6fr) minmax(0, 1.1fr) 64px 34px; gap: 10px; align-items: center; }
.ix-fr-h { padding: 0 4px 6px; font: 600 12.5px var(--sx-f); letter-spacing: .08em; text-transform: uppercase; color: var(--text-secondary); }
.ix-fr { padding: 6px 4px; border-top: 1px solid var(--mx-line); border-radius: 6px; font-size: 13px; }
.ix-fr:hover { background: var(--sx-a-wash); }
.ix-fr-a { font: 700 13px var(--sx-f); }
.ix-fr-n { font: 600 13px/1.3 var(--sx-f); color: var(--text-color); }
.ix-fr-n small { display: block; font-size: 12.5px; font-weight: 500; color: var(--text-secondary); }
.ix-fr-m { text-align: right; font: 700 13.5px var(--sx-f); }
.ix-fr em { text-align: right; }

/* ---------- 05 необычно ---------- */
.ix-odd { list-style: none; margin: 0; padding: 0; }
.ix-odd li { display: grid; grid-template-columns: 22px 1fr; gap: 8px; padding: 10px 6px; border-bottom: 1px dashed var(--mx-line); font-size: 13.5px; line-height: 1.5; color: var(--text-secondary); border-radius: 6px; }
.ix-odd li:hover { background: var(--sx-a-wash); }
.ix-odd li:last-child { border-bottom: 0; }
.ix-odd li > i { padding-top: 4px; font-size: 12.5px; color: var(--ix-beam); text-shadow: var(--ix-glow); }
.ix-odd li b { color: var(--text-color); }

/* ---------- 06 единодушие ---------- */
.ix-un-h, .ix-un-r { display: grid; grid-template-columns: 44px 100px minmax(0, 1fr) minmax(0, 1fr); gap: 12px; align-items: center; }
.ix-un-h { padding: 0 4px 6px; font: 600 12.5px/1.3 var(--sx-f); letter-spacing: .06em; text-transform: uppercase; color: var(--text-secondary); }
.ix-un-r { padding: 7px 4px; border-top: 1px solid var(--mx-line); border-radius: 6px; }
.ix-un-r:hover { background: var(--sx-a-wash); }
.ix-un-a { font: 700 13px var(--sx-f); }
.ix-un-now { font: 600 13.5px var(--sx-f); color: var(--text-secondary); }
.ix-un-now.up { color: var(--ix-good); } .ix-un-now.down { color: var(--ix-bad); }
.ix-un-g { display: grid; grid-template-columns: minmax(40px, 1fr) 40px; grid-template-rows: auto auto; column-gap: 8px; align-items: center; }
.ix-un-g.none { display: block; font-size: 13px; color: var(--text-secondary); }
.ix-un-bar { position: relative; height: 8px; border-radius: 4px; background: var(--mx-line); }
.ix-un-bar i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 4px; background: var(--text-secondary); opacity: .7; }
.ix-un-bar i.good { background: var(--ix-good); opacity: .85; } .ix-un-bar i.bad { background: var(--ix-bad); opacity: .85; }
.ix-un-bar em { position: absolute; top: -3px; bottom: -3px; width: 2px; margin-left: -1px; background: var(--text-color); opacity: .7; }
.ix-un-g b { font: 700 14px var(--sx-f); text-align: right; color: var(--text-color); }
.ix-un-g small { grid-column: 1 / -1; font-size: 12.5px; color: var(--text-secondary); }

/* ---------- 07 сейчас против истории ---------- */
.ix-hs-h, .ix-hs-r { display: grid; grid-template-columns: 44px repeat(3, minmax(0, 1fr)); gap: 14px; align-items: center; }
.ix-hs-h { padding: 0 4px 6px; font: 600 12.5px var(--sx-f); letter-spacing: .06em; text-transform: uppercase; color: var(--text-secondary); }
.ix-hs-h em { display: flex; justify-content: space-between; margin-top: 3px; font-style: normal; text-transform: none; letter-spacing: 0; font-size: 12px; opacity: .8; }
.ix-hs-h em i { font-style: normal; }
.ix-hs-r { padding: 7px 4px; border-top: 1px solid var(--mx-line); border-radius: 6px; }
.ix-hs-r:hover { background: var(--sx-a-wash); }
.ix-hs-a { font: 700 13px var(--sx-f); }
.ix-hs-c { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ix-hs-c.none { font-size: 13px; color: var(--text-secondary); }
.ix-hs-c small { font: 500 13px var(--sx-f); color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ix-hs-bar { position: relative; height: 10px; border-radius: 5px; background: linear-gradient(90deg, rgba(45, 212, 191, .28), rgba(45, 212, 191, .06) 30%, rgba(45, 212, 191, .06) 70%, rgba(250, 204, 21, .32)); border: 1px solid var(--mx-line); }
.ix-hs-bar i { position: absolute; top: -3px; width: 3px; height: 14px; margin-left: -1.5px; border-radius: 2px; background: var(--text-color); }
.ix-hs-bar i.x { background: var(--ix-beam); box-shadow: var(--ix-glow); width: 5px; margin-left: -2.5px; }

/* ---------- 08 плитки приборов ---------- */
.ix-tiles { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.ix-tile { position: relative; display: flex; flex-direction: column; gap: 4px; min-height: 128px; padding: 14px 14px 12px; border: 1px solid var(--mx-line); border-radius: var(--mx-r, 14px); color: inherit; text-decoration: none;
    background: linear-gradient(var(--ix-grid) 1px, transparent 1px) 0 0 / 100% 18px, linear-gradient(90deg, var(--ix-grid) 1px, transparent 1px) 0 0 / 18px 100%, var(--mx-surface); transition: border-color .2s, transform .2s; }
.ix-tile:hover { border-color: var(--sx-a-line); transform: translateY(-2px); }
.ix-tile-ch { position: absolute; right: 12px; top: 12px; font: 700 11.5px var(--sx-f); letter-spacing: .1em; color: var(--ix-teal); opacity: .8; }
.ix-tile > i { font-size: 14px; color: var(--ix-beam); }
.ix-tile b { font: 700 13px var(--sx-f); letter-spacing: .1em; text-transform: uppercase; color: var(--text-secondary); }
.ix-tile strong { font: 700 24px/1.15 var(--sx-f); color: var(--ix-beam); text-shadow: var(--ix-glow); font-variant-numeric: tabular-nums; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ix-tile small { margin-top: auto; font-size: 13px; line-height: 1.35; color: var(--text-secondary); }

/* ---------- окна-досье раздела ---------- */
.ind-page .sm-win::before { background: linear-gradient(90deg, var(--ix-teal), var(--ix-beam), var(--ix-teal)); box-shadow: 0 0 12px rgba(250, 204, 21, .5); }
.ind-page .sm-body .sx-box { padding: 14px 16px; }
.smi-rr { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(90px, 1fr) 96px; gap: 12px; align-items: center; padding: 7px 6px; border-top: 1px solid var(--mx-line); border-radius: 6px; }
.smi-rr:hover { background: var(--sx-a-wash); }
.smi-rn { font: 600 13.5px/1.3 var(--sx-f); color: var(--text-color); min-width: 0; }
.smi-rn small { display: block; font-size: 13px; font-weight: 500; color: var(--text-secondary); }
.smi-rv { text-align: right; }
.smi-rv b { display: block; font: 700 15px var(--sx-f); color: var(--text-color); }
.smi-rv small { font-size: 12.5px; color: var(--text-secondary); white-space: nowrap; }
.smi-r0 { font-size: 13px; color: var(--text-secondary); }
.smi-fm { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: 10px; align-items: center; padding: 9px 6px; border-top: 1px solid var(--mx-line); color: inherit; text-decoration: none; border-radius: 6px; }
.smi-fm:first-child { border-top: 0; }
.smi-fm:hover { background: var(--sx-b-wash); }
.smi-fm > i { grid-row: span 2; color: var(--ix-teal); }
.smi-fm b { font: 700 13.5px var(--sx-f); color: var(--text-color); }
.smi-fm small { display: block; font-size: 13px; color: var(--text-secondary); }
.smi-fm strong { font: 700 14px var(--sx-f); color: var(--ix-teal); text-align: right; }
.smi-fm em { grid-column: 2 / -1; font-style: normal; font-size: 13px; color: var(--text-secondary); }
.smi-lv { display: grid; grid-template-columns: 90px 64px minmax(0, 1fr) 90px; gap: 8px; align-items: center; padding: 6px 2px; border-bottom: 1px dashed var(--mx-line); font: 500 13px var(--sx-f); }
.smi-lv b { color: var(--text-color); font-variant-numeric: tabular-nums; }
.smi-lv-n { color: var(--ix-beam); letter-spacing: 1px; white-space: nowrap; overflow: hidden; }
.smi-lv-n small { color: var(--text-secondary); letter-spacing: 0; }
.smi-lv > small { text-align: right; color: var(--text-secondary); }
.smi-now { margin: 8px 0; padding: 6px 10px; border-radius: 8px; border: 1px solid var(--sx-a-line); background: var(--sx-a-wash); font: 700 13px var(--sx-f); color: var(--ix-beam); text-align: center; }
.smi-sw { position: relative; height: 84px; margin: 12px 0 18px; border-radius: 10px; background: linear-gradient(90deg, var(--ix-grid) 1px, transparent 1px) 0 0 / 10% 100%, var(--ix-scr); border: 1px solid var(--mx-line); }
body.light .smi-sw { background: linear-gradient(90deg, var(--ix-grid) 1px, transparent 1px) 0 0 / 10% 100%, #fff; }
.smi-sw.tall { height: 120px; }
.smi-sw > i { position: absolute; width: 9px; height: 9px; margin-left: -4.5px; border-radius: 50%; }
.smi-sw > i.up { background: var(--ix-good); box-shadow: 0 0 6px rgba(74, 222, 128, .55); } .smi-sw > i.down { background: var(--ix-bad); box-shadow: 0 0 6px rgba(248, 113, 113, .5); }
.smi-sw > i.smi-sw-0 { left: 50%; top: 0; bottom: 0; width: 1px; height: auto; margin: 0; border-radius: 0; background: var(--ix-grid2); box-shadow: none; }
.smi-sw > i.smi-sw-band { top: 0; bottom: 0; height: auto; margin: 0; border-radius: 0; background: var(--sx-b-wash); box-shadow: none; border-left: 1px dashed var(--sx-b-line); border-right: 1px dashed var(--sx-b-line); }
.smi-sw > i.smi-sw-med { top: 0; bottom: 0; width: 2px; height: auto; margin-left: -1px; border-radius: 0; background: var(--ix-teal); box-shadow: none; }
.smi-sw > span { position: absolute; bottom: -17px; font: 600 12px var(--sx-f); color: var(--text-secondary); }
.smi-sw-l { left: 2px; } .smi-sw-c { left: 50%; transform: translateX(-50%); } .smi-sw-r { right: 2px; }
.smi-ev { display: grid; grid-template-columns: 74px minmax(0, 1fr) 70px 40px; gap: 8px; align-items: center; padding: 6px 4px; border-top: 1px dashed var(--mx-line); font: 500 13px var(--sx-f); color: var(--text-secondary); border-radius: 6px; }
.smi-ev:hover { background: var(--sx-a-wash); }
.smi-ev > span:first-child, .smi-ev > b:first-child { color: var(--text-color); }
.smi-ev > b:nth-of-type(n) { text-align: right; font-weight: 700; }
.smi-ev > b:first-child { text-align: left; }
.smi-ev em { text-align: right; }
.smi-evs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 22px; }
.smi-evs > .ix-hid:not([hidden]) { display: contents; }
.smi-evs > .ix-more { grid-column: 1 / -1; }
.smi-ev.wide { grid-template-columns: 74px 44px minmax(0, 1fr) minmax(0, 1.2fr) 30px; }
.smi-ev.wide > span:nth-child(3), .smi-ev.wide > span:nth-child(4) { text-align: right; }
.smi-how b { font: 700 15px var(--sx-f); color: var(--text-color); }
.smi-how p { margin: 6px 0 12px; font-size: 13px; line-height: 1.55; color: var(--text-secondary); }
.smi-t { width: 100%; border-collapse: collapse; margin-bottom: 12px; font: 500 13px var(--sx-f); font-variant-numeric: tabular-nums; }
.smi-t th { padding: 4px 6px 6px; text-align: right; font-size: 12.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--text-secondary); }
.smi-t th:first-child, .smi-t td:first-child { text-align: left; }
.smi-t td { padding: 7px 6px; border-top: 1px solid var(--mx-line); text-align: right; color: var(--text-color); }
.smi-t tr.on td { background: var(--sx-a-wash); }
.smi-t tr.on td:first-child { box-shadow: inset 2px 0 0 var(--ix-beam); }
.smi-t .smi-wait { text-align: center; color: var(--text-secondary); }

/* ---------- адаптив ---------- */
@media (max-width: 1400px) { .ix-mx-r { grid-template-columns: minmax(150px, 1.2fr) 70px repeat(5, minmax(0, 1fr)) 130px; } }
@media (max-width: 1250px) {
    .ind-page .page-content .hero { flex-wrap: wrap; }
    .ix-hero-r { flex-basis: 100%; max-width: none; margin-left: 0; }
    .ix-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .ix-mx-r { grid-template-columns: minmax(140px, 1.1fr) 64px repeat(5, minmax(0, 1fr)); }
    .ix-mx-t { display: none; } .ix-mx-h > span:last-child { display: none; }
}
@media (max-width: 1000px) {
    .ix-mx-h { display: none; }
    .ix-mx-r { grid-template-columns: repeat(5, minmax(0, 1fr)); padding: 10px 0; }
    .ix-mx-a { grid-column: 1 / 4; } .ix-mx-v { grid-column: 4 / 6; flex-direction: row; align-items: center; justify-content: flex-end; gap: 8px; }
    .ix-mx-c { padding: 6px 7px; }
    .ix-tl { grid-template-columns: repeat(7, minmax(84px, 1fr)); overflow-x: auto; }
}
@media (max-width: 760px) {
    .ix-hero-r { flex-direction: column; }
    .ix-qa { flex-basis: auto; }
    .ix-lg-r { grid-template-columns: 36px minmax(0, 1fr) 58px 40px; }
    .ix-lg-d { display: none; }
    .ix-mx-r { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ix-mx-a { grid-column: 1 / 2; } .ix-mx-v { grid-column: 2 / 3; }
    .ix-mx-c:last-of-type { grid-column: 1 / -1; }
    .ix-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ix-rt-h { display: none; }
    .ix-rt-r { grid-template-columns: minmax(0, 1fr) 62px; row-gap: 6px; }
    .ix-rt-r .ix-db { grid-column: 1 / -1; grid-row: 2; }
    .ix-rt-m { display: none; }
    .ix-rt-r.weak { grid-template-columns: 1fr; }
    .ix-facts { grid-template-columns: 1fr 1fr 1fr; gap: 6px; } .ix-facts b { font-size: 19px; } .ix-facts > div { padding: 8px; }
    .ix-cs { grid-template-columns: 62px minmax(0, 1fr) 44px; } .ix-cs > span:nth-child(2) { display: none; }
    .ix-fr-h { display: none; } .ix-fr { grid-template-columns: 40px minmax(0, 1fr) 58px 22px; } .ix-fr-p { display: none; }
    .ix-un-h { display: none; } .ix-un-r { grid-template-columns: 40px minmax(0, 1fr) minmax(0, 1fr); } .ix-un-now { display: none; }
    .ix-hs-h, .ix-hs-r { grid-template-columns: 40px repeat(3, minmax(0, 1fr)); gap: 8px; } .ix-hs-h > span:first-child { visibility: hidden; }
    .ix-hs-c small { font-size: 12px; white-space: normal; }
    .ix-hs-h { font-size: 11px; letter-spacing: .02em; }
    .smi-rr { grid-template-columns: minmax(0, 1fr) 80px; } .smi-rr .ix-db { grid-column: 1 / -1; grid-row: 2; }
    .smi-evs { grid-template-columns: 1fr; }
    .smi-ev.wide { grid-template-columns: 64px 40px minmax(0, 1fr) 26px; } .smi-ev.wide > span:nth-child(3) { display: none; }
    .smi-lv { grid-template-columns: 80px 58px minmax(0, 1fr); } .smi-lv > small { display: none; }
}

/* 05: все активы на шкале RSI */
.ix-rsc { margin-bottom: 10px; padding-bottom: 12px; border-bottom: 1px dashed var(--mx-line); }
.ix-rsc-b { position: relative; height: 84px; margin-top: 8px; border-radius: 10px; background: linear-gradient(90deg, var(--ix-grid) 1px, transparent 1px) 0 0 / 10% 100%, var(--ix-scr); border: 1px solid var(--mx-line); }
body.light .ix-rsc-b { background: linear-gradient(90deg, var(--ix-grid) 1px, transparent 1px) 0 0 / 10% 100%, #fff; }
.ix-rsc-b i { position: absolute; top: 0; bottom: 0; }
.ix-rsc-b i.z1 { left: 0; width: 30%; background: rgba(74, 222, 128, .07); border-right: 1px dashed rgba(74, 222, 128, .4); }
.ix-rsc-b i.z2 { right: 0; width: 30%; background: rgba(248, 113, 113, .07); border-left: 1px dashed rgba(248, 113, 113, .4); }
.ix-rsc-b span { position: absolute; transform: translateX(-50%); padding: 2px 6px; border-radius: 5px; border: 1px solid var(--ac); background: color-mix(in srgb, var(--ac) 16%, var(--ix-scr)); color: var(--ac); font: 700 13px var(--sx-f); white-space: nowrap; }
.ix-rsc-x { display: flex; justify-content: space-between; margin-top: 4px; font: 500 12.5px var(--sx-f); color: var(--text-secondary); }
/* окна: колонка из двух блоков, значок и подписи в цветах раздела */
.smi-col { display: flex; flex-direction: column; gap: 26px; min-width: 0; }
.smi-col > div { display: flex; flex-direction: column; min-width: 0; }
.smi-col > div:last-child { flex: 1; } .smi-col > div:last-child > .sx-card { flex: 1; }
.ind-page .sm-ico-t { background: radial-gradient(circle at 50% 50%, rgba(250, 204, 21, .18), transparent 70%), var(--ix-scr); border: 1px solid var(--sx-b-line); color: var(--ix-beam); text-shadow: var(--ix-glow); box-shadow: inset 0 0 14px rgba(45, 212, 191, .2); }
.ind-page .sm-body .sx-g > .s4 .sm-lg { display: none; }
.ind-page .sm-body .strip-title { white-space: nowrap; }
@media (max-width: 760px) { .ind-page .sm-body .strip-title { white-space: normal; } }

.ix-since[hidden] { display: none; }
/* узкие блоки (s3–s5): подпись-подсказку сворачиваем до «?», чтобы пояснение не пропадало */
.ind-page .sx-g > .s3 .strip-legend, .ind-page .sx-g > .s4 .strip-legend, .ind-page .sx-g > .s5 .strip-legend { display: inline-flex; font-size: 0; gap: 0; padding: 3px 5px; }
.ind-page .sx-g > .s3 .strip-legend i, .ind-page .sx-g > .s4 .strip-legend i, .ind-page .sx-g > .s5 .strip-legend i { display: none; }
.ind-page .sx-g > .s3 .strip-legend::after, .ind-page .sx-g > .s4 .strip-legend::after, .ind-page .sx-g > .s5 .strip-legend::after { margin-left: 0; }
/* телефон: подпись блока — отдельной строкой под названием */
@media (max-width: 760px) {
    .ind-page .page-content .strip-head { flex-wrap: wrap; row-gap: 6px; }
    .ind-page .page-content .strip-head .strip-legend { order: 3; margin-left: 0; max-width: 100%; white-space: normal; font-size: 13px; line-height: 1.35; padding: 4px 10px; border-radius: 10px; }
    .ind-page .sx-g > .s3 .strip-legend, .ind-page .sx-g > .s4 .strip-legend, .ind-page .sx-g > .s5 .strip-legend { order: 0; margin-left: auto; font-size: 0; padding: 3px 5px; }
    .ix-lg-r em span { display: none; }
}

/* ===================== общие кирпичи подстраниц ===================== */
.ix-card-top { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; margin-bottom: 10px; }
.ix-card-top .sx-seg { flex-wrap: wrap; }
.ix-legend { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 4px 6px; margin-left: auto; font: 500 13px var(--sx-f); color: var(--text-secondary); }
.ix-legend i { display: inline-block; width: 14px; height: 3px; border-radius: 2px; margin-left: 8px; }
.ix-legend i.bg { height: 10px; width: 12px; border-radius: 3px; } .ix-legend i.bg.up { background: rgba(74, 222, 128, .25); } .ix-legend i.bg.down { background: rgba(248, 113, 113, .25); }
.tr-ax { display: flex; justify-content: space-between; margin-top: 6px; font: 500 13px var(--sx-f); color: var(--text-secondary); }

/* ===================== ind-trend ===================== */
.tr-lad { display: flex; flex-direction: column; }
.tr-rung { display: grid; grid-template-columns: 120px minmax(0, 1fr) 96px; gap: 12px; align-items: center; padding: 6px 4px; border-bottom: 1px dashed var(--mx-line); border-radius: 6px; }
.tr-rung:hover { background: var(--sx-a-wash); }
.tr-rn b { font: 700 14px var(--sx-f); } .tr-rn small { margin-left: 8px; font-size: 13px; color: var(--text-secondary); }
.tr-track { position: relative; height: 22px; background: linear-gradient(90deg, var(--ix-grid) 1px, transparent 1px) 0 0 / 12.5% 100%; border-radius: 4px; }
.tr-mid { position: absolute; left: 50%; top: -2px; bottom: -2px; width: 2px; margin-left: -1px; background: var(--ix-teal); opacity: .6; }
.tr-tail { position: absolute; top: 9px; height: 4px; border-radius: 2px; opacity: .55; }
.tr-tail.up { background: linear-gradient(90deg, transparent, var(--ix-good)); } .tr-tail.down { background: linear-gradient(270deg, transparent, var(--ix-bad)); }
.tr-dot { position: absolute; top: 4px; width: 14px; height: 14px; margin-left: -7px; border-radius: 50%; background: var(--ac); box-shadow: 0 0 10px var(--ac); border: 2px solid var(--ix-scr); }
.tr-rv { text-align: right; } .tr-rv b { display: block; font: 700 15px var(--sx-f); } .tr-rv small { font-size: 13px; color: var(--text-secondary); }
.tr-age { display: flex; flex-direction: column; }
.tr-ag { display: grid; grid-template-columns: 40px minmax(0, 1fr) 70px 54px; gap: 10px; align-items: center; padding: 7px 4px; border-bottom: 1px dashed var(--mx-line); border-radius: 6px; font: 500 13px var(--sx-f); }
.tr-ag:hover { background: var(--sx-a-wash); }
.tr-ag > b { font-weight: 700; }
.tr-ag-t { position: relative; height: 14px; border-radius: 3px; background: rgba(255, 255, 255, .04); }
body.light .tr-ag-t { background: rgba(0, 0, 0, .05); }
.tr-ag-p { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 3px; background: var(--sx-b-wash); border-right: 1px dashed var(--ix-teal); }
.tr-ag-m { position: absolute; top: -3px; bottom: -3px; width: 2px; background: var(--ix-teal); }
.tr-ag-c { position: absolute; left: 0; top: 4px; height: 6px; border-radius: 3px; }
.tr-ag-c.up { background: var(--ix-good); box-shadow: 0 0 6px rgba(74, 222, 128, .5); } .tr-ag-c.down { background: var(--ix-bad); box-shadow: 0 0 6px rgba(248, 113, 113, .5); }
.tr-ag-v, .tr-ag-s { text-align: right; } .tr-ag-v b, .tr-ag-s b { display: block; font-weight: 700; } .tr-ag-v small, .tr-ag-s small { font-size: 12.5px; color: var(--text-secondary); }
.tr-ag-k { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 10px; font-size: 13px; color: var(--text-secondary); }
.tr-ag-k i { display: inline-block; width: 14px; height: 6px; margin-right: 5px; border-radius: 3px; vertical-align: middle; }
.tr-ag-k .k1 { background: var(--ix-good); } .tr-ag-k .k2 { width: 2px; height: 12px; background: var(--ix-teal); } .tr-ag-k .k3 { background: var(--sx-b-wash); border: 1px dashed var(--ix-teal); }
.tr-dials { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.tr-dial { display: flex; flex-direction: column; align-items: center; padding: 8px 4px; border-radius: 10px; border: 1px solid var(--mx-line); background: var(--ix-scr); }
body.light .tr-dial { background: #fff; }
.tr-dial:hover { border-color: var(--sx-b-line); }
.tr-dial svg { width: 100%; max-width: 130px; height: auto; overflow: visible; }
.tr-d-bg { fill: none; stroke: var(--mx-line-strong); stroke-width: 7; }
.tr-d-weak { fill: none; stroke: rgba(148, 163, 184, .25); stroke-width: 7; }
.tr-d-rng { fill: none; stroke: var(--ix-teal); stroke-width: 7; opacity: .55; }
.tr-d-n { stroke-width: 2.5; stroke-linecap: round; }
.tr-dial text { font: 600 7px var(--sx-f); fill: var(--text-secondary); }
.tr-dial > b { font: 700 13px var(--sx-f); }
.tr-dial strong { font: 700 22px/1.1 var(--sx-f); }
.tr-dial small { font-size: 12.5px; color: var(--text-secondary); text-align: center; line-height: 1.35; }
.tr-edge { display: flex; flex-direction: column; }
.tr-er { display: grid; grid-template-columns: 40px minmax(0, 1fr) 150px; gap: 12px; align-items: center; padding: 7px 4px; border-bottom: 1px dashed var(--mx-line); border-radius: 6px; }
.tr-er:hover { background: var(--sx-a-wash); }
.tr-er > b { font: 700 13px var(--sx-f); }
.tr-et { position: relative; height: 16px; border-radius: 8px; background: linear-gradient(90deg, rgba(248, 113, 113, .16), transparent 38%, transparent 62%, rgba(74, 222, 128, .16)); }
.tr-em { position: absolute; left: 50%; top: -3px; bottom: -3px; width: 2px; margin-left: -1px; background: var(--ix-teal); }
.tr-ez { position: absolute; left: 38.5%; width: 23%; top: 0; bottom: 0; border-left: 1px dashed var(--sx-a-line); border-right: 1px dashed var(--sx-a-line); background: var(--sx-a-wash); }
.tr-ep { position: absolute; top: 2px; width: 12px; height: 12px; margin-left: -6px; border-radius: 50%; background: var(--ix-beam); box-shadow: var(--ix-glow); }
.tr-ep.up { background: var(--ix-good); } .tr-ep.down { background: var(--ix-bad); }
.tr-ev { text-align: right; } .tr-ev b { display: block; font: 700 14px var(--sx-f); } .tr-ev small { font-size: 13px; color: var(--text-secondary); }
.tr-tr { display: grid; grid-template-columns: 40px repeat(3, minmax(0, 1fr)) 100px; gap: 8px; align-items: center; padding: 6px 4px; border-bottom: 1px dashed var(--mx-line); border-radius: 6px; }
.tr-tr:not(.tr-th):hover { background: var(--sx-a-wash); }
.tr-th { font: 600 12.5px var(--sx-f); letter-spacing: .08em; text-transform: uppercase; color: var(--text-secondary); border-bottom: 0; }
.tr-tr > b { font: 700 13px var(--sx-f); }
.tr-tc { display: flex; align-items: center; gap: 6px; padding: 4px 8px; border-radius: 7px; background: rgba(255, 255, 255, .03); font: 600 13.5px var(--sx-f); color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.light .tr-tc { background: rgba(0, 0, 0, .03); }
.tr-tc.up { color: var(--ix-good); background: rgba(74, 222, 128, .08); } .tr-tc.down { color: var(--ix-bad); background: rgba(248, 113, 113, .08); }
.tr-t3 { text-align: right; }
.tr-sw { margin-bottom: 4px; }
.tr-sw-l { display: grid; grid-template-columns: 50px minmax(0, 1fr); align-items: center; gap: 8px; margin-bottom: 6px; }
.tr-sw-l small { font: 600 13px var(--sx-f); color: var(--text-secondary); }
.tr-sw-b { position: relative; height: 44px; border-radius: 8px; background: linear-gradient(90deg, var(--ix-grid) 1px, transparent 1px) 0 0 / 10% 100%, var(--ix-scr); border: 1px solid var(--mx-line); }
body.light .tr-sw-b { background: linear-gradient(90deg, var(--ix-grid) 1px, transparent 1px) 0 0 / 10% 100%, #fff; }
.tr-sw-b i { position: absolute; width: 8px; height: 8px; margin-left: -4px; border-radius: 50%; opacity: .85; }
.tr-sw-b i.up { background: var(--ix-good); } .tr-sw-b i.down { background: var(--ix-bad); }
.tr-sw-b i.cur { width: 14px; height: 14px; margin-left: -7px; background: transparent; border: 2.5px solid var(--ix-beam); box-shadow: var(--ix-glow); opacity: 1; }
.ix-card .ix-facts { margin-top: 10px; }
.tr-sw .tr-ax { padding-left: 58px; }
@media (max-width: 1100px) { .tr-dials { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) {
    .tr-rung { grid-template-columns: 70px minmax(0, 1fr) 64px; } .tr-rn small { display: block; margin: 0; font-size: 12.5px; }
    .tr-ag { grid-template-columns: 36px minmax(0, 1fr) 56px 46px; }
    .tr-dials { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tr-er { grid-template-columns: 36px minmax(0, 1fr) 110px; }
    .tr-tr { grid-template-columns: 36px repeat(3, minmax(0, 1fr)); } .tr-t3 { display: none; } .tr-th > span:last-child { display: none; }
    .tr-tc { font-size: 12.5px; padding: 4px 5px; }
    .ix-legend { margin-left: 0; }
}

/* ===================== ind-momentum ===================== */
.mo-heat { display: flex; flex-direction: column; gap: 3px; }
.mo-hr { display: grid; grid-template-columns: 44px minmax(0, 1fr) 38px; gap: 8px; align-items: center; }
.mo-hr > b { font: 700 13px var(--sx-f); }
.mo-hr > strong { font: 700 15px var(--sx-f); text-align: right; }
.mo-hc { display: grid; gap: 1px; height: 26px; }
.mo-hc i { display: block; border-radius: 1.5px; }
.mo-hc i.x { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .15); }
.mo-hr:hover .mo-hc { outline: 1px solid var(--sx-b-line); outline-offset: 2px; border-radius: 3px; }
.mo-hx { display: grid; grid-template-columns: 44px minmax(0, 1fr) 38px; gap: 8px; margin-top: 4px; }
.mo-ht { display: flex; justify-content: space-between; font: 500 13px var(--sx-f); color: var(--text-secondary); }
.mo-key { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-size: 13px; color: var(--text-secondary); }
.mo-key i { flex: 0 0 120px; height: 8px; border-radius: 4px; background: linear-gradient(90deg, rgba(45, 212, 191, .9), rgba(45, 212, 191, .08)); }
.mo-key i.r { background: linear-gradient(90deg, rgba(250, 204, 21, .08), rgba(250, 204, 21, .7), rgba(251, 146, 60, .95)); }
.mo-nr { display: grid; grid-template-columns: 44px repeat(4, minmax(0, 1fr)); gap: 6px; align-items: center; padding: 4px 2px; border-radius: 6px; }
.mo-nr:not(.mo-nh):hover { background: var(--sx-a-wash); }
.mo-nh { font: 600 12.5px var(--sx-f); letter-spacing: .08em; text-transform: uppercase; color: var(--text-secondary); text-align: center; }
.mo-nh span:first-child { text-align: left; }
.mo-nr > b { font: 700 13px var(--sx-f); }
.mo-c { padding: 5px 4px; border-radius: 6px; text-align: center; font: 700 14px var(--sx-f); background: rgba(255, 255, 255, .03); color: var(--text-color); }
body.light .mo-c { background: rgba(0, 0, 0, .035); }
.mo-c.hot { background: rgba(251, 146, 60, .22); color: #fb923c; } .mo-c.cold { background: rgba(45, 212, 191, .18); color: var(--ix-teal); }
body.light .mo-c.hot { color: #c2410c; }
.mo-c.up { color: var(--ix-good); } .mo-c.down { color: var(--ix-bad); } .mo-c.none { font-size: 12px; font-weight: 500; color: var(--text-secondary); }
.mo-acc { overflow-x: auto; }
.mo-ar { display: grid; grid-template-columns: 40px repeat(8, minmax(44px, 1fr)); gap: 3px; align-items: stretch; margin-bottom: 3px; }
.mo-ah { font: 600 12px/1.2 var(--sx-f); color: var(--text-secondary); text-align: center; align-items: end; }
.mo-ar > b { font: 700 13px var(--sx-f); align-self: center; }
.mo-ac { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 4px 2px; border-radius: 5px; border: 1px solid var(--mx-line); }
.mo-ac b { font: 700 13px var(--sx-f); color: var(--text-color); } .mo-ac small { font-size: 11.5px; color: var(--text-secondary); }
.mo-ac.none { font-size: 12.5px; color: var(--text-secondary); border-style: dashed; }
.mo-ac:hover { border-color: var(--ix-beam); }
.mo-race { width: 100%; height: auto; display: block; }
.mo-race .mo-rg { stroke: var(--ix-grid2); stroke-dasharray: 2 4; }
.mo-rl polyline { fill: none; stroke-width: 2.4; stroke-linejoin: round; opacity: .85; }
.mo-rl:hover polyline { stroke-width: 4; opacity: 1; }
.mo-rl text { font: 700 13px var(--sx-f); } .mo-rl tspan { font-weight: 500; fill: var(--text-secondary); }
.mo-rd { font: 500 12.5px var(--sx-f); fill: var(--text-secondary); }
.mo-zr { display: grid; grid-template-columns: 40px minmax(0, 1fr) 120px; gap: 10px; align-items: center; padding: 6px 4px; border-bottom: 1px dashed var(--mx-line); border-radius: 6px; }
.mo-zr:hover { background: var(--sx-a-wash); }
.mo-zr > b { font: 700 13px var(--sx-f); }
.mo-zb { display: flex; height: 12px; border-radius: 6px; overflow: hidden; background: rgba(255, 255, 255, .05); }
body.light .mo-zb { background: rgba(0, 0, 0, .06); }
.mo-zb i { display: block; height: 100%; } .mo-zb i.mid { flex: 1; } .mo-zb i.os { background: var(--ix-teal); } .mo-zb i.ob { background: #fb923c; }
.mo-zv { text-align: right; } .mo-zv b { display: block; font: 700 13.5px var(--sx-f); } .mo-zv small { font-size: 12.5px; color: var(--text-secondary); }
.mo-key2 { display: flex; gap: 16px; margin-top: 10px; font-size: 13px; color: var(--text-secondary); }
.mo-key2 i { display: inline-block; width: 12px; height: 8px; margin-right: 5px; border-radius: 2px; } .mo-key2 i.os { background: var(--ix-teal); } .mo-key2 i.ob { background: #fb923c; }
.mo-mg { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 14px; }
.mo-mc { padding: 6px 8px; border-radius: 8px; border: 1px solid var(--mx-line); background: var(--ix-scr); }
body.light .mo-mc { background: #fff; }
.mo-mc:hover { border-color: var(--sx-b-line); }
.mo-mc > div { display: flex; justify-content: space-between; align-items: baseline; }
.mo-mc b { font: 700 13px var(--sx-f); } .mo-mc small { font: 600 13px var(--sx-f); }
.mo-mc svg { display: block; width: 100%; height: 44px; margin-top: 4px; }
.mo-mc rect.up { fill: rgba(74, 222, 128, .65); } .mo-mc rect.down { fill: rgba(248, 113, 113, .65); } .mo-mc rect.last { fill-opacity: 1; stroke: var(--ix-beam); stroke-width: .8; }
.mo-mc line.z { stroke: var(--ix-grid2); }
.mo-sc { width: 100%; height: auto; display: block; }
.mo-sc line { stroke: var(--ix-grid); } .mo-sc line.m { stroke: var(--ix-grid2); } .mo-sc line.dg { stroke: var(--ix-beam); stroke-dasharray: 5 5; opacity: .5; }
.mo-sc rect.hot { fill: rgba(251, 146, 60, .08); } .mo-sc rect.cold { fill: rgba(45, 212, 191, .08); }
.mo-sc text { font: 500 12.5px var(--sx-f); fill: var(--text-secondary); } .mo-sc text.ax { font-weight: 600; fill: var(--ix-teal); }
.mo-sc text.lb { font: 700 13.5px var(--sx-f); }
.mo-sc circle { stroke: var(--ix-scr); stroke-width: 2; }
.mo-sc g:hover circle { r: 9; }
.mo-br { display: grid; grid-template-columns: 130px minmax(0, 1fr) 70px 90px; gap: 12px; align-items: center; padding: 8px 6px; border-bottom: 1px dashed var(--mx-line); border-radius: 6px; font: 600 13px var(--sx-f); }
.mo-br.on { background: var(--sx-a-wash); box-shadow: inset 2px 0 0 var(--ix-beam); }
.mo-br em { font-style: normal; color: var(--ix-beam); font-size: 12.5px; }
.mo-bh { font: 600 12.5px var(--sx-f); letter-spacing: .04em; color: var(--text-secondary); border-bottom: 0; }
.mo-bv { text-align: right; } .mo-bv b { display: block; font: 700 14px var(--sx-f); } .mo-bv small { font-size: 12px; color: var(--text-secondary); font-weight: 500; }
@media (max-width: 760px) {
    .mo-hr, .mo-hx { grid-template-columns: 34px minmax(0, 1fr) 28px; gap: 4px; } .mo-hc { height: 22px; gap: 0; } .mo-hc i { border-radius: 0; }
    .mo-mg { grid-template-columns: 1fr 1fr; gap: 6px; } .mo-mc small { font-size: 11.5px; }
    .mo-br { grid-template-columns: 90px minmax(0, 1fr) 54px; } .mo-br > :nth-child(4) { display: none; }
    .mo-zr { grid-template-columns: 36px minmax(0, 1fr) 96px; }
}

/* ===================== ind-volatility ===================== */
.vo-eh, .vo-er { display: grid; grid-template-columns: 40px minmax(0, 1fr) 96px; gap: 10px; align-items: center; }
.vo-eh { padding: 0 4px 6px; font: 600 12.5px/1.3 var(--sx-f); color: var(--text-secondary); }
.vo-er { padding: 7px 4px; border-bottom: 1px dashed var(--mx-line); border-radius: 6px; }
.vo-er:hover { background: var(--sx-a-wash); }
.vo-er > b { font: 700 13px var(--sx-f); }
.vo-et { position: relative; height: 26px; }
.vo-et i { position: absolute; top: 6px; height: 14px; border-radius: 7px; }
.vo-et i.b2 { background: rgba(45, 212, 191, .1); border: 1px dashed rgba(45, 212, 191, .3); }
.vo-et i.b1 { background: rgba(45, 212, 191, .3); border: 1px solid rgba(45, 212, 191, .6); }
.vo-et i.c { left: 50%; top: 2px; height: 22px; width: 2px; margin-left: -1px; background: var(--ix-beam); box-shadow: var(--ix-glow); border-radius: 1px; }
.vo-et em { position: absolute; top: 5px; padding: 0 5px; font: 600 12.5px var(--sx-f); font-style: normal; color: var(--text-secondary); white-space: nowrap; }
.vo-ev { text-align: right; } .vo-ev b { display: block; font: 700 14px var(--sx-f); } .vo-ev small { font-size: 12.5px; color: var(--text-secondary); }
.vo-sq { display: flex; flex-direction: column; gap: 3px; }
.vo-sr { display: grid; grid-template-columns: 40px minmax(0, 1fr) 96px; gap: 8px; align-items: center; }
.vo-sr > b { font: 700 13px var(--sx-f); }
.vo-sc { display: grid; grid-template-columns: repeat(120, 1fr); gap: 0; height: 24px; border-radius: 4px; overflow: hidden; border: 1px solid var(--mx-line); }
.vo-sc i { display: block; }
.vo-sr:hover .vo-sc { border-color: var(--sx-b-line); }
.vo-sv { text-align: right; } .vo-sv b { display: block; font: 700 13px var(--sx-f); color: var(--text-secondary); } .vo-sv b.sq { color: var(--ix-teal); text-shadow: 0 0 8px rgba(45, 212, 191, .5); } .vo-sv small { font-size: 12.5px; color: var(--text-secondary); }
.vo-clock { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 14px; align-items: center; }
.vo-clock svg { width: 100%; max-width: 320px; height: auto; display: block; margin: 0 auto; }
.vo-clock path { stroke: var(--ix-scr); stroke-width: 1; cursor: default; }
.vo-clock path:hover { stroke: var(--ix-beam); stroke-width: 1.5; }
.vo-clock circle.in { fill: var(--ix-scr); stroke: var(--ix-grid2); }
.vo-clock text { font: 600 13px var(--sx-f); fill: var(--text-secondary); }
.vo-clock text.c1 { font: 700 16px var(--sx-f); fill: var(--ix-beam); } .vo-clock text.c2 { font: 600 12px var(--sx-f); fill: var(--text-secondary); }
.vo-cl > div:not(.sx-lbl) { display: grid; grid-template-columns: 56px 70px 1fr; gap: 6px; padding: 4px 0; border-bottom: 1px dashed var(--mx-line); font: 600 13px var(--sx-f); }
.vo-cl .sx-lbl { margin-top: 8px; }
.vo-cl small { color: var(--text-secondary); text-align: right; }
.vo-dr { display: grid; grid-template-columns: 40px repeat(7, minmax(0, 1fr)); gap: 3px; align-items: center; margin-bottom: 3px; }
.vo-dh { font: 600 13px var(--sx-f); color: var(--text-secondary); text-align: center; }
.vo-dr > b { font: 700 13px var(--sx-f); }
.vo-dc { padding: 6px 2px; border-radius: 5px; text-align: center; font: 600 13px var(--sx-f); color: var(--text-color); border: 1px solid var(--mx-line); }
.vo-dc.none { color: var(--text-secondary); border-style: dashed; }
.vo-t td small { color: var(--text-secondary); font-size: 12.5px; }
.vo-t tr[data-m]:hover td { background: var(--sx-a-wash); }
.vo-cr { display: grid; grid-template-columns: 40px minmax(0, 1fr) 120px 90px; gap: 10px; align-items: center; padding: 7px 4px; border-bottom: 1px dashed var(--mx-line); border-radius: 6px; }
.vo-cr:hover { background: var(--sx-a-wash); }
.vo-cr > b { font: 700 13px var(--sx-f); }
.vo-cb { position: relative; height: 16px; }
.vo-cb i { position: absolute; left: 0; height: 6px; border-radius: 3px; } .vo-cb i.b { top: 0; background: var(--text-secondary); opacity: .6; } .vo-cb i.a { top: 9px; background: #fb923c; }
.vo-cv { text-align: right; } .vo-cv b { display: block; font: 700 14px var(--sx-f); color: #fb923c; } .vo-cv small { font-size: 12.5px; color: var(--text-secondary); }
.vo-cn { text-align: right; }
@media (max-width: 760px) {
    .vo-clock { grid-template-columns: 1fr; }
    .vo-eh > span:nth-child(2) { font-size: 12px; }
    .vo-er, .vo-eh { grid-template-columns: 36px minmax(0, 1fr) 76px; }
    .vo-et em { display: none; }
    .vo-sr { grid-template-columns: 34px minmax(0, 1fr) 70px; }
    .vo-dc { font-size: 11.5px; padding: 5px 0; }
    .vo-cr { grid-template-columns: 36px minmax(0, 1fr) 96px; } .vo-cn { display: none; }
    .vo-t th:nth-child(5), .vo-t td:nth-child(5), .vo-t th:nth-child(2), .vo-t td:nth-child(2) { display: none; }
}

.vo-t td { padding: 11px 6px; }
@media (max-width: 760px) { .mo-key { flex-wrap: wrap; } .mo-key i { flex: 1 1 50px; } }

/* ===================== ind-patterns ===================== */
.pl-qa { display: flex; flex-direction: column; gap: 4px; margin-top: 8px; font: 600 13px var(--sx-f); color: var(--text-secondary); }
.pl-qa span.up, .pl-qa span.down { font-weight: 700; } .pl-qa small { font-weight: 500; color: var(--text-secondary); }
.pl-nr { display: grid; grid-template-columns: 100px minmax(0, 1fr) 84px; gap: 10px; align-items: center; padding: 7px 4px; border-bottom: 1px dashed var(--mx-line); }
.pl-nr > span:first-child b { display: block; font: 700 14px var(--sx-f); } .pl-nr > span:first-child small { font-size: 12.5px; color: var(--text-secondary); }
.pl-nr.res > span:first-child b { color: var(--ix-bad); } .pl-nr.sup > span:first-child b { color: var(--ix-good); }
.pl-nb { display: flex; height: 10px; border-radius: 5px; overflow: hidden; background: var(--mx-line); }
.pl-nb i { display: block; height: 100%; } .pl-nb i.b { background: var(--ix-teal); } .pl-nb i.k { background: #fb923c; }
.pl-nv { text-align: right; } .pl-nv b { display: block; font: 700 14px var(--sx-f); } .pl-nv small { font-size: 12px; color: var(--text-secondary); }
.pl-cr { display: grid; grid-template-columns: 40px minmax(0, 1fr) 120px; gap: 10px; align-items: center; padding: 7px 4px; border-bottom: 1px dashed var(--mx-line); border-radius: 6px; }
.pl-cr:hover { background: var(--sx-a-wash); }
.pl-cr > b { font: 700 13px var(--sx-f); }
.pl-ct { position: relative; height: 20px; border-radius: 4px; background: linear-gradient(90deg, rgba(74, 222, 128, .22), rgba(255, 255, 255, .03) 25%, rgba(255, 255, 255, .03) 75%, rgba(248, 113, 113, .22)); border-left: 3px solid var(--ix-good); border-right: 3px solid var(--ix-bad); }
body.light .pl-ct { background: linear-gradient(90deg, rgba(21, 128, 61, .18), rgba(0, 0, 0, .03) 25%, rgba(0, 0, 0, .03) 75%, rgba(185, 28, 28, .18)); }
.pl-ct em { position: absolute; top: 3px; font: 600 12px var(--sx-f); font-style: normal; color: var(--text-secondary); } .pl-ct em.l { left: 4px; } .pl-ct em.r { right: 4px; }
.pl-cp { position: absolute; top: -3px; width: 4px; height: 26px; margin-left: -2px; border-radius: 2px; background: var(--ac); box-shadow: 0 0 8px var(--ac); }
.pl-cv { text-align: right; } .pl-cv em { display: block; font: 700 13.5px var(--sx-f); font-style: normal; } .pl-cv small { font-size: 12.5px; color: var(--text-secondary); }
.pl-fib { display: flex; flex-direction: column; gap: 3px; }
.pl-fr { display: grid; grid-template-columns: 76px minmax(0, 1fr) 84px 64px; gap: 10px; align-items: center; padding: 4px; border-radius: 6px; font: 600 13px var(--sx-f); }
.pl-fr > span { color: var(--ix-teal); } .pl-fr > i { height: 8px; border-radius: 4px; background: linear-gradient(90deg, var(--sx-b-wash), var(--ix-teal)); opacity: .55; }
.pl-fr > b { text-align: right; } .pl-fr > small { text-align: right; color: var(--text-secondary); }
.pl-fr.on { background: var(--sx-a-wash); box-shadow: inset 2px 0 0 var(--ix-beam); }
.pl-dr { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(90px, 1fr) 100px; gap: 12px; align-items: center; padding: 9px 4px; border-bottom: 1px dashed var(--mx-line); border-radius: 6px; }
.pl-dr:hover { background: var(--sx-a-wash); }
.pl-dn { font: 700 13.5px var(--sx-f); color: var(--text-color); } .pl-dn small { display: block; font-size: 13px; font-weight: 500; color: var(--text-secondary); }
.pl-now { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.pl-ah, .pl-ar { display: grid; grid-template-columns: 40px minmax(0, 1fr) 150px; gap: 10px; align-items: center; }
.pl-ah { padding: 0 4px 6px; font: 600 12.5px var(--sx-f); color: var(--text-secondary); text-align: center; }
.pl-ar { padding: 7px 4px; border-bottom: 1px dashed var(--mx-line); border-radius: 6px; } .pl-ar:hover { background: var(--sx-a-wash); }
.pl-ar > b { font: 700 13px var(--sx-f); }
.pl-at { position: relative; height: 12px; border-radius: 6px; background: linear-gradient(90deg, rgba(248, 113, 113, .3), rgba(255, 255, 255, .04) 30%, rgba(255, 255, 255, .04) 70%, rgba(74, 222, 128, .3)); }
.pl-at i { position: absolute; top: -3px; width: 12px; height: 18px; margin-left: -6px; border-radius: 4px; background: var(--ac); box-shadow: 0 0 8px var(--ac); }
.pl-av { text-align: right; } .pl-av b { display: block; font: 700 14px var(--sx-f); } .pl-av small { font-size: 12.5px; color: var(--text-secondary); }

/* ===================== ind-volume ===================== */
.vl-prof { display: flex; flex-direction: column; gap: 1px; }
.vl-pr { display: grid; grid-template-columns: 74px minmax(0, 1fr) 84px; gap: 8px; align-items: center; font: 500 13px var(--sx-f); color: var(--text-secondary); }
.vl-pb { height: 12px; }
.vl-pb i { position: relative; display: block; height: 100%; border-radius: 0 3px 3px 0; background: rgba(148, 163, 184, .28); overflow: hidden; }
.vl-pb i.va { background: rgba(45, 212, 191, .35); }
.vl-pb i em { position: absolute; left: 0; top: 0; bottom: 0; background: rgba(74, 222, 128, .45); }
.vl-pr.poc .vl-pb i { background: rgba(250, 204, 21, .55); box-shadow: 0 0 10px rgba(250, 204, 21, .45); }
.vl-pr.poc > span:first-child, .vl-pr.poc > b { color: var(--ix-beam); font-weight: 700; }
.vl-pr.cur > span:first-child { color: var(--text-color); font-weight: 700; }
.vl-pr > b { font-size: 12.5px; } .vl-pr > b.c { color: var(--text-color); }
.vl-rr { display: grid; grid-template-columns: 40px minmax(0, 1fr) 84px; gap: 8px; align-items: center; padding: 4px 2px; }
.vl-rr > b { font: 700 13px var(--sx-f); }
.vl-rc { display: grid; grid-template-columns: repeat(30, 1fr); gap: 2px; height: 24px; }
.vl-rc i { display: block; border-radius: 2px; border: 1px solid var(--mx-line); }
.vl-rv { text-align: right; } .vl-rv b { display: block; font: 700 14px var(--sx-f); } .vl-rv small { font-size: 12px; color: var(--text-secondary); }
.vl-og { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 14px; }
.vl-oc { padding: 7px 9px; border-radius: 8px; border: 1px solid var(--mx-line); background: var(--ix-scr); }
body.light .vl-oc { background: #fff; }
.vl-oc:hover { border-color: var(--sx-b-line); }
.vl-oc > div:first-child { display: flex; justify-content: space-between; align-items: baseline; } .vl-oc b { font: 700 13px var(--sx-f); } .vl-oc small { font: 600 13px var(--sx-f); color: var(--text-secondary); }
.vl-oc small.up { color: var(--ix-good); } .vl-oc small.down { color: var(--ix-bad); }
.vl-ot { position: relative; height: 46px; margin: 4px 0; } .vl-ot svg { position: absolute; inset: 0; }
.vl-ug { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.vl-uc { display: flex; flex-direction: column; align-items: center; padding: 6px; border-radius: 10px; border: 1px solid var(--mx-line); }
.vl-uc:hover { border-color: var(--sx-b-line); }
.vl-uc svg { width: 86px; height: 86px; transform: rotate(-90deg); }
.vl-uc circle { fill: none; } .vl-uc circle.bg { stroke: rgba(248, 113, 113, .35); } .vl-uc circle.u { stroke: var(--ix-good); } .vl-uc circle.d { stroke: var(--ix-good); opacity: .8; }
.vl-uc text { transform: rotate(90deg); transform-origin: 40px 40px; font: 700 14px var(--sx-f); fill: var(--text-color); }
.vl-uc b { font: 700 13px var(--sx-f); } .vl-uc small { font-size: 12.5px; color: var(--text-secondary); }
.vl-fr { display: grid; grid-template-columns: 40px minmax(0, 1fr) 150px 60px; gap: 10px; align-items: center; padding: 7px 4px; border-bottom: 1px dashed var(--mx-line); border-radius: 6px; }
.vl-fr:hover { background: var(--sx-a-wash); } .vl-fr > b { font: 700 13px var(--sx-f); }
.vl-fa { display: flex; flex-wrap: wrap; gap: 4px 12px; font: 600 13.5px var(--sx-f); } .vl-fa em { font-style: normal; }
.vl-fr > span:last-child { text-align: right; }
.vl-tr { grid-template-columns: 110px minmax(0, 1fr) 70px 24px; }

/* ===================== ind-orderflow ===================== */
.of-day { display: flex; flex-direction: column; gap: 2px; }
.of-dr { display: grid; grid-template-columns: 42px minmax(0, 1fr) 76px; gap: 6px; align-items: center; font: 600 12.5px var(--sx-f); color: var(--text-secondary); }
.of-dc { display: grid; grid-template-columns: repeat(12, 1fr); gap: 1px; height: 14px; }
.of-dc i { display: block; border-radius: 1.5px; }
.of-dr > b { text-align: right; font-size: 13px; }
.of-bh, .of-br { display: grid; grid-template-columns: minmax(0, 1fr) 60px minmax(0, 1fr); gap: 8px; align-items: center; }
.of-bh { padding-bottom: 6px; font: 600 12.5px var(--sx-f); letter-spacing: .06em; text-transform: uppercase; color: var(--text-secondary); text-align: center; }
.of-br { margin-bottom: 3px; }
.of-bb, .of-ba { position: relative; height: 18px; }
.of-bb i, .of-ba i { position: absolute; top: 0; bottom: 0; border-radius: 3px; }
.of-bb i { right: 0; background: rgba(74, 222, 128, .45); } .of-ba i { left: 0; background: rgba(248, 113, 113, .45); }
.of-bb em, .of-ba em { position: absolute; top: 2px; font: 600 12.5px var(--sx-f); font-style: normal; color: var(--text-color); }
.of-bb em { left: 4px; } .of-ba em { right: 4px; }
.of-bd { text-align: center; font: 600 13px var(--sx-f); color: var(--ix-teal); }
.of-wr { display: grid; grid-template-columns: 90px 64px minmax(0, 1fr) 80px 44px; gap: 8px; align-items: center; padding: 5px 4px; font: 600 13.5px var(--sx-f); border-bottom: 1px dashed var(--mx-line); }
.of-wr > span { color: var(--text-secondary); } .of-wr small { color: var(--text-secondary); text-align: right; } .of-wr > b:nth-of-type(2) { text-align: right; }
.of-wb { height: 8px; } .of-wb i { display: block; height: 100%; border-radius: 4px; }
.of-wr.a > b:first-child { color: var(--ix-bad); } .of-wr.a .of-wb i { background: rgba(248, 113, 113, .6); }
.of-wr.b > b:first-child { color: var(--ix-good); } .of-wr.b .of-wb i { background: rgba(74, 222, 128, .6); }
.of-sh, .of-sr { display: grid; grid-template-columns: 120px 70px minmax(0, 1fr) 100px; gap: 12px; align-items: center; }
.of-sh { padding-bottom: 6px; font: 600 12.5px var(--sx-f); letter-spacing: .06em; text-transform: uppercase; color: var(--text-secondary); }
.of-sr { padding: 10px 4px; border-bottom: 1px dashed var(--mx-line); font: 600 13px var(--sx-f); }
.of-sr > span:last-child { text-align: right; font-size: 15px; }
.of-sb { position: relative; height: 18px; border-radius: 4px; background: rgba(255, 255, 255, .04); }
body.light .of-sb { background: rgba(0, 0, 0, .05); }
.of-sb i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 4px; background: rgba(250, 204, 21, .45); } .of-sb em { position: absolute; left: 6px; top: 1px; font-style: normal; font-size: 13px; color: var(--text-color); }
.of-abg { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.of-ab { padding: 12px 14px; border-radius: 10px; border: 1px solid var(--mx-line); background: var(--sx-b-wash); }
.of-ab small { display: block; font: 600 13px var(--sx-f); color: var(--text-secondary); } .of-ab b { display: block; margin: 4px 0; font: 700 28px var(--sx-f); } .of-ab span { font-size: 13px; color: var(--text-secondary); }
.of-al { padding: 10px 12px; border-radius: 9px; border: 1px dashed var(--mx-line-strong); font-size: 13.5px; color: var(--text-secondary); }
.of-yr { display: grid; grid-template-columns: 56px minmax(0, 1fr) 84px 64px 16px; gap: 8px; align-items: center; padding: 4px; border-bottom: 1px dashed var(--mx-line); font: 600 13.5px var(--sx-f); }
.of-yr > b { text-align: right; } .of-yr em { font-style: normal; color: var(--ix-beam); font-weight: 700; }
.of-yr.mis { background: var(--sx-a-wash); }
.of-yb { position: relative; height: 12px; } .of-yb::before { content: ""; position: absolute; left: 50%; top: -2px; bottom: -2px; width: 1px; background: var(--ix-grid2); }
.of-yb i { position: absolute; top: 0; bottom: 0; border-radius: 3px; } .of-yb i.up { background: rgba(74, 222, 128, .6); } .of-yb i.down { background: rgba(248, 113, 113, .6); }
@media (max-width: 760px) {
    .pl-cr, .pl-ar, .pl-ah { grid-template-columns: 36px minmax(0, 1fr) 96px; }
    .pl-fr { grid-template-columns: 60px minmax(0, 1fr) 76px; } .pl-fr > small { display: none; }
    .pl-dr { grid-template-columns: minmax(0, 1fr) 84px; } .pl-dr .ix-db { grid-column: 1 / -1; grid-row: 2; }
    .vl-og { grid-template-columns: 1fr; } .vl-ug { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vl-fr { grid-template-columns: 36px minmax(0, 1fr) 110px; } .vl-fr > span:last-child { display: none; }
    .vl-rr { grid-template-columns: 34px minmax(0, 1fr) 60px; } .vl-rc { gap: 1px; }
    .vl-tr { grid-template-columns: 90px minmax(0, 1fr) 60px; } .vl-tr > em { display: none; }
    .of-wr { grid-template-columns: 76px 56px minmax(0, 1fr) 66px; } .of-wr small { display: none; }
    .of-sh, .of-sr { grid-template-columns: 90px 44px minmax(0, 1fr) 54px; gap: 6px; } .of-sh { font-size: 11px; }
    .of-abg { grid-template-columns: 1fr; }
    .of-yr { grid-template-columns: 48px minmax(0, 1fr) 70px 54px; } .of-yr em { display: none; }
}

/* шапка подстраниц: текст слева не раздувается, ведомость шире */
.ind-page .page-content .hero .hero-text { flex: 0 1 440px; min-width: 0; }
.ix-hero-r { max-width: 980px; }
.ix-lg-r { grid-template-columns: 38px minmax(0, 1fr) 46px 58px 84px; gap: 6px; }

.ind-pg-ind-orderflow #ofFour td { padding: 14px 6px; }
@media (max-width: 760px) { .smi-rv small, .ix-rt-v small, .ix-rt-m small { white-space: normal; } }

/* ===================== ind-sentiment ===================== */
.se-big { display: flex; align-items: baseline; gap: 12px; }
.se-big b { font: 700 54px/1 var(--sx-f); text-shadow: 0 0 18px currentColor; } body.light .se-big b { text-shadow: none; }
.se-big span { font: 700 18px var(--sx-f); text-transform: uppercase; letter-spacing: .06em; }
.se-scale { position: relative; height: 18px; margin: 46px 0 6px; border-radius: 9px; background: linear-gradient(90deg, #f87171, #fb923c 25%, #facc15 50%, #a3e635 75%, #4ade80); }
.se-rng { position: absolute; top: -5px; bottom: -5px; border: 1px dashed var(--text-secondary); border-radius: 10px; background: rgba(255, 255, 255, .08); }
.se-now { position: absolute; top: -9px; width: 6px; height: 36px; margin-left: -3px; border-radius: 3px; background: var(--text-color); box-shadow: 0 0 12px var(--text-color); }
.se-m { position: absolute; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: rgba(0, 0, 0, .55); }
.se-m em { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); font: 600 12px/1.2 var(--sx-f); font-style: normal; color: var(--text-secondary); text-align: center; white-space: nowrap; }
.se-m em b { display: block; font-size: 13px; color: var(--text-color); }
.se-m:nth-child(3) em { bottom: auto; top: 22px; }
.se-zones { display: grid; grid-template-columns: 25% 20% 10% 20% 25%; margin-top: 26px; font: 600 12px var(--sx-f); color: var(--text-secondary); text-align: center; }
.se-ah, .se-ar { display: grid; grid-template-columns: 170px minmax(0, 1fr) 80px 80px; gap: 10px; align-items: center; }
.se-ah { padding: 0 4px 6px; font: 600 12.5px/1.3 var(--sx-f); color: var(--text-secondary); }
.se-ar { padding: 9px 4px; border-bottom: 1px dashed var(--mx-line); border-radius: 6px; font: 600 13px var(--sx-f); }
.se-ar small { display: block; font-size: 12.5px; font-weight: 500; color: var(--text-secondary); }
.se-ar.on { background: var(--sx-a-wash); box-shadow: inset 2px 0 0 var(--ix-beam); } .se-ar em { font-style: normal; color: var(--ix-beam); font-size: 12.5px; }
.se-cal { overflow-x: auto; }
.se-cm { display: grid; margin-left: 26px; font: 600 12px var(--sx-f); color: var(--text-secondary); min-width: 520px; }
.se-cw { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 4px; margin-top: 4px; min-width: 520px; }
.se-cd { display: grid; grid-template-rows: repeat(7, 1fr); font: 500 11px var(--sx-f); color: var(--text-secondary); }
.se-cg { display: grid; grid-auto-flow: column; grid-template-rows: repeat(7, 1fr); gap: 2px; }
.se-cg i { display: block; aspect-ratio: 1; border-radius: 2px; } .se-cg i.e { background: transparent; }
.se-cg i:hover { outline: 1px solid var(--text-color); }
.se-ck { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-size: 13px; color: var(--text-secondary); }
.se-ck i { width: 160px; height: 8px; border-radius: 4px; background: linear-gradient(90deg, #f87171, #facc15, #4ade80); }
.se-er { grid-template-columns: 90px minmax(0, 1fr) 64px 64px; }
.se-alw { margin-bottom: 8px; font-size: 14px; }
.se-alr { display: grid; grid-template-columns: 74px minmax(0, 1fr) 76px 76px; gap: 10px; align-items: center; padding: 8px 4px; border-bottom: 1px dashed var(--mx-line); border-radius: 6px; }
.se-alr:hover { background: var(--sx-a-wash); } .se-alr > b { font: 700 13px var(--sx-f); }
.se-alt { height: 40px; } .se-alt svg { height: 40px; }
.tr-sw-b i.mid { background: var(--ix-beam); }

/* ===================== ind-macro ===================== */
.ma-cv { width: 100%; height: auto; display: block; }
.ma-cv line { stroke: var(--ix-grid); } .ma-cv text { font: 500 13px var(--sx-f); fill: var(--text-secondary); }
.ma-cv polyline { fill: none; stroke-width: 1.8; } .ma-cv polyline.now { stroke-width: 3; filter: drop-shadow(0 0 4px rgba(250, 204, 21, .6)); }
.ma-cv text.v { font: 700 13.5px var(--sx-f); fill: var(--ix-beam); } .ma-cv text.l { font: 700 13px var(--sx-f); }
.ma-bd { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.ma-bt { display: flex; flex-direction: column; gap: 3px; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--mx-line); background: linear-gradient(var(--ix-grid) 1px, transparent 1px) 0 0 / 100% 18px, var(--ix-scr); }
body.light .ma-bt { background: linear-gradient(var(--ix-grid) 1px, transparent 1px) 0 0 / 100% 18px, #fff; }
.ma-bt > b { font: 700 13px var(--sx-f); letter-spacing: .08em; text-transform: uppercase; color: var(--text-secondary); }
.ma-bt > strong { font: 700 26px/1.1 var(--sx-f); color: var(--ix-beam); text-shadow: var(--ix-glow); }
.ma-bt > span { font: 500 13px var(--sx-f); color: var(--text-secondary); } .ma-bt em { font-style: normal; font-weight: 700; }
.ma-bp { position: relative; height: 6px; margin: 4px 0 1px; border-radius: 3px; background: linear-gradient(90deg, rgba(45, 212, 191, .35), rgba(250, 204, 21, .45)); }
.ma-bp i { position: absolute; top: -3px; width: 3px; height: 12px; margin-left: -1.5px; background: var(--text-color); border-radius: 2px; }
.ma-bt > small { font-size: 12.5px; color: var(--text-secondary); }
.ma-bt svg { height: 30px; margin-top: 4px; }
.ma-br { display: grid; grid-template-columns: 44px minmax(0, 1fr) 110px; gap: 10px; align-items: center; padding: 6px 4px; border-bottom: 1px dashed var(--mx-line); border-radius: 6px; }
.ma-br:hover { background: var(--sx-a-wash); } .ma-br > b { font: 700 13px var(--sx-f); }

/* ===================== ind-correlation ===================== */
.co-mx { display: grid; gap: 2px; font: 600 13px var(--sx-f); }
.co-mx > span { display: flex; align-items: center; justify-content: center; font-weight: 700; }
.co-mx > i { display: flex; align-items: center; justify-content: center; aspect-ratio: 1.25; border-radius: 4px; font-style: normal; color: var(--text-color); cursor: pointer; border: 1px solid var(--mx-line); }
.co-mx > i:hover { outline: 2px solid var(--ix-beam); z-index: 1; } .co-mx > i.d { cursor: default; color: var(--text-secondary); background: rgba(255, 255, 255, .03); }
.co-pp { gap: 8px; } .co-vs { font: 700 13px var(--sx-f); color: var(--text-secondary); }
.co-sc { width: 100%; height: auto; display: block; }
.co-sc line { stroke: var(--ix-grid2); } .co-sc line.rg { stroke: var(--ix-beam); stroke-width: 2.2; filter: drop-shadow(0 0 4px rgba(250, 204, 21, .6)); }
.co-sc circle { opacity: .7; } .co-sc text { font: 600 12.5px var(--sx-f); fill: var(--text-secondary); }
.co-br { display: grid; grid-template-columns: 90px minmax(0, 1fr) 110px; gap: 10px; align-items: center; padding: 7px 4px; border-bottom: 1px dashed var(--mx-line); border-radius: 6px; font: 600 13px var(--sx-f); }
.co-br:hover { background: var(--sx-a-wash); }
.co-bt { position: relative; height: 16px; border-radius: 8px; background: linear-gradient(90deg, rgba(45, 212, 191, .2), rgba(255, 255, 255, .03) 50%, rgba(250, 204, 21, .2)); }
.co-bt i { position: absolute; top: 3px; width: 10px; height: 10px; margin-left: -5px; border-radius: 50%; }
.co-bt i.z { left: 50%; top: -2px; width: 1px; height: 20px; margin: 0; border-radius: 0; background: var(--ix-grid2); }
.co-bt i.o { background: var(--text-secondary); } .co-bt i.n { background: var(--ix-beam); box-shadow: var(--ix-glow); z-index: 1; }
.co-bt i.ar { top: 7px; height: 2px; margin: 0; border-radius: 1px; background: var(--ix-beam); opacity: .5; }
.co-bt i.u { background: var(--ix-good); } .co-bt i.dn { background: var(--ix-bad); }
.co-bv { text-align: right; font-size: 13px; color: var(--text-secondary); } .co-bv b { color: var(--text-color); }
.co-lr { display: grid; grid-template-columns: 44px minmax(0, 1fr) 170px; gap: 10px; align-items: center; padding: 4px; border-radius: 6px; }
.co-lr:not(.co-lh):hover { background: var(--sx-a-wash); } .co-lr > b { font: 700 13px var(--sx-f); }
.co-lh { font: 600 12.5px var(--sx-f); color: var(--text-secondary); }
.co-lc { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.co-lc i { display: flex; align-items: center; justify-content: center; height: 26px; border-radius: 4px; font: 600 12.5px var(--sx-f); font-style: normal; color: var(--text-color); border: 1px solid var(--mx-line); }
.co-lh .co-lc i { height: auto; border: 0; color: var(--text-secondary); }
.co-lc i.z { border-color: var(--sx-b-line); } .co-lc i.b { outline: 2px solid var(--ix-beam); }
.co-lv { font: 600 13px var(--sx-f); color: var(--text-secondary); }
.co-fg { display: flex; flex-direction: column; gap: 6px; padding: 10px 12px; margin-bottom: 8px; border-radius: 10px; border: 1px solid var(--sx-b-line); background: var(--sx-b-wash); }
.co-fg > div { display: flex; flex-wrap: wrap; gap: 6px; } .co-fg small { font-size: 13px; color: var(--text-secondary); }
.co-fg.solo { display: inline-flex; margin-right: 6px; border-style: dashed; background: transparent; }
.co-dr { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) 100px; gap: 12px; align-items: center; padding: 9px 4px; border-bottom: 1px dashed var(--mx-line); }
.co-dr b { display: block; font: 700 13.5px var(--sx-f); } .co-dr small { font-size: 13px; color: var(--text-secondary); }
.co-db { height: 10px; border-radius: 5px; background: var(--mx-line); overflow: hidden; } .co-db i { display: block; height: 100%; background: linear-gradient(90deg, var(--ix-teal), var(--ix-beam)); }
@media (max-width: 760px) {
    .se-ah, .se-ar { grid-template-columns: 110px minmax(0, 1fr) 64px; } .se-ar > :nth-child(4), .se-ah > :nth-child(4) { display: none; }
    .se-zones { font-size: 10.5px; }
    .se-alr { grid-template-columns: 64px minmax(0, 1fr) 64px; } .se-alr > :nth-child(4) { display: none; }
    .ma-bd { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ma-bt > strong { font-size: 21px; }
    .co-mx { font-size: 10px; gap: 1px; } .co-mx > i { aspect-ratio: 1; border-radius: 2px; }
    .co-lr { grid-template-columns: 36px minmax(0, 1fr); } .co-lv { grid-column: 1 / -1; padding-left: 46px; } .co-lc i { font-size: 10.5px; }
    .co-br { grid-template-columns: 70px minmax(0, 1fr) 86px; font-size: 13px; }
    .co-dr { grid-template-columns: minmax(0, 1fr) 84px; } .co-db { grid-column: 1 / -1; grid-row: 2; }
}
/* настроение: календарь «месяц — строка», подписи шкалы на разных уровнях */
.se-cr { display: grid; grid-template-columns: 58px minmax(0, 1fr) 48px; gap: 8px; align-items: center; margin-bottom: 3px; font: 600 13px var(--sx-f); color: var(--text-secondary); }
.se-cr > b { text-align: right; font: 700 13px var(--sx-f); }
.se-cc { display: grid; grid-template-columns: repeat(31, 1fr); gap: 2px; }
.se-cc i { display: block; height: 15px; border-radius: 2px; } .se-cc i.e { background: rgba(148, 163, 184, .06); }
.se-cc i:hover { outline: 1px solid var(--text-color); }
.se-chd { font-size: 12px; } .se-chd .se-cc em { font-style: normal; }
.se-m.w em { bottom: 22px; top: auto; } .se-m.m em { top: 22px; bottom: auto; } .se-m.g em { bottom: 40px; top: auto; }
.se-m em { font-size: 12.5px; color: var(--text-color); }
.se-scale { margin-top: 62px; margin-bottom: 30px; }
.ma-br { padding: 4px 4px; } .ma-br .smi-rv small { display: none; }

/* ===================== ind-risk ===================== */
.rk-in { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 12px; }
.rk-in label { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; font: 600 13px var(--sx-f); color: var(--text-secondary); }
.rk-in input { width: 140px; padding: 7px 10px; border-radius: 8px; border: 1px solid var(--sx-b-line); background: var(--ix-scr); color: var(--text-color); font: 700 15px var(--sx-f); }
.rk-out { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.rk-out > div { padding: 10px 12px; border-radius: 10px; border: 1px solid var(--mx-line); background: var(--sx-b-wash); }
.rk-out small { display: block; font: 600 12.5px var(--sx-f); letter-spacing: .06em; text-transform: uppercase; color: var(--text-secondary); }
.rk-out b { display: block; margin: 2px 0; font: 700 22px var(--sx-f); color: var(--ix-beam); } .rk-out b.down { color: var(--ix-bad); }
.rk-out span { font-size: 13px; color: var(--text-secondary); }
.rk-hit { margin-top: 10px; padding: 9px 12px; border-radius: 9px; border: 1px dashed var(--mx-line-strong); font-size: 13px; color: var(--text-secondary); } .rk-hit b { color: var(--text-color); }
.rk-sc { width: 100%; height: auto; display: block; }
.rk-sc line { stroke: var(--ix-grid); } .rk-sc line.z { stroke: var(--ix-grid2); stroke-dasharray: 4 4; }
.rk-sc text { font: 500 12.5px var(--sx-f); fill: var(--text-secondary); } .rk-sc text.lb { font: 700 13px var(--sx-f); } .rk-sc text.ax { font-weight: 600; fill: var(--ix-teal); }
.rk-sc circle { stroke: var(--ix-scr); stroke-width: 2; }
.rk-vh, .rk-vr { display: grid; grid-template-columns: 40px minmax(0, 1fr) 70px 70px; gap: 10px; align-items: center; }
.rk-vh { padding: 0 4px 6px; font: 600 12.5px var(--sx-f); color: var(--text-secondary); } .rk-vh span:nth-child(n+3) { text-align: right; }
.rk-vr { padding: 6px 4px; border-bottom: 1px dashed var(--mx-line); border-radius: 6px; font: 600 13px var(--sx-f); } .rk-vr:hover { background: var(--sx-a-wash); }
.rk-vr > span:nth-child(n+3) { text-align: right; }
.rk-vt { position: relative; height: 14px; }
.rk-vt i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 0 4px 4px 0; } .rk-vt i.v1 { background: rgba(248, 113, 113, .25); } .rk-vt i.v5 { top: 3px; bottom: 3px; background: var(--ix-bad); }
.rk-wh { font: 600 12.5px var(--sx-f); color: var(--text-secondary); border-top: 0; } .rk-wh b { font-weight: 600; }
.rk-wh, .rk-wr { grid-template-columns: 90px 70px minmax(0, 1fr) minmax(0, 1fr); } .rk-wr > b, .rk-wh > b { text-align: right; }
.rk-sr { display: grid; grid-template-columns: 40px minmax(0, 1fr) 80px 90px; gap: 10px; align-items: center; padding: 6px 4px; border-bottom: 1px dashed var(--mx-line); border-radius: 6px; } .rk-sr:hover { background: var(--sx-a-wash); }
.rk-sr > b { font: 700 13px var(--sx-f); }
.rk-sd { display: flex; gap: 3px; } .rk-sd i { flex: 0 0 14px; height: 12px; border-radius: 3px; background: var(--mx-line-strong); } .rk-sd i.c { background: var(--ix-bad); box-shadow: 0 0 6px rgba(248, 113, 113, .5); }
.rk-th, .rk-tr { display: grid; grid-template-columns: 110px minmax(0, 1fr) minmax(0, 1fr); gap: 12px; align-items: center; }
.rk-th { padding-bottom: 6px; font: 600 12.5px var(--sx-f); color: var(--text-secondary); }
.rk-tr { padding: 10px 6px; border-bottom: 1px dashed var(--mx-line); border-radius: 6px; } .rk-tr.on { background: var(--sx-a-wash); box-shadow: inset 2px 0 0 var(--ix-beam); }
.rk-tr > span:first-child b { display: block; font: 700 14px var(--sx-f); } .rk-tr small { font-size: 12.5px; color: var(--text-secondary); }
.rk-tb { position: relative; height: 20px; border-radius: 5px; background: rgba(255, 255, 255, .04); } body.light .rk-tb { background: rgba(0, 0, 0, .05); }
.rk-tb i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 5px; background: rgba(248, 113, 113, .5); } .rk-tb.s i { background: rgba(74, 222, 128, .45); }
.rk-tb em { position: absolute; left: 8px; top: 2px; font: 700 13.5px var(--sx-f); font-style: normal; color: var(--text-color); }

/* ===================== ind-divergence ===================== */
.dv-h, .dv-r { grid-template-columns: 44px minmax(0, 1.6fr) 110px 64px 34px; }
.dv-r { cursor: pointer; } .dv-r.on { background: var(--sx-a-wash); box-shadow: inset 2px 0 0 var(--ix-beam); }
.dv-r > span:nth-child(3) { font: 500 13px var(--sx-f); color: var(--text-secondary); }
.dv-ct { margin-bottom: 8px; font: 600 13.5px var(--sx-f); color: var(--text-secondary); }
.dv-tr { display: grid; grid-template-columns: 110px minmax(0, 1fr) 48px; gap: 10px; align-items: center; padding: 8px 2px; border-bottom: 1px dashed var(--mx-line); font: 600 13px var(--sx-f); }
.dv-tr > b { text-align: right; }
.dv-tb { height: 14px; } .dv-tb i { display: block; height: 100%; border-radius: 0 4px 4px 0; background: linear-gradient(90deg, var(--ix-teal), var(--ix-beam)); }
.dv-tr.no .dv-tb i { background: var(--mx-line-strong); }
.dv-vs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }

/* ===================== screener ===================== */
.sc-pre { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.sc-pb { display: grid; grid-template-columns: minmax(0, 1fr) 30px; grid-template-rows: auto auto; column-gap: 8px; text-align: left; padding: 8px 10px; border-radius: 9px; border: 1px solid var(--mx-line); background: var(--ix-scr); color: var(--text-color); cursor: pointer; font-family: var(--sx-f); }
body.light .sc-pb { background: #fff; }
.sc-pb:hover { border-color: var(--sx-b-line); } .sc-pb.on { border-color: var(--ix-beam); background: var(--sx-a-wash); }
.sc-pb b { font: 700 13.5px var(--sx-f); } .sc-pb span { font-size: 12.5px; color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sc-pb em { grid-row: span 2; align-self: center; text-align: right; font: 700 18px var(--sx-f); font-style: normal; color: var(--ix-beam); }
.sc-fr { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 10px; align-items: center; padding: 7px 0; border-bottom: 1px dashed var(--mx-line); font: 600 13px var(--sx-f); color: var(--text-secondary); }
.sc-fr .sx-seg { flex-wrap: wrap; }
.sc-rs input { width: 64px; padding: 5px 8px; margin: 0 6px; border-radius: 7px; border: 1px solid var(--sx-b-line); background: var(--ix-scr); color: var(--text-color); font: 700 14px var(--sx-f); }
.sc-fa { display: flex; gap: 10px; margin-top: 10px; } .sc-fa .sx-more { margin: 0; }
.sc-tw { overflow-x: auto; }
.sc-t { width: 100%; border-collapse: collapse; font: 600 13px var(--sx-f); font-variant-numeric: tabular-nums; }
.sc-t th { padding: 6px 8px 8px; font-size: 12.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--text-secondary); text-align: right; cursor: pointer; white-space: nowrap; user-select: none; }
.sc-t th:first-child, .sc-t td:first-child { text-align: left; }
.sc-t th.on { color: var(--ix-beam); } .sc-t th:hover { color: var(--text-color); }
.sc-t td { padding: 9px 8px; border-top: 1px solid var(--mx-line); text-align: right; color: var(--text-color); white-space: nowrap; }
.sc-t td small { display: block; font-size: 12.5px; font-weight: 500; color: var(--text-secondary); }
.sc-t td.hot { color: #fb923c; } .sc-t td.cold { color: var(--ix-teal); } .sc-t td.b { color: var(--ix-beam); }
.sc-t tr.m td { background: rgba(74, 222, 128, .06); } .sc-t tr.m td:first-child { box-shadow: inset 3px 0 0 var(--ix-good); }
.sc-t tr.dim td { opacity: .55; }
.sc-t tr:hover td { background: var(--sx-a-wash); opacity: 1; }
.sc-per { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; } .sc-per small { color: var(--text-secondary); font-size: 12.5px; }
.sc-ar { display: grid; grid-template-columns: 44px minmax(0, 1fr) 90px; gap: 10px; align-items: center; padding: 7px 4px; border-bottom: 1px dashed var(--mx-line); border-radius: 6px; font: 600 13px var(--sx-f); } .sc-ar:hover { background: var(--sx-a-wash); }
.sc-ar > span:last-child { text-align: right; color: var(--text-secondary); }
.sc-ad { display: flex; gap: 4px; } .sc-ad i { flex: 1; max-width: 46px; height: 10px; border-radius: 3px; background: var(--mx-line-strong); } .sc-ad i.ok { background: var(--ix-good); }
.sc-tr { display: grid; grid-template-columns: 44px minmax(0, 1fr) 96px; gap: 8px; align-items: center; padding: 3px 2px; }
.sc-tr > b { font: 700 13px var(--sx-f); } .sc-tr > small { text-align: right; font-size: 13px; color: var(--text-secondary); }
.sc-tc { display: grid; grid-template-columns: repeat(120, 1fr); height: 18px; border-radius: 4px; overflow: hidden; border: 1px solid var(--mx-line); }
.sc-tc i { display: block; } .sc-tc i.m { background: var(--ix-beam); box-shadow: 0 0 4px rgba(250, 204, 21, .6); }
.sc-sv { display: flex; gap: 8px; margin-bottom: 10px; } .sc-sv input { flex: 1; min-width: 0; padding: 7px 10px; border-radius: 8px; border: 1px solid var(--sx-b-line); background: var(--ix-scr); color: var(--text-color); font: 600 13px var(--sx-f); } .sc-sv .sx-more { margin: 0; width: auto; }
.sc-si { display: flex; gap: 6px; margin-bottom: 6px; }
.sc-sa { flex: 1; display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; border-radius: 8px; border: 1px solid var(--mx-line); background: transparent; color: var(--text-color); cursor: pointer; font-family: var(--sx-f); } .sc-sa:hover { border-color: var(--ix-beam); } .sc-sa small { color: var(--text-secondary); }
.sc-sd { width: 36px; border-radius: 8px; border: 1px solid var(--mx-line); background: transparent; color: var(--text-secondary); cursor: pointer; } .sc-sd:hover { color: var(--ix-bad); border-color: var(--ix-bad); }
.sc-bt tr[data-pre] { cursor: pointer; } .sc-bt tr[data-pre]:hover td { background: var(--sx-a-wash); }
@media (max-width: 760px) {
    .rk-out { grid-template-columns: 1fr 1fr; } .rk-out b { font-size: 17px; }
    .rk-vh, .rk-vr { grid-template-columns: 36px minmax(0, 1fr) 60px 60px; gap: 6px; }
    .rk-sr { grid-template-columns: 36px minmax(0, 1fr) 70px; } .rk-sr > :nth-child(4) { display: none; }
    .rk-th, .rk-tr { grid-template-columns: 76px minmax(0, 1fr) minmax(0, 1fr); gap: 6px; }
    .dv-h, .dv-r { grid-template-columns: 40px minmax(0, 1fr) 58px 22px; } .dv-r > span:nth-child(3), .dv-h > span:nth-child(3) { display: none; }
    .dv-vs { grid-template-columns: 1fr; }
    .sc-pre { grid-template-columns: 1fr; } .sc-fr { grid-template-columns: 1fr; gap: 4px; }
    .sc-tr { grid-template-columns: 36px minmax(0, 1fr) 70px; }
    .sc-fa { flex-direction: column; }
}
.sc-pb b, .sc-pb span { grid-column: 1; } .sc-pb em { grid-column: 2; grid-row: 1 / span 2; }
#scBest { overflow-x: auto; }
@media (max-width: 760px) { .sc-bt th:nth-child(2), .sc-bt td:nth-child(2), .sc-bt th:nth-child(5), .sc-bt td:nth-child(5) { display: none; } .sc-bt { font-size: 13px; } .sc-bt th { font-size: 11px; } }

/* ---------- всплывающее окошко раздела (вместо белого системного title) ---------- */
.ix-tip { position: fixed; z-index: 9999; left: 0; top: 0; display: none; pointer-events: none; min-width: 170px; max-width: 300px; padding: 10px 13px;
    border: 1px solid var(--ix-grid2); border-radius: 10px; background: rgba(4, 11, 11, .96); color: #e6f2ef;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .45), inset 0 0 14px rgba(45, 212, 191, .08); font: 500 13px/1.5 var(--sx-f, inherit); }
.ix-tip.on { display: block; }
.ix-tip-h { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 4px; }
.ix-tip-h b { font-size: 15px; } .ix-tip-h span { color: #9fb7b2; font-size: 13px; }
.ix-tip-n { font-size: 22px; font-weight: 800; line-height: 1.2; font-variant-numeric: tabular-nums; }
.ix-tip-n em { font-style: normal; font-size: 13px; font-weight: 700; margin-left: 4px; }
.ix-tip small { display: block; color: #9fb7b2; font-size: 13px; margin-bottom: 6px; }
.ix-tip-r { display: flex; justify-content: space-between; gap: 14px; border-top: 1px solid var(--ix-grid2); padding-top: 4px; margin-top: 4px; }
.ix-tip-r span { color: #9fb7b2; } .ix-tip-r b { font-variant-numeric: tabular-nums; }
.ix-tip b.up { color: var(--ix-good); } .ix-tip b.down { color: var(--ix-bad); }
body.light .ix-tip { background: rgba(255, 255, 255, .98); color: #13201e; box-shadow: 0 12px 30px rgba(0, 0, 0, .16); }
body.light .ix-tip-h span, body.light .ix-tip small, body.light .ix-tip-r span { color: #4b5f5b; }
.mo-hc i:hover { outline: 2px solid var(--ix-beam); outline-offset: 0; position: relative; z-index: 1; }

/* 13.10.2026: свой фон «Осциллографа» вместо голубого+оранжевого (от Статистики) и золотого сияния.
   Одна гамма: тёмный бирюзовый экран + бирюзовый свет сверху + слабый жёлтый луч снизу. Только стандартная тема. */
body.ind-page:not(.light):not(.mx-black) { --bg-color: #050b0b; --bg-gradient: none; background: #050b0b; }
body.ind-page:not(.light)::before { background: radial-gradient(60% 45% at 50% 0%, rgba(45, 212, 191, .12), transparent 70%), radial-gradient(45% 40% at 100% 100%, rgba(250, 204, 21, .06), transparent 70%); }
body.ind-page .mx-aurora::before { background: radial-gradient(closest-side, rgba(45, 212, 191, .11), transparent); }
body.ind-page .mx-aurora::after { background: radial-gradient(closest-side, rgba(250, 204, 21, .06), transparent); }
body.ind-page:not(.light) .sx-card { background: linear-gradient(180deg, rgba(45, 212, 191, .04), transparent 40%), rgba(220, 255, 250, .025); border-color: rgba(45, 212, 191, .13); }
body.light.ind-page::before { background: radial-gradient(60% 45% at 50% 0%, rgba(15, 118, 110, .07), transparent 70%); }
/* 13.10.2026: телефон — «Ведомость сработок» в шапке: название правила шире, цифры и отметка узкими колонками */
@media (max-width: 760px) {
    .ix-ledger .ix-lg-r { grid-template-columns: 38px minmax(0, 1fr) 58px 34px !important; gap: 8px; }
    .ix-ledger .ix-lg-d { display: none !important; }
    .ix-ledger .ix-lg-h { letter-spacing: .08em; flex-wrap: wrap; }
}