/* ============================================================================
   ai-pages.css — подстраницы «ИИ-сигналов» (10.10.2026): Необычное, Компас, Точность, Вердикт, Спросить ИИ.
   Подключается после ai-sub.css (шкура «Нейрон»); здесь только блоки этих страниц.
   ============================================================================ */
.ai-page .mut { color: var(--ai-mute); }
body.ai-page { --f-vol: #a78bfa; --f-move: #f472b6; --f-sq: #fbbf24; --f-rsi: #fb923c; --f-der: #38bdf8; --f-liq: #34d399; }
body.light.ai-page { --f-vol: #7c3aed; --f-move: #db2777; --f-sq: #b45309; --f-rsi: #c2410c; --f-der: #0369a1; --f-liq: #047857; }
.an-sw { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 6px; vertical-align: 0; }
.an-sw.vol, .an-dot.vol { background: var(--f-vol); fill: var(--f-vol); } .an-sw.move, .an-dot.move { background: var(--f-move); fill: var(--f-move); }
.an-sw.sq, .an-dot.sq { background: var(--f-sq); fill: var(--f-sq); } .an-sw.rsi, .an-dot.rsi { background: var(--f-rsi); fill: var(--f-rsi); }
.an-sw.der, .an-dot.der { background: var(--f-der); fill: var(--f-der); } .an-sw.liq, .an-dot.liq { background: var(--f-liq); fill: var(--f-liq); }
.an-sw.on2 { background: var(--ai-ok); border-radius: 3px; } .an-sw.off2 { background: var(--ai-no); border-radius: 3px; } .an-sw.btc { background: var(--text-color); height: 3px; border-radius: 2px; vertical-align: 3px; }
.an-leg { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 12px; font-size: 13.5px; color: var(--text-secondary); }
.an-leg-s { margin-left: auto; }
.ai-lvl i { font-style: normal; opacity: .25; }
/* «канат»: две силы и узел */
.cm-rope { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: center; margin-bottom: 16px; font: 600 14px var(--sx-f); color: var(--text-secondary); }
.cm-rope b { font: 700 24px var(--sx-f); color: var(--text-color); }
.cm-rope .l b { color: var(--ai-no); } .cm-rope .r b { color: var(--ai-ok); }
.cm-rope-b { position: relative; display: flex; height: 16px; border-radius: 9px; overflow: hidden; background: var(--mx-line); }
.cm-rope-b i { display: block; height: 100%; }
.cm-rope-b i.off { background: linear-gradient(90deg, var(--ai-no), color-mix(in srgb, var(--ai-no) 40%, transparent)); }
.cm-rope-b i.on { background: linear-gradient(90deg, color-mix(in srgb, var(--ai-ok) 40%, transparent), var(--ai-ok)); }
.cm-rope-b u { position: absolute; top: 0; bottom: 0; width: 6px; margin-left: -3px; border-radius: 3px; background: var(--text-color); box-shadow: 0 0 0 2px var(--mx-surface); }
.cm-rg { display: inline-block; padding: 3px 10px; border-radius: 8px; font: 600 13.5px var(--sx-f); white-space: nowrap; }
.cm-rg.up { color: var(--ai-ok); background: color-mix(in srgb, var(--ai-ok) 13%, transparent); } .cm-rg.dn { color: var(--ai-no); background: color-mix(in srgb, var(--ai-no) 13%, transparent); }
.cm-rg.fl { color: var(--ai-mute); background: color-mix(in srgb, var(--ai-mute) 14%, transparent); } .cm-rg.un { color: var(--ai-warn); background: color-mix(in srgb, var(--ai-warn) 12%, transparent); }

/* ---------- необычное ---------- */
.an-pulse { display: flex; align-items: flex-end; gap: 3px; height: 74px; padding: 6px 0 2px; }
.an-pulse i { flex: 1; min-height: 3px; border-radius: 3px 3px 1px 1px; background: var(--mx-line); }
.an-pulse i.lv1 { background: color-mix(in srgb, var(--ai-v) 55%, transparent); } .an-pulse i.lv2 { background: var(--ai-v); } .an-pulse i.lv3 { background: var(--ai-warn); box-shadow: 0 0 8px var(--ai-warn); }
.an-pulse-x { display: flex; justify-content: space-between; font-size: 12px; color: var(--text-secondary); }
.an-seis { display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: 10px; }
.an-names b { display: flex; justify-content: space-between; align-items: center; height: 38px; font: 700 15px var(--sx-f); }
.an-names small { font: 600 12px var(--sx-f); color: var(--text-secondary); padding: 1px 7px; border-radius: 6px; background: var(--ai-wash); }
.an-plot svg { width: 100%; display: block; overflow: visible; }
.an-row { stroke: var(--mx-line); stroke-width: 1; vector-effect: non-scaling-stroke; }
.an-day { stroke: var(--mx-line); stroke-dasharray: 3 5; vector-effect: non-scaling-stroke; }
.an-dot { opacity: .85; stroke: var(--mx-surface); stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.an-dot:hover { opacity: 1; stroke: var(--text-color); }
.an-days { display: flex; justify-content: space-between; padding-top: 6px; font-size: 12.5px; color: var(--text-secondary); }
.an-feed { display: flex; flex-direction: column; max-height: 640px; overflow-y: auto; padding-right: 4px; }
.an-it { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 14px; padding: 12px 0; border-top: 1px dashed var(--mx-line); }
.an-it:first-child { border-top: 0; }
.an-it-a { display: flex; flex-direction: column; gap: 2px; } .an-it-a b { font: 700 17px var(--sx-f); } .an-it-a small { font-size: 13px; color: var(--text-secondary); }
.an-it h4 { margin: 0 0 6px; font: 700 16px var(--sx-f); display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.an-aft { margin-top: 6px; font-size: 14px; color: var(--text-secondary); } .an-aft b { font: 700 15px var(--sx-f); }
.an-near { display: flex; flex-direction: column; gap: 12px; }
.an-nr-t { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 8px; align-items: baseline; }
.an-nr-t b { font: 700 16px var(--sx-f); } .an-nr-t span { font-size: 14px; color: var(--text-secondary); } .an-nr-t em { font: 700 17px var(--sx-f); font-style: normal; font-variant-numeric: tabular-nums; }
.an-nr-b { position: relative; height: 10px; margin: 6px 0 4px; border-radius: 6px; background: var(--mx-line); }
.an-nr-b i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 6px; background: linear-gradient(90deg, color-mix(in srgb, var(--ai-v) 40%, transparent), var(--ai-v)); }
.an-nr.on .an-nr-b i { background: linear-gradient(90deg, var(--ai-v), var(--ai-warn)); box-shadow: 0 0 8px color-mix(in srgb, var(--ai-warn) 60%, transparent); }
.an-nr-b u { position: absolute; top: -4px; bottom: -4px; width: 2px; background: var(--text-color); }
.an-nr small { font-size: 13px; color: var(--text-secondary); } .an-nr.on small { color: var(--ai-warn); }
.an-after { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 14px; }
.an-af { display: flex; flex-direction: column; gap: 10px; padding: 16px 18px; border: 1px solid var(--mx-line); border-top: 3px solid var(--fc, var(--ai-v)); border-radius: 16px; background: var(--mx-surface); }
.an-af.fam-vol { --fc: var(--f-vol); } .an-af.fam-move { --fc: var(--f-move); } .an-af.fam-sq { --fc: var(--f-sq); } .an-af.fam-rsi { --fc: var(--f-rsi); }
.an-af header { display: flex; align-items: center; font: 700 17px var(--sx-f); } .an-af header small { margin-left: auto; font: 500 13px var(--sx-f); color: var(--text-secondary); }
.an-af-big b { display: block; font: 700 40px/1.05 var(--mx-f-display, Unbounded); color: var(--fc); }
.an-af-big span { font-size: 15px; font-weight: 600; }
.an-af-r { display: flex; justify-content: space-between; font-size: 14px; color: var(--text-secondary); } .an-af-r b { font: 700 15px var(--sx-f); }
.an-af-p { display: flex; flex-direction: column; gap: 3px; padding-top: 8px; border-top: 1px dashed var(--mx-line); font-size: 13.5px; }
.an-af-p span b { display: inline-block; width: 64px; font: 700 14px var(--sx-f); } .an-af-p small { color: var(--text-secondary); }
.an-af p { margin: 0; font-size: 14px; line-height: 1.45; color: var(--text-secondary); }

/* ---------- компас ---------- */
.cm-hero { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 18px; align-items: center; padding: 6px 0 0; }
.cm-big b { display: block; font: 700 52px/1 var(--mx-f-display, Unbounded); }
.cm-big span { font: 700 15px var(--sx-f); text-transform: uppercase; letter-spacing: .05em; }
.cm-big.on b, .cm-big.on span { color: var(--ai-ok); } .cm-big.off b, .cm-big.off span { color: var(--ai-no); } .cm-big.mid span { color: var(--ai-mute); }
.cm-wk small { font-size: 12.5px; color: var(--text-secondary); }
.cm-spark { width: 100%; height: 54px; display: block; }
.cm-spark .z { stroke: var(--text-secondary); stroke-dasharray: 3 4; opacity: .5; vector-effect: non-scaling-stroke; }
.cm-spark .a { fill: var(--ai-v); opacity: .15; } .cm-spark .l { fill: none; stroke: var(--ai-v); stroke-width: 2; vector-effect: non-scaling-stroke; }
.cm-parts { display: flex; flex-direction: column; gap: 2px; }
.cm-pt { display: grid; grid-template-columns: 150px minmax(0, 1fr) 46px 190px; gap: 12px; align-items: center; padding: 7px 0; border-top: 1px dashed var(--mx-line); }
.cm-pt > b { font: 700 15px var(--sx-f); } .cm-pt em { font: 700 17px var(--sx-f); font-style: normal; text-align: right; } .cm-pt small { font-size: 13.5px; color: var(--text-secondary); }
.cm-pt-b { position: relative; height: 14px; border-radius: 7px; background: var(--mx-line); }
.cm-pt-b::after { content: ""; position: absolute; left: 50%; top: -3px; bottom: -3px; width: 1px; background: var(--text-secondary); }
.cm-pt-b i { position: absolute; top: 0; bottom: 0; border-radius: 7px; } .cm-pt-b i.on { background: var(--ai-ok); } .cm-pt-b i.off { background: var(--ai-no); }
.cm-af { display: flex; flex-direction: column; gap: 10px; }
.cm-af-r { padding: 12px 14px; border: 1px solid var(--mx-line); border-radius: 12px; }
.cm-af-r.cur { border-color: var(--ai-v); background: var(--ai-wash); }
.cm-af-r header { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 8px; flex-wrap: wrap; } .cm-af-r header b { font: 700 16px var(--sx-f); } .cm-af-r header span { font-size: 13.5px; color: var(--text-secondary); }
.cm-af-r header i { font-style: normal; color: var(--ai-v2); font-weight: 700; } body.light .cm-af-r header i { color: var(--ai-v); }
.cm-af-c { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.cm-af-c div { display: flex; flex-direction: column; } .cm-af-c small { font-size: 12.5px; color: var(--text-secondary); } .cm-af-c b { font: 700 24px var(--sx-f); } .cm-af-c em { font-style: normal; font-size: 13px; color: var(--text-secondary); }
.cm-hc { position: relative; padding-right: 54px; }
.cm-hsvg { width: 100%; height: 280px; display: block; }
.cm-on { fill: var(--ai-ok); opacity: .45; } .cm-off { fill: var(--ai-no); opacity: .45; }
.cm-z { stroke: var(--text-secondary); stroke-dasharray: 4 4; vector-effect: non-scaling-stroke; }
.cm-btc { fill: none; stroke: var(--text-color); stroke-width: 1.6; opacity: .75; vector-effect: non-scaling-stroke; }
.cm-yl { position: absolute; right: 0; top: 0; bottom: 0; width: 48px; } .cm-yl span { position: absolute; right: 0; transform: translateY(-50%); font: 500 12.5px var(--sx-f); color: var(--text-secondary); }
.cm-ag { display: flex; flex-direction: column; gap: 4px; margin-bottom: 6px; }
.cm-ag-r { display: grid; grid-template-columns: 150px minmax(0, 1fr) 54px; gap: 12px; align-items: center; padding: 6px 0; }
.cm-ag-r > b { font: 700 15px var(--sx-f); } .cm-ag-r em { font: 700 16px var(--sx-f); font-style: normal; text-align: right; }
.cm-ag-b { position: relative; height: 12px; border-radius: 6px; background: linear-gradient(90deg, color-mix(in srgb, var(--ai-no) 35%, transparent), var(--mx-line) 50%, color-mix(in srgb, var(--ai-v) 35%, transparent)); }
.cm-ag-b u { position: absolute; left: 50%; top: -3px; bottom: -3px; width: 1px; background: var(--text-secondary); }
.cm-ag-b i { position: absolute; top: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; border-radius: 50%; border: 3px solid var(--mx-surface); }
.cm-ag-b i.neg { background: var(--ai-no); } .cm-ag-b i.pos { background: var(--ai-v); }
.cm-tag { display: inline-block; font: 600 11.5px var(--sx-f); font-style: normal; color: var(--ai-warn); border: 1px solid currentColor; border-radius: 6px; padding: 0 6px; margin-left: 4px; }
.cm-rt td { padding: 8px 10px; }

/* ---------- точность ---------- */
.ac-hr { display: grid; grid-template-columns: 170px minmax(0, 1fr) 54px 120px; gap: 10px; align-items: center; padding: 7px 0; border-top: 1px dashed var(--mx-line); }
.ac-hr > b { font: 700 14.5px var(--sx-f); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ac-prog { height: 8px; border-radius: 5px; background: var(--mx-line); overflow: hidden; } .ac-prog i { display: block; height: 100%; border-radius: 5px; min-width: 2px; }
.ac-hr em { font: 600 13px var(--sx-f); font-style: normal; color: var(--text-secondary); text-align: right; }
.ac-hw { font: 700 16px var(--sx-f); text-align: right; } .ac-hw small { font: 500 12px var(--sx-f); color: var(--text-secondary); }
.ac-fx, .ac-fr { display: grid; grid-template-columns: 240px minmax(0, 1fr) 230px; gap: 18px; align-items: center; }
.ac-axis { position: relative; height: 20px; } .ac-axis i { position: absolute; transform: translateX(-50%); font: 500 12.5px var(--sx-f); font-style: normal; color: var(--text-secondary); }
.ac-fr { padding: 10px 0; border-top: 1px dashed var(--mx-line); }
.ac-fr.dim { opacity: .7; } .ac-fr.base { background: repeating-linear-gradient(135deg, transparent 0 8px, rgba(148, 163, 184, .05) 8px 16px); }
.ac-fn b { display: block; font: 700 16px var(--sx-f); } .ac-fn small { font-size: 13px; color: var(--text-secondary); }
.ac-ft { position: relative; height: 26px; }
.ac-ft::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: var(--mx-line); }
.ac-ft u { position: absolute; top: -4px; bottom: -4px; width: 2px; margin-left: -1px; background: var(--text-secondary); opacity: .7; }
.ac-ci { position: absolute; top: 50%; height: 10px; margin-top: -5px; border-radius: 6px; opacity: .45; }
.ac-pt { position: absolute; top: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; border-radius: 50%; background: var(--mx-surface); border: 4px solid; }
.ac-none { position: absolute; left: 0; top: 50%; transform: translateY(-50%); padding: 0 8px; font-size: 13px; color: var(--text-secondary); background: var(--mx-surface); }
.ac-fv b { font: 700 22px var(--sx-f); margin-right: 8px; } .ac-fv small { font-size: 13px; color: var(--text-secondary); }
.ac-v { font-weight: 700; } .ac-v.ok { color: var(--ai-ok); } .ac-v.no { color: var(--ai-no); } .ac-v.mid { color: var(--ai-warn); } .ac-v.mut { color: var(--ai-mute); }
.ac-cf { display: flex; flex-direction: column; gap: 10px; }
.ac-cr { display: grid; grid-template-columns: 110px minmax(0, 1fr) 130px; gap: 12px; align-items: center; }
.ac-cr > b { font: 700 15px var(--sx-f); }
.ac-cb { position: relative; height: 26px; border-radius: 7px; background: var(--mx-line); overflow: hidden; }
.ac-cb i { display: block; height: 100%; background: color-mix(in srgb, var(--ai-v) 55%, transparent); border-radius: 7px; }
.ac-cb em { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font: 600 13.5px var(--sx-f); font-style: normal; }
.ac-cfact { text-align: right; font-size: 14px; color: var(--text-secondary); } .ac-cfact b { font: 700 18px var(--sx-f); }
.ac-dir { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 14px; }
.ac-d { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; border-radius: 14px; border: 1px solid var(--mx-line); }
.ac-d.l { background: color-mix(in srgb, var(--ai-ok) 6%, transparent); } .ac-d.s { background: color-mix(in srgb, var(--ai-no) 6%, transparent); }
.ac-d small { font: 700 14px var(--sx-f); } .ac-d.l small { color: var(--ai-ok); } .ac-d.s small { color: var(--ai-no); }
.ac-d b { font: 700 34px/1.1 var(--mx-f-display, Unbounded); } .ac-d em { font-style: normal; font-size: 13.5px; color: var(--text-secondary); } .ac-d span { font-size: 13.5px; }
.ac-labs { display: grid; grid-template-columns: repeat(auto-fill, minmax(460px, 1fr)); gap: 16px; }
.ac-lab { display: flex; flex-direction: column; gap: 10px; padding: 18px 20px; border: 1px solid var(--ai-line); border-radius: 16px; background: radial-gradient(circle at 0% 0%, rgba(167, 139, 250, .12), transparent 55%), var(--mx-surface); }
.ac-lab header { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; } .ac-lab header b { font: 700 19px var(--sx-f); } .ac-lab header small { flex-basis: 100%; font-size: 13px; color: var(--text-secondary); }
.ac-lab > p { margin: 0; font-size: 14.5px; line-height: 1.5; }
.ac-lr { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 8px; align-items: center; }
.ac-lr > i { color: var(--ai-v); }
.ac-lc { display: flex; flex-direction: column; padding: 10px 12px; border-radius: 12px; background: var(--ai-wash); }
.ac-lc small { font-size: 12px; color: var(--text-secondary); } .ac-lc b { font: 700 24px var(--sx-f); } .ac-lc em { font-style: normal; font-size: 12.5px; color: var(--text-secondary); }
.ac-lab footer { padding-top: 8px; border-top: 1px solid var(--mx-line); font-size: 14px; color: var(--text-secondary); } .ac-lab footer span { font-weight: 700; }

/* ---------- вердикт ---------- */
.vd-board { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 18px; padding: 4px 0; }
.vd-bd { display: grid; grid-template-columns: 60px minmax(0, 1fr) 46px; gap: 8px; align-items: center; padding: 5px 6px; border: 0; border-radius: 8px; background: none; color: inherit; cursor: pointer; text-align: left; font: inherit; }
.vd-bd:hover, .vd-bd.on { background: var(--ai-wash); } .vd-bd.on b { color: var(--ai-v2); } body.light .vd-bd.on b { color: var(--ai-v); }
.vd-bd b { font: 700 14px var(--sx-f); }
.vd-bd-b { position: relative; height: 10px; border-radius: 5px; background: var(--mx-line); }
.vd-bd-b::after { content: ""; position: absolute; left: 50%; top: -3px; bottom: -3px; width: 1px; background: var(--text-secondary); }
.vd-bd-b i { position: absolute; top: 0; bottom: 0; } .vd-bd-b i.s { right: 50%; background: var(--ai-no); border-radius: 5px 0 0 5px; } .vd-bd-b i.l { left: 50%; background: var(--ai-ok); border-radius: 0 5px 5px 0; }
.vd-bd em { display: flex; justify-content: space-between; font: 700 14px var(--sx-f); font-style: normal; }
.vd-pick { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px; }
.vd-p { position: relative; display: flex; flex-direction: column; gap: 1px; padding: 12px 14px; border: 1px solid var(--mx-line); border-radius: 14px; background: var(--mx-surface); color: inherit; cursor: pointer; text-align: left; font: inherit; }
.vd-p:hover { border-color: var(--ai-line); } .vd-p.on { border-color: var(--ai-v); background: radial-gradient(circle at 100% 0%, rgba(167, 139, 250, .2), transparent 60%), var(--mx-surface); box-shadow: 0 0 0 1px var(--ai-v); }
.vd-p b { font: 700 18px var(--sx-f); } .vd-p small { font-size: 13px; color: var(--text-secondary); } .vd-p em { font: 600 14px var(--sx-f); font-style: normal; }
.vd-star { position: absolute; right: 10px; top: 10px; color: var(--text-secondary); font-size: 15px; padding: 2px; }
.vd-star.on { color: var(--ai-warn); } .vd-star:hover { color: var(--ai-warn); }
.vd-ai { position: relative; display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 26px; padding: 24px 26px; border: 1px solid var(--vc, var(--ai-line)); border-radius: 18px; background: radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--vc, var(--ai-v)) 16%, transparent), transparent 55%), var(--mx-surface); }
.vd-ai.ok { --vc: var(--ai-ok); } .vd-ai.no { --vc: var(--ai-no); } .vd-ai.warn { --vc: var(--ai-warn); }
.vd-ai.vd-empty { grid-template-columns: minmax(0, 1fr) auto; align-items: center; --vc: var(--ai-v); }
.vd-empty b { font: 700 20px var(--sx-f); } .vd-empty p { margin: 6px 0 0; font-size: 15px; line-height: 1.5; color: var(--text-secondary); max-width: 760px; }
.vd-st { display: flex; flex-direction: column; gap: 6px; padding-right: 22px; border-right: 1px solid var(--mx-line); }
.vd-st > span { font-size: 30px; color: var(--vc); line-height: 1; }
.vd-st b { font: 700 46px/1 var(--mx-f-display, Unbounded); color: var(--vc); }
.vd-st em { font-style: normal; font-size: 14px; color: var(--text-secondary); }
.vd-conf { display: block; height: 8px; border-radius: 5px; background: var(--mx-line); overflow: hidden; } .vd-conf u { display: block; height: 100%; background: var(--vc); }
.vd-body h3 { margin: 0 0 8px; font: 700 22px var(--sx-f); }
.vd-body > p { margin: 0; font-size: 16.5px; line-height: 1.55; }
.vd-pc { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 16px; }
.vd-pc h5 { margin: 0 0 6px; font: 700 14px var(--sx-f); text-transform: uppercase; letter-spacing: .06em; }
.vd-pc div:first-child h5 { color: var(--ai-ok); } .vd-pc div:last-child h5 { color: var(--ai-no); }
.vd-pc p { margin: 0 0 6px; font-size: 14.5px; line-height: 1.45; padding-left: 12px; border-left: 2px solid var(--mx-line); }
.vd-watch { margin-top: 12px; padding: 10px 14px; border-radius: 10px; background: color-mix(in srgb, var(--ai-warn) 9%, transparent); font-size: 14.5px; } .vd-watch i { color: var(--ai-warn); margin-right: 6px; }
.vd-body footer { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--mx-line); font-size: 13.5px; color: var(--text-secondary); }
.vd-body footer .vd-ask { margin-left: auto; }
.vd-ask { padding: 11px 18px; border-radius: 12px; border: 0; background: var(--ai-v); color: #140f24; font: 700 15px var(--sx-f); cursor: pointer; white-space: nowrap; box-shadow: 0 0 18px rgba(167, 139, 250, .35); }
body.light .vd-ask { color: #fff; }
.vd-ask:disabled { background: var(--mx-line); color: var(--text-secondary); box-shadow: none; cursor: default; }
.vd-err { grid-column: 1 / -1; color: var(--ai-no); font-size: 14px; } .vd-err:empty { display: none; }
.vd-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.vd-cols h5 { margin: 0 0 6px; font: 700 15px var(--sx-f); }
.vd-v { display: flex; flex-direction: column; padding: 8px 0; border-top: 1px dashed var(--mx-line); }
.vd-v b { font: 700 15px var(--sx-f); } .vd-v small { font-size: 13px; color: var(--text-secondary); } .vd-v em { font-style: normal; font-size: 13.5px; }
.vd-nums { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.vd-nums div { display: flex; flex-direction: column; gap: 2px; padding: 9px 12px; border-radius: 10px; background: rgba(255, 255, 255, .03); }
body.light .vd-nums div { background: rgba(0, 0, 0, .03); }
.vd-nums small { font-size: 12.5px; color: var(--text-secondary); } .vd-nums b { font: 700 18px var(--sx-f); font-variant-numeric: tabular-nums; }
.vd-cr { margin-bottom: 14px; } .vd-cr-h { display: flex; gap: 12px; align-items: baseline; flex-wrap: wrap; margin-bottom: 8px; }
.vd-cr-h b { font: 700 15px var(--sx-f); } .vd-cr-h span { font: 700 17px var(--sx-f); } .vd-cr-h em { margin-left: auto; font-style: normal; font-size: 13px; color: var(--text-secondary); }
.vd-h5 { margin: 12px 0 6px; font: 700 13px var(--sx-f); text-transform: uppercase; letter-spacing: .08em; color: var(--text-secondary); }
.vd-an div { display: grid; grid-template-columns: 50px minmax(0, 1fr) auto; gap: 10px; padding: 6px 0; border-top: 1px dashed var(--mx-line); font-size: 14.5px; }
.vd-an span:first-child { color: var(--text-secondary); }
.vd-t { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: 10px; align-items: center; padding: 8px 0; border-top: 1px dashed var(--mx-line); font-size: 14px; }
.vd-t b { font: 700 15px var(--sx-f); } .vd-t span { color: var(--text-secondary); } .vd-t em { font: 700 15px var(--sx-f); font-style: normal; }
.vd-why { margin: 0 0 6px; font-size: 14px; line-height: 1.45; color: var(--text-secondary); font-style: italic; }

/* ---------- спросить ИИ ---------- */
.ch-lim { display: flex; align-items: baseline; gap: 12px; padding: 6px 0 4px; }
.ch-lim b { font: 700 46px/1 var(--mx-f-display, Unbounded); } .ch-lim b small { font: 600 18px var(--sx-f); color: var(--text-secondary); } .ch-lim span { font-size: 14px; color: var(--text-secondary); }
.ch-cells { display: grid; grid-template-columns: repeat(20, 1fr); gap: 3px; margin: 6px 0 4px; }
.ch-cells i { height: 14px; border-radius: 3px; background: var(--ai-v); box-shadow: 0 0 6px rgba(167, 139, 250, .4); }
.ch-cells i.u { background: var(--mx-line); box-shadow: none; }
.ch-box { display: flex; flex-direction: column; gap: 12px; }
.ch-log { display: flex; flex-direction: column; gap: 12px; min-height: 240px; max-height: 560px; overflow-y: auto; padding: 4px 4px 4px 0; }
.ch-q { align-self: flex-end; max-width: 78%; padding: 11px 16px; border-radius: 16px 16px 4px 16px; background: var(--ai-v); color: #140f24; font: 600 15.5px var(--sx-f); }
body.light .ch-q { color: #fff; }
.ch-a { align-self: flex-start; max-width: 90%; padding: 14px 18px; border-radius: 16px 16px 16px 4px; border: 1px solid var(--ai-line); background: var(--ai-wash); }
.ch-a p { margin: 0; font-size: 16px; line-height: 1.55; }
.ch-who { margin-bottom: 6px; font: 600 12.5px var(--sx-f); color: var(--text-secondary); text-transform: uppercase; letter-spacing: .06em; } .ch-who i { color: var(--ai-v); margin-right: 6px; }
.ch-c { color: var(--ai-ok); }
.ch-wait { color: var(--text-secondary); font-size: 15px; } .ch-err { border-color: color-mix(in srgb, var(--ai-no) 50%, transparent); color: var(--ai-no); font-size: 15px; }
.ch-nums { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.ch-nums span { display: flex; flex-direction: column; padding: 6px 12px; border-radius: 10px; background: var(--mx-surface); border: 1px solid var(--mx-line); }
.ch-nums small { font-size: 12px; color: var(--text-secondary); } .ch-nums b { font: 700 16px var(--sx-f); }
.ch-pg { display: flex; gap: 14px; margin-top: 10px; } .ch-pg a { font: 600 14px var(--sx-f); color: var(--ai-v2); text-decoration: none; } .ch-pg a i { margin-right: 6px; font-size: 12px; }
body.light .ch-pg a { color: var(--ai-v); }
.ch-form { display: flex; gap: 10px; }
.ch-form input { flex: 1; min-width: 0; padding: 14px 16px; border-radius: 14px; border: 1px solid var(--ai-line); background: var(--mx-surface); color: var(--text-color); font: 500 16px var(--sx-f); outline: none; }
.ch-form input:focus { border-color: var(--ai-v); box-shadow: 0 0 0 3px rgba(167, 139, 250, .2); }
.ch-form button { display: flex; align-items: center; gap: 8px; padding: 0 20px; border: 0; border-radius: 14px; background: var(--ai-v); color: #140f24; font: 700 15px var(--sx-f); cursor: pointer; }
body.light .ch-form button { color: #fff; }
.ch-sugg { display: flex; flex-wrap: wrap; gap: 8px; }
.ch-sugg button { padding: 8px 14px; border-radius: 20px; border: 1px solid var(--mx-line); background: transparent; color: var(--text-color); font: 500 14px var(--sx-f); cursor: pointer; }
.ch-sugg button:hover { border-color: var(--ai-v); background: var(--ai-wash); }
.ch-know { display: flex; flex-direction: column; gap: 4px; }
.ch-know div { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 2px 10px; padding: 10px 0; border-top: 1px dashed var(--mx-line); }
.ch-know div:first-child { border-top: 0; }
.ch-know i { grid-row: span 2; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--ai-wash); color: var(--ai-v); }
.ch-know b { font: 700 15px var(--sx-f); } .ch-know b em { font-style: normal; font-weight: 600; margin-left: 8px; color: var(--ai-v2); } body.light .ch-know b em { color: var(--ai-v); }
.ch-know small { font-size: 13px; color: var(--text-secondary); }
.ch-recent { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 14px; }
.ch-rc { display: flex; flex-direction: column; gap: 8px; padding: 16px 18px; border: 1px solid var(--mx-line); border-radius: 16px; background: var(--mx-surface); }
.ch-rq { align-self: flex-start; padding: 0; border: 0; background: none; color: var(--ai-v2); font: 700 16px var(--sx-f); text-align: left; cursor: pointer; } body.light .ch-rq { color: var(--ai-v); }
.ch-rq:hover { text-decoration: underline; }
.ch-rc p { margin: 0; font-size: 14.5px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.ch-rc footer { font-size: 12.5px; color: var(--text-secondary); }

@media (max-width: 1100px) {
    .ac-fx, .ac-fr { grid-template-columns: 190px minmax(0, 1fr) 190px; }
    .vd-ai { grid-template-columns: 1fr; } .vd-st { border-right: 0; padding-right: 0; border-bottom: 1px solid var(--mx-line); padding-bottom: 14px; }
}
@media (max-width: 700px) {
    .an-seis { grid-template-columns: 58px minmax(0, 1fr); } .an-names b { font-size: 13px; }
    .an-it { grid-template-columns: 1fr; gap: 4px; } .an-it-a { flex-direction: row; gap: 10px; align-items: center; }
    .an-af-big b { font-size: 32px; } .an-leg-s { margin-left: 0; }
    .cm-pt { grid-template-columns: 92px minmax(0, 1fr) 40px; } .cm-pt small { grid-column: 1 / -1; margin-top: -6px; } .cm-pt > b { font-size: 13.5px; }
    .cm-ag-r { grid-template-columns: 96px minmax(0, 1fr) 46px; } .cm-big b { font-size: 40px; } .cm-hsvg { height: 200px; }
    .ac-fx { display: none; } .ac-fr { grid-template-columns: 1fr; gap: 6px; }
    .ac-hr { grid-template-columns: 120px minmax(0, 1fr) 46px; } .ac-hw { grid-column: 1 / -1; text-align: left; }
    .ac-cr { grid-template-columns: 86px minmax(0, 1fr); } .ac-cfact { grid-column: 1 / -1; text-align: left; }
    .ac-labs { grid-template-columns: 1fr; } .ac-lr { grid-template-columns: 1fr; } .ac-lr > i { transform: rotate(90deg); justify-self: center; }
    .vd-board { grid-template-columns: 1fr; } .vd-pick { grid-template-columns: repeat(2, 1fr); } .vd-ai { padding: 18px; } .vd-ai.vd-empty { grid-template-columns: 1fr; }
    .vd-pc, .vd-cols { grid-template-columns: 1fr; } .vd-st b { font-size: 36px; }
    .ch-q, .ch-a { max-width: 100%; } .ch-recent { grid-template-columns: 1fr; } .ch-form button span { display: none; } .ch-lim b { font-size: 38px; }
}
.an-plot { position: relative; }
.an-pts { position: absolute; left: 0; right: 0; top: 0; }
.an-pts .an-dot { position: absolute; transform: translate(-50%, -50%); border-radius: 50%; border: 1.5px solid var(--mx-surface); opacity: .88; cursor: default; }
.an-pts .an-dot:hover { opacity: 1; border-color: var(--text-color); z-index: 2; }
.ai-page .fc-note a { color: var(--ai-v2); font-weight: 600; text-decoration: none; } .ai-page .fc-note a:hover { text-decoration: underline; } body.light.ai-page .fc-note a { color: var(--ai-v); }
.ch-warn { margin: 6px 0 2px; padding: 8px 12px; border-radius: 10px; background: color-mix(in srgb, var(--ai-warn) 10%, transparent); color: var(--ai-warn); font-size: 13.5px; line-height: 1.4; }