/* Auto-trendline panel under the Terminal chart (pairs with terminal-trendlines.js). Terminal only. */
#view-terminal .ttl-panel{margin:14px 22px 0;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--sh-1)}
.ttl-head{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.ttl-head h3{margin:0 0 4px;font-size:16px;letter-spacing:-.01em}
.ttl-head h3 small{margin-left:8px;font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ttl-head p{margin:0;font-size:12.5px;color:var(--muted)}
.ttl-head p b{color:var(--ink)}
.ttl-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--muted)}
.ttl-legend i.sw{display:inline-block;width:22px;height:0;border-top:3px solid;margin-right:6px;vertical-align:middle}
.ttl-legend i.res{border-color:#e5534b}.ttl-legend i.sup{border-color:#2ea66b}.ttl-legend i.cand{border-top-style:dashed;border-color:#8e99a8}
.ttl-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:12px}
.ttl-card{border:1px solid var(--line);border-radius:12px;background:var(--panel2,var(--panel));overflow:hidden}
.ttl-card.sec{opacity:.92}
.ttl-card>header{display:flex;gap:10px;align-items:center;padding:11px 14px;cursor:pointer}
.ttl-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.ttl-dot.res{background:#e5534b}.ttl-dot.sup{background:#2ea66b}
.ttl-t{flex:1;min-width:0}.ttl-t b{font-size:14px}.ttl-t small{display:block;margin-top:2px;font-size:11.5px;color:var(--muted)}
.ttl-tag{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:1px 8px;border-radius:999px;background:var(--chip);color:var(--muted);margin-left:6px}
.ttl-tag.cand{background:color-mix(in srgb,#d69324 18%,var(--panel));color:#a86b0a}
.ttl-score{text-align:right;line-height:1.1}.ttl-score b{font-size:24px;font-variant-numeric:tabular-nums}.ttl-score span{display:block;font-size:10.5px;color:var(--muted);font-weight:650;text-transform:uppercase;letter-spacing:.05em}
.ttl-score.exceptional b{color:var(--up)}.ttl-score.strong b{color:color-mix(in srgb,var(--up) 70%,var(--ink))}.ttl-score.watchlist b,.ttl-score.candidate b{color:#b8892b}.ttl-score.weak b{color:var(--down)}
.ttl-status{margin:0 14px 10px;padding:8px 12px;border-radius:10px;border-left:3px solid var(--line-strong);background:var(--chip);font-size:12.5px;line-height:1.45}
.ttl-status b{display:block;margin-bottom:2px}.ttl-status span{color:var(--muted)}
.ttl-status.ok{border-color:var(--up)}.ttl-status.warn{border-color:#d69324}.ttl-status.bad{border-color:var(--down)}
.ttl-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 14px;padding:0 14px 12px}
.ttl-facts span{display:block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:650}
.ttl-facts b{font-size:13px;font-variant-numeric:tabular-nums;word-break:break-word}
.ttl-body{display:none;padding:2px 14px 14px;border-top:1px solid var(--line)}
.ttl-card.open .ttl-body{display:block}
.ttl-card>header::after{content:'▾';color:var(--muted);transition:transform .15s}
.ttl-card:not(.open)>header::after{transform:rotate(-90deg)}
.ttl-body h4{margin:12px 0 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ttl-body h4 small{text-transform:none;letter-spacing:0;font-weight:500}
.ttl-fs{display:grid;gap:7px}
.ttl-f{display:grid;grid-template-columns:140px 1fr 34px;gap:2px 10px;align-items:center;font-size:12.5px}
.ttl-f>i{height:6px;border-radius:99px;background:var(--chip);overflow:hidden}.ttl-f>i b{display:block;height:100%;background:#b8892b;border-radius:99px}
.ttl-f em{font-style:normal;text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.ttl-f small{grid-column:2/4;font-size:11px;color:var(--muted);margin-top:-1px}
.ttl-f.na>i b{background:var(--line-strong)}.ttl-f.na em{color:var(--muted);font-weight:500}
.ttl-chk{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:12.5px}
.ttl-chk li::before{display:inline-block;width:20px;font-weight:800}
.ttl-chk li.ok::before{content:'✓';color:var(--up)}.ttl-chk li.no::before{content:'✗';color:var(--down)}.ttl-chk li.na::before{content:'–';color:var(--muted)}
.ttl-chk li.na{color:var(--muted)}
.ttl-note,.ttl-disc{font-size:11.5px;line-height:1.55;color:var(--muted)}
.ttl-disc{margin:12px 0 0}
.ttl-empty{padding:10px 2px;font-size:13px;color:var(--muted);line-height:1.5}
@media(max-width:900px){#view-terminal .ttl-panel{margin-left:14px;margin-right:14px}.ttl-cards{grid-template-columns:1fr}.ttl-f{grid-template-columns:110px 1fr 32px}}

/* ---- trade plans (entry / stop / targets) ---- */
.ttl-risk{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-weight:650}
.ttl-risk input{width:96px;padding:4px 8px;border:1px solid var(--line-strong);border-radius:8px;background:var(--input,var(--panel));color:var(--ink);font-size:12.5px;font-variant-numeric:tabular-nums}
.ttl-plans{display:grid;gap:8px;margin:0 14px 12px}
.ttl-plan{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:9px 11px}
.ttl-plan.far,.ttl-plan.late{background:transparent;border-style:dashed}
.ttl-plan.skip{opacity:.85}
.ttl-ph{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ttl-ph>b{font-size:13px}
.ttl-side{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:999px}
.ttl-side.long{background:color-mix(in srgb,var(--up) 16%,var(--panel));color:var(--up)}
.ttl-side.short{background:color-mix(in srgb,var(--down) 16%,var(--panel));color:var(--down)}
.ttl-chip{font-style:normal;font-size:10.5px;font-weight:700;padding:1px 9px;border-radius:999px;background:var(--chip);color:var(--muted);border:1px solid var(--line)}
.ttl-chip.live{background:color-mix(in srgb,var(--up) 16%,var(--panel));color:var(--up);border-color:color-mix(in srgb,var(--up) 40%,var(--line))}
.ttl-chip.wait{background:color-mix(in srgb,#d69324 14%,var(--panel));color:#a86b0a;border-color:color-mix(in srgb,#d69324 40%,var(--line))}
.ttl-chip.skip{background:color-mix(in srgb,var(--down) 12%,var(--panel));color:var(--down);border-color:color-mix(in srgb,var(--down) 35%,var(--line))}
.ttl-plot{margin-left:auto;border:1px solid var(--line-strong);background:var(--panel);color:var(--muted);border-radius:999px;padding:3px 12px;font-size:11.5px;font-weight:700;cursor:pointer}
.ttl-plot.on{background:var(--navy,#12305c);border-color:var(--navy,#12305c);color:#fff}
:root[data-theme="dark"] .ttl-plot.on{background:var(--blue,#6aa6ff);border-color:var(--blue,#6aa6ff);color:#06101f}
.ttl-why{margin:7px 0 0;font-size:12px;line-height:1.45;color:var(--muted)}
.ttl-why.skip{color:var(--down)}
.ttl-pg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 12px;margin:9px 0 4px}
.ttl-pg>div span{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:650}
.ttl-pg>div b{font-size:13.5px;font-variant-numeric:tabular-nums}
.ttl-pg>div small{display:block;font-size:11px;color:var(--muted)}
.ttl-pg>div small:nth-of-type(2){margin-top:-2px}
.ttl-pg .ttl-st b{color:var(--down)}
.ttl-tr,.ttl-pn{margin:5px 0 0;font-size:11.8px;line-height:1.45;color:var(--muted)}
.ttl-tr b{color:var(--ink);margin-right:6px;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.ttl-pn{color:#a86b0a}
.ttl-plan details summary{cursor:pointer;font-size:12px;color:var(--muted);margin-top:6px;line-height:1.45}
@media(max-width:900px){.ttl-pg{grid-template-columns:repeat(2,1fr)}}

.ttl-risk select{padding:4px 8px;border:1px solid var(--line-strong);border-radius:8px;background:var(--input,var(--panel));color:var(--ink);font-size:12.5px}

/* S/R zones panel (terminal-sr.js) reuses the .ttl-* card styles above */
.ttl-mini{border:1px solid var(--line-strong,var(--line));background:transparent;color:var(--muted);border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:600}
.ttl-mini:hover{color:var(--ink)}
.ttl-x{border:0;background:transparent;color:var(--muted);font-size:13px;padding:2px 6px;border-radius:6px}.ttl-x:hover{background:var(--chip);color:var(--down)}