/* Trade analyzer. Scoped under .ta* so it cannot reach the hub styles it sits
   beside. Uses the shared --bx-* tokens. */
.ta{display:grid;gap:18px}

.tapick{border:1px solid var(--bx-line2);border-radius:16px;background:var(--bx-1);padding:16px 17px}
.tapickhead{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}
.taseg{display:inline-flex;gap:4px;padding:3px;border:1px solid var(--bx-line2);border-radius:999px;background:var(--bx-0,#0a0c11)}
.taseg button{appearance:none;border:0;background:transparent;color:var(--bx-tx2);font:600 12px/1 inherit;padding:7px 13px;border-radius:999px;cursor:pointer}
.taseg button:hover{color:var(--bx-tx1)}
.taseg button.on{background:var(--bx-cy,#43E6FF);color:#06121a}
.tasegpos button{padding:7px 11px;font-family:var(--font-mono,ui-monospace,monospace);letter-spacing:.03em}

.tasearch{width:100%;box-sizing:border-box;padding:11px 14px;border:1px solid var(--bx-line2);border-radius:12px;background:var(--bx-0,#0a0c11);color:var(--bx-tx);font:400 14.5px/1.3 inherit}
.tasearch:focus{outline:2px solid var(--bx-cy,#43E6FF);outline-offset:1px}

.talist{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:4px}
.talist>li>button{width:100%;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:9px 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.talist>li>button:hover{border-color:var(--bx-line2);background:var(--bx-0,#0a0c11)}
.taempty{color:var(--bx-tx2);font-size:13.5px;padding:10px 11px}

.tapos{display:inline-block;min-width:34px;text-align:center;padding:4px 0;border-radius:6px;font:700 10.5px/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.05em;background:var(--bx-line);color:var(--bx-tx1)}
.tapos[data-pos="QB"]{background:rgba(67,230,255,.16);color:#7fe9ff}
.tapos[data-pos="RB"]{background:rgba(124,240,168,.16);color:#8ff0bb}
.tapos[data-pos="WR"]{background:rgba(255,170,90,.16);color:#ffc089}
.tapos[data-pos="TE"]{background:rgba(190,150,255,.18);color:#cbb0ff}

.taname{min-width:0;font-size:14.5px;color:var(--bx-tx);line-height:1.3}
.taname a{color:var(--bx-tx);text-decoration:none}
.taname a:hover{color:var(--bx-cy)}
.taname em{display:block;font-style:normal;font-size:11.5px;color:var(--bx-tx2);margin-top:2px}
.taval{font:700 15px/1 var(--font-mono,ui-monospace,monospace);color:var(--bx-tx1);white-space:nowrap}
.taval i{display:block;font:500 10.5px/1 var(--font-mono,ui-monospace,monospace);font-style:normal;color:var(--bx-tx2);margin-top:3px;text-align:right}

.taverdict{border:1px solid var(--bx-line2);border-radius:16px;padding:16px 18px;display:grid;gap:5px;background:var(--bx-1)}
.taverdict b{font-size:18px;color:var(--bx-tx)}
.taverdict span{font-size:13.5px;color:var(--bx-tx2);line-height:1.5}
.taverdict em{font:600 12.5px/1.4 var(--font-mono,ui-monospace,monospace);font-style:normal;color:var(--bx-tx1);margin-top:3px}
.taverdict.is-idle{opacity:.78}
.taverdict.is-even{border-color:rgba(124,240,168,.45)}
.taverdict.is-even b{color:#8ff0bb}
.taverdict.is-slight{border-color:rgba(67,230,255,.45)}
.taverdict.is-slight b{color:#7fe9ff}
.taverdict.is-clear{border-color:rgba(255,170,90,.5)}
.taverdict.is-clear b{color:#ffc089}
.taverdict.is-lopsided{border-color:rgba(255,105,120,.55)}
.taverdict.is-lopsided b{color:#ff8b98}

.tasides{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.taside{border:1px solid var(--bx-line2);border-radius:16px;background:var(--bx-1);padding:14px 15px;min-height:130px}
.tasidehead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid var(--bx-line)}
.tasidehead b{font:700 12px/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.06em;color:var(--bx-cy)}
.tasidehead span{font-size:11.5px;color:var(--bx-tx2);text-align:right}
.tarows{list-style:none;margin:0;padding:0}
.tarow{display:grid;grid-template-columns:38px 1fr auto 26px;align-items:center;gap:10px;padding:8px 0}
.tarow+.tarow{border-top:1px solid var(--bx-line)}
.tax{appearance:none;border:0;background:transparent;color:var(--bx-tx2);font-size:19px;line-height:1;cursor:pointer;padding:0 4px;border-radius:6px}
.tax:hover{color:#ff8b98;background:rgba(255,105,120,.12)}
.taplaceholder{color:var(--bx-tx2);font-size:13px;line-height:1.55;margin:8px 0 0}

.taclear{justify-self:start;appearance:none;border:1px solid var(--bx-line2);background:transparent;color:var(--bx-tx2);font:600 12.5px/1 inherit;padding:9px 15px;border-radius:999px;cursor:pointer}
.taclear:hover{color:var(--bx-tx);border-color:var(--bx-tx2)}

.tanote{font-size:12.5px;line-height:1.65;color:var(--bx-tx2);max-width:80ch;margin:0}
.tanote b{color:var(--bx-tx1)}

.tafaq{display:grid;gap:16px;max-width:82ch}
.tafaq h3{margin:0 0 5px;font-size:15px;font-weight:650;color:var(--bx-tx)}
.tafaq p{margin:0;font-size:13.5px;line-height:1.65;color:var(--bx-tx2)}

@media(max-width:700px){.tasides{grid-template-columns:1fr}.tapickhead{gap:8px}}