/* «Теханализ» (public/terminal/ta.js). Цвета и шрифты — только токены терминала (shared.css, tokens.css),
   поэтому раздел сам переходит на светлую, янтарную, графит и бумагу. Карточки — чуть мягче остального терминала:
   скругление 10px и тонкая подсветка сверху. */
.ta{display:flex;flex-direction:column;gap:12px;padding:12px 14px 18px;min-width:0}
.ta .up{color:var(--green)}.ta .dn{color:var(--red)}.ta .nt{color:var(--dim)}.ta .am{color:var(--amber)}.ta .dim{color:var(--dim)}
.ta-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ta-pick{position:relative;flex:0 1 330px;min-width:220px}
.ta-pick input{width:100%;height:32px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--tx);font:12.5px var(--mono);padding:0 11px;outline:none;transition:border-color .2s}
.ta-pick input:focus{border-color:var(--amber);box-shadow:0 0 0 3px var(--glow-soft)}
.ta-list{position:absolute;z-index:40;top:calc(100% + 4px);left:0;right:0;background:var(--panel);border:1px solid var(--line2);border-radius:8px;box-shadow:0 14px 32px rgba(0,0,0,.35);max-height:340px;overflow:auto;padding:4px}
.ta-opt{display:flex;flex-direction:column;padding:6px 9px;border-radius:6px;cursor:pointer}.ta-opt b{font-weight:600;font-size:12.5px}.ta-opt span{font:10.5px var(--mono);color:var(--dim)}
.ta-opt.on,.ta-opt:hover{background:var(--glow-soft)}
.ta-quick{display:flex;gap:5px;flex-wrap:wrap}
.ta-seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;padding:2px;gap:2px;background:var(--panel)}
.ta-seg button{background:none;border:0;color:var(--dim);font:600 11.5px var(--sans);padding:5px 11px;border-radius:6px;cursor:pointer}
.ta-seg button.on{background:var(--amber);color:#0b0d10}.ta-seg button:not(.on):hover{color:var(--tx)}
.ta-bar [data-tfs]{margin-left:auto}
.ta-body{min-width:0}
.ta-c{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 88%,var(--tx) 3%),var(--panel));border:1px solid var(--line);border-radius:10px;padding:13px 15px;min-width:0;position:relative}
.ta-c h4{font:600 10px var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--dim);margin:0 0 10px}
.ta-c h4:not(:first-child){margin-top:16px}
.ta-sub{color:var(--dim);font-size:11.5px;margin:-4px 0 10px}
.ta-note{color:var(--dim);font-size:10.5px;line-height:1.45;margin:10px 0 0}
.ta-pill{display:inline-flex;align-items:center;gap:5px;font:600 11px var(--sans);font-style:normal;padding:3px 10px;border-radius:99px;border:1px solid currentColor;width:max-content}
.ta-pill.up{color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent)}.ta-pill.dn{color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent)}.ta-pill.nt{color:var(--dim)}
/* сетка вида «Рейтинг» */
.ta-grid3{display:grid;grid-template-columns:minmax(270px,320px) minmax(0,1fr) minmax(280px,340px);grid-template-areas:"hero chart test" "fam sig test" "all all all";gap:12px;align-items:start}
.ta-hero{grid-area:hero}.ta-chart{grid-area:chart}.ta-test{grid-area:test}.ta-fam{grid-area:fam}.ta-sig{grid-area:sig}.ta-all{grid-area:all}
@media (max-width:1280px){.ta-grid3{grid-template-columns:minmax(260px,300px) minmax(0,1fr);grid-template-areas:"hero chart" "fam sig" "test test" "all all"}}
@media (max-width:760px){.ta-grid3{grid-template-columns:minmax(0,1fr);grid-template-areas:"hero" "chart" "sig" "fam" "test" "all"}.ta-bar [data-tfs]{margin-left:0}}
.ta-id{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.ta-id>div:first-child{display:flex;flex-direction:column;min-width:0}.ta-id b{font-size:15px;font-weight:600}.ta-id span{font:10.5px var(--mono);color:var(--dim)}
.ta-px{display:flex;flex-direction:column;align-items:flex-end;font-family:var(--mono)}.ta-px b{font-size:16px;font-weight:600}.ta-px span{font-size:11px}
.ta-px.sm b{font-size:13px}
.ta-gauge{position:relative;display:flex;justify-content:center;margin:6px 0 2px}
.ta-gv{position:absolute;top:44px;display:flex;flex-direction:column;align-items:center;gap:4px}
.ta-gv b{font:700 44px/1 var(--mono);letter-spacing:-2px}
.ta-lb{font:600 9.5px var(--mono);letter-spacing:1.3px;text-transform:uppercase;color:var(--dim)}
.ta-wk{font:10.5px var(--mono);color:var(--dim)}.ta-wk i{font-style:normal}
.ta-hz{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:-8px}
.ta-h{display:flex;flex-direction:column;align-items:flex-start;gap:1px;background:color-mix(in srgb,var(--bg) 60%,transparent);border:1px solid var(--line);border-radius:8px;padding:7px 8px;cursor:pointer;color:var(--tx);text-align:left;min-width:0}
.ta-h span{font:10px var(--sans);color:var(--dim)}.ta-h b{font:700 17px var(--mono)}.ta-h em{font-style:normal;font-size:10px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ta-h.on{border-color:var(--amber);background:var(--glow-soft)}.ta-h:hover{border-color:var(--line2)}
.ta-kv{display:flex;flex-direction:column;margin-top:12px}
.ta-kv>div{display:grid;grid-template-columns:100px auto 1fr;gap:8px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--line);font-size:12px}
.ta-kv span{color:var(--dim)}.ta-kv b{font-weight:600}.ta-kv i{font:10.5px var(--mono);font-style:normal;color:var(--dim);text-align:right}
/* график */
.ta-ch-h{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.ta-ch-h .chips{display:flex;gap:4px;flex-wrap:wrap}
.ta-tip{font:11px var(--mono);color:var(--dim);min-height:16px;margin-bottom:2px}.ta-tip b{color:var(--tx)}
.ta-plot{width:100%;min-height:300px}
.ta-ch{display:block;max-width:100%}
.ta-ch .ta-grid{stroke:var(--line);stroke-opacity:.7}
.ta-ch .ta-ax{fill:var(--dim);font:10px var(--mono)}
.ta-ch .ta-lv{font:9.5px var(--mono)}
.ta-ch .ta-lp{fill:var(--bg);font:700 10.5px var(--mono)}
.ta-ch .ta-sl{fill:var(--dim);font:10.5px var(--sans)}
.ta-ch .ta-u{fill:var(--green)}.ta-ch .ta-d{fill:var(--red)}.ta-ch .ta-ul{stroke:var(--green)}.ta-ch .ta-dl{stroke:var(--red)}
.ta-ch .ta-cu{fill:var(--green);fill-opacity:.13}.ta-ch .ta-cd{fill:var(--red);fill-opacity:.13}
.ta-ch .ta-bbf{fill:var(--blue);fill-opacity:.07}
.ta-ch .ta-band{fill:var(--violet);fill-opacity:.07}
.ta-ch .ta-hu{fill:var(--green);fill-opacity:.5}.ta-ch .ta-hd{fill:var(--red);fill-opacity:.5}.ta-ch .ta-vb{fill:var(--amber)}
.ta-ch .ta-xl{stroke:var(--dim);stroke-dasharray:3 3}
.ta-strip{display:flex;gap:1px;height:14px;margin:6px 58px 0 4px;border-radius:4px;overflow:hidden}
.ta-strip i{flex:1;background:var(--line)}.ta-strip i.u{background:var(--green)}.ta-strip i.d{background:var(--red)}.ta-strip i.n{background:var(--dim)}
.ta-leg{display:flex;gap:12px;flex-wrap:wrap;font-size:10.5px;color:var(--dim);margin-top:6px}
/* проверка на истории */
.ta-bars{display:flex;align-items:flex-end;gap:6px;height:150px;border-bottom:1px solid var(--line);padding-bottom:4px}
.ta-bk{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:3px;min-width:0}
.ta-bk span{font:10.5px var(--mono)}.ta-bk i{width:100%;border-radius:5px 5px 2px 2px}.ta-bk i.u{background:linear-gradient(180deg,var(--green),color-mix(in srgb,var(--green) 25%,transparent))}.ta-bk i.d{background:linear-gradient(180deg,var(--red),color-mix(in srgb,var(--red) 25%,transparent))}
.ta-bk em{font-style:normal;font-size:9.5px;color:var(--dim);text-align:center;white-space:pre-line;line-height:1.15;min-height:22px}.ta-bk small{font:9.5px var(--mono);color:var(--dim)}
.ta-test .ta-pill{margin-top:10px;white-space:normal;width:auto;border-radius:8px;line-height:1.35}
.ta-tbl{width:100%;border-collapse:collapse;font-size:12px}
.ta-tbl th{font:600 9.5px var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--dim);text-align:left;padding:5px 6px;border-bottom:1px solid var(--line)}
.ta-tbl td{padding:6px;border-bottom:1px solid var(--line);vertical-align:top}
.ta-tbl td:nth-child(n+2){font-family:var(--mono)}
.ta-test .ta-tbl th:nth-child(n+2),.ta-test .ta-tbl td:nth-child(n+2){text-align:right}
.ta-tbl tr.ta-me td{color:var(--amber);font-weight:600}
.ta-chg>div{display:grid;grid-template-columns:10px 64px 1fr auto;gap:8px;align-items:center;padding:4px 0;font-size:12px}
.ta-chg i{width:7px;height:7px;border-radius:50%;background:currentColor}.ta-chg span{font:11px var(--mono);color:var(--dim)}.ta-chg b{font:600 12px var(--mono)}.ta-chg em{font-style:normal;font-size:11px}
/* семьи и сигналы */
.ta-fr{display:grid;grid-template-columns:96px 1fr 46px 56px;gap:10px;align-items:center;margin-bottom:9px;font-size:12px}
.ta-fb{height:8px;border-radius:99px;background:var(--line);position:relative}
.ta-fb:before{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--dim);opacity:.5}
.ta-fb i{position:absolute;top:0;bottom:0;border-radius:99px}.ta-fb i.u{background:var(--green);box-shadow:0 0 10px color-mix(in srgb,var(--green) 45%,transparent)}.ta-fb i.d{background:var(--red);box-shadow:0 0 10px color-mix(in srgb,var(--red) 45%,transparent)}
.ta-fr b{font:600 12px var(--mono);text-align:right}.ta-fr em{font:10px var(--mono);color:var(--dim);font-style:normal;text-align:right}
.ta-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:760px){.ta-two{grid-template-columns:1fr}}
.ta-s{display:grid;grid-template-columns:24px 1fr auto;gap:9px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line)}
.ta-s>i{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:10px;font-style:normal}
.ta-s>i.u{color:var(--green);background:color-mix(in srgb,var(--green) 13%,transparent)}.ta-s>i.d{color:var(--red);background:color-mix(in srgb,var(--red) 13%,transparent)}
.ta-s b{display:block;font-size:12px;font-weight:600}.ta-s span{display:block;font-size:10.5px;color:var(--dim)}.ta-s em{font:600 11.5px var(--mono);font-style:normal}
.ta-all{overflow-x:auto}
.ta-vb2{display:inline-block;width:90px;height:6px;border-radius:99px;background:var(--line);position:relative;vertical-align:middle}
.ta-vb2 i{position:absolute;top:0;bottom:0;border-radius:99px}.ta-vb2 i.u{background:var(--green)}.ta-vb2 i.d{background:var(--red)}
/* галерея */
.ta-gtop{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.ta-gtop .ta-sub{margin:0;flex:1}
.ta-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:12px}
@media (max-width:760px){.ta-gal{grid-template-columns:minmax(0,1fr)}}
.ta-gc{cursor:pointer;transition:border-color .2s}.ta-gc:hover{border-color:var(--line2)}
.ta-gh{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center}
.ta-gh>div:first-child{display:flex;flex-direction:column;min-width:0}.ta-gh>div:first-child b{font-weight:600}.ta-gh>div:first-child span{font:10px var(--mono);color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ta-x{background:none;border:0;color:var(--dim);font-size:16px;cursor:pointer;padding:0 2px}.ta-x:hover{color:var(--red)}
.ta-tags{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0 4px;align-items:center}
.ta-tags span{font:10.5px var(--sans);padding:2px 7px;border-radius:6px;border:1px solid var(--line);color:var(--tx)}.ta-tags i{font:10px var(--mono);color:var(--amber);font-style:normal;margin-left:auto}
.ta-gp{width:100%;min-height:230px}
.ta-why{font-size:11.5px;color:var(--dim);border-top:1px solid var(--line);padding-top:7px;margin:4px 0 0;line-height:1.4}
/* скринер */
.ta-stop{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:12px;margin-bottom:12px}
@media (max-width:760px){.ta-stop{grid-template-columns:minmax(0,1fr)}}
.ta-db{display:flex;gap:6px;align-items:flex-end;height:96px}
.ta-db>div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;height:100%}
.ta-db i{width:100%;border-radius:4px 4px 1px 1px}.ta-db i.u{background:var(--green)}.ta-db i.d{background:var(--red)}.ta-db i.n{background:var(--dim)}
.ta-db b{font:600 11px var(--mono)}.ta-db span{font-size:9.5px;color:var(--dim);text-align:center;line-height:1.1;min-height:22px}
.ta-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-content:center}
.ta-sum>div{display:flex;flex-direction:column;gap:2px}.ta-sum span{font-size:10.5px;color:var(--dim)}.ta-sum b{font:600 20px var(--mono)}.ta-sum b i{font-style:normal;font-size:12px}.ta-sum em{font-style:normal;font-size:11px;color:var(--dim)}
.ta-sum>div:last-child b{font-size:13px}
.ta-scan tr[data-s]{cursor:pointer}.ta-scan tr[data-s]:hover td{background:var(--glow-soft)}
.ta-scan tr.ta-ill td{opacity:.55}
.ta-rc{white-space:nowrap}
.ta-rb{display:inline-block;width:120px;height:7px;border-radius:99px;background:var(--line);position:relative;vertical-align:middle;margin-right:8px}
.ta-rb i{position:absolute;top:0;bottom:0;border-radius:99px}.ta-rb i.u{background:var(--green)}.ta-rb i.d{background:var(--red)}.ta-rb i.n{background:var(--dim)}
.ta-c:has(.ta-scan){overflow-x:auto}