/* ORB Bot — page-specific styles. Reuses the shared war-* skin from
 * warrior.css; everything here is orb-* only. The war-* classes below are
 * only used as scoped parents, never restyled. */
#page-orb{background:var(--bg);color:var(--t1)}

/* Regime banner + index tape */
.orb-regime{display:flex;align-items:baseline;gap:12px;margin:0;padding:16px 18px;border-bottom:1px solid var(--border);background:linear-gradient(110deg,rgba(20,205,189,.08),transparent 60%)}
.orb-regime strong{font:600 22px 'DM Mono',monospace;color:var(--ink);letter-spacing:-.02em}
.orb-regime-vol strong{color:var(--gold)}
.orb-tape{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--border);border-top:1px solid var(--border)}
.orb-tape>div{background:var(--card);padding:13px 18px}
.orb-tape span{display:block;color:var(--t3);font:800 9px 'DM Mono',monospace;letter-spacing:.09em}
.orb-tape strong{display:block;margin:6px 0 2px;font:600 16px 'DM Mono',monospace;color:var(--t1)}
.orb-tape small{font-size:10px;font-family:Inter,sans-serif;color:var(--t2)}

/* WHY THIS TRADE? explainer */
.orb-why-panel{border-color:rgba(180,140,255,.4)}
#orbWhy{padding:4px 18px 16px}
.orb-why-head{display:flex;align-items:center;gap:8px;padding:10px 0}
.orb-why-head b{font:600 18px 'DM Mono',monospace;color:var(--t1)}
.orb-why-text{margin:0 0 14px;font-size:13px;line-height:1.65;color:var(--t1);white-space:pre-line}
.orb-scorebars{display:grid;gap:8px;margin:0 0 14px}
.orb-scorebar{display:grid;grid-template-columns:170px 1fr 92px;gap:10px;align-items:center}
.orb-scorebar-label{font-size:11px;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orb-scorebar-track{position:relative;height:8px;background:var(--card2);border:1px solid var(--border)}
.orb-scorebar-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#8a5cf6,#5b8def)}
.orb-scorebar-value{text-align:right;font:600 11px 'DM Mono',monospace;color:var(--t1)}
.orb-why-news{margin:0;padding:10px 12px;border-left:2px solid var(--gold);background:rgba(180,140,255,.05);font-size:11px;line-height:1.6;color:var(--t2)}

/* Clickable candidate/position cards */
.orb-card{cursor:pointer}
.orb-card:hover{background:rgba(180,140,255,.055)}
.orb-card.is-selected{outline:1px solid var(--violet);outline-offset:-1px;background:rgba(180,140,255,.07)}

/* Journal tabs */
.orb-tabs{display:flex;gap:6px;padding-right:18px}
.orb-tab{cursor:pointer;background:transparent;border:1px solid var(--border);color:var(--t2);padding:8px 12px;font:800 10px 'DM Mono',monospace;letter-spacing:.08em}
.orb-tab.is-active{color:var(--violet);border-color:var(--violet)}

/* Backtest equity chart + breakdown */
.orb-equity{width:100%;height:120px;display:block;color:#8a5cf6;margin:4px 0 6px}
.orb-equity-summary{margin:0 0 8px;color:var(--t2)}
#orbBacktestDetail h4{color:var(--t1);margin:16px 0 8px;font-size:14px}
#orbBacktestDetail .orb-bt-wrap{margin-bottom:8px}

@media(max-width:620px){
  #page-orb .orb-regime{flex-direction:column;align-items:flex-start;gap:4px;padding:13px 14px}
  #page-orb .orb-tape>div{padding:10px 12px}
  #page-orb .orb-scorebar{grid-template-columns:110px 1fr 78px;gap:8px}
  #page-orb .orb-tabs{padding-right:12px;flex-wrap:wrap}
  #page-orb .orb-equity{height:88px}
}