/* Valthrex Intelligence — scoped styles (all selectors prefixed .intel-).
   Reuses the design tokens from styles.css (black/gold, Space Mono + DM Sans). */

.intel-page { min-height:100vh; }
.intel-hidden { display:none !important; }

.intel-header { position:sticky; top:0; z-index:20; display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:12px 20px; background:rgba(10,8,6,.94); border-bottom:1px solid var(--b1); backdrop-filter:blur(8px); }
.intel-brand { display:flex; align-items:center; gap:10px; text-decoration:none; }
.intel-crest { width:34px; height:34px; object-fit:contain; }
.intel-brand-copy { display:flex; flex-direction:column; line-height:1.1; }
.intel-brand-name { font-family:var(--mono); font-weight:700; color:var(--t1); font-size:1rem; }
.intel-brand-tag { font-family:var(--mono); font-size:.66rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); }
.intel-shadow-badge { font-family:var(--mono); font-size:.66rem; letter-spacing:.12em; padding:4px 9px; border-radius:999px; border:1px solid rgba(240,207,140,.45); color:var(--gold); background:rgba(240,207,140,.08); }
.intel-nav { margin-left:auto; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.intel-nav a { color:var(--t2); text-decoration:none; font-size:.86rem; padding:6px 8px; }
.intel-nav a:hover { color:var(--t1); }
.intel-nav .btn:disabled { opacity:.45; cursor:not-allowed; }

.intel-loading { padding:60px 20px; text-align:center; color:var(--t3); font-family:var(--mono); font-size:.8rem; letter-spacing:.1em; }
.intel-main { max-width:1180px; margin:0 auto; padding:18px 16px 60px; display:flex; flex-direction:column; gap:18px; }
.intel-status { font-family:var(--mono); font-size:.72rem; color:var(--t3); min-height:1em; }
.intel-h2 { font-family:var(--mono); font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; color:var(--t2); margin-bottom:10px; cursor:default; }
details > summary.intel-h2 { cursor:pointer; margin-bottom:0; }
.intel-eyebrow { font-family:var(--mono); font-size:.68rem; letter-spacing:.16em; text-transform:uppercase; color:var(--t3); }
.intel-sub { font-family:var(--mono); font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; color:var(--t3); margin:14px 0 6px; }
.intel-muted { color:var(--t3); font-size:.82rem; }
.intel-why { color:var(--t2); font-size:.95rem; margin-top:6px; max-width:70ch; }
.intel-empty { color:var(--t2); padding:12px 0; }

.intel-chief { padding:22px 22px 18px; border-color:var(--b1); }
.intel-decision { font-family:var(--mono); font-size:clamp(1.6rem, 5vw, 2.4rem); font-weight:700; letter-spacing:.04em; margin-top:4px; }
.intel-meta { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:12px; align-items:center; font-size:.84rem; color:var(--t2); }
.intel-action { margin-top:14px; padding:10px 12px; border-radius:var(--rs); background:var(--bg3); border:1px solid var(--b2); color:var(--t2); font-size:.86rem; }

.intel-pill { display:inline-block; font-family:var(--mono); font-size:.7rem; letter-spacing:.06em; padding:2px 8px; border-radius:999px; border:1px solid var(--b2); color:var(--t2); background:var(--bg3); white-space:nowrap; }
.tone-neutral { color:var(--t1); }
.intel-pill.tone-neutral { color:var(--t2); }
.tone-info { color:#9cc3e6; }
.intel-pill.tone-info { border-color:rgba(156,195,230,.35); }
.tone-gold { color:var(--gold); }
.intel-pill.tone-gold { border-color:rgba(240,207,140,.45); }
.tone-good { color:var(--green); }
.intel-pill.tone-good { border-color:rgba(0,232,143,.35); }
.tone-warn { color:#f0a44a; }
.intel-pill.tone-warn { border-color:rgba(240,164,74,.45); }
.tone-danger { color:var(--red); }
.intel-pill.tone-danger { border-color:rgba(239,68,68,.45); }

.intel-tiles { display:grid; grid-template-columns:repeat(auto-fill, minmax(170px, 1fr)); gap:10px; }
.intel-tile { background:var(--bg2); border:1px solid var(--b2); border-radius:var(--r); padding:12px 14px; display:flex; flex-direction:column; gap:6px; min-width:0; }
.intel-tile-label { font-family:var(--mono); font-size:.64rem; letter-spacing:.12em; text-transform:uppercase; color:var(--t3); }
.intel-tile-value { font-family:var(--mono); font-weight:700; font-size:.92rem; overflow-wrap:anywhere; }
.intel-tile-foot { display:flex; gap:6px; flex-wrap:wrap; align-items:center; font-size:.74rem; color:var(--t3); }

.intel-list { list-style:none; display:flex; flex-direction:column; gap:4px; }
.intel-list li { color:var(--t2); font-size:.86rem; padding-left:12px; position:relative; overflow-wrap:anywhere; }
.intel-list li::before { content:''; position:absolute; left:0; top:.62em; width:4px; height:4px; border-radius:50%; background:var(--t3); }
.intel-list-warn li { color:#f0c38a; }
.intel-list-danger, .intel-list-danger li { color:#f3a3a3; }
.intel-qa { padding:10px 0; border-bottom:1px solid var(--b2); }
.intel-q { font-weight:600; color:var(--t1); font-size:.9rem; margin-bottom:4px; }
.intel-block[open] > summary { margin-bottom:10px; }

.intel-agent { background:var(--bg2); border:1px solid var(--b2); border-radius:var(--r); padding:10px 14px; margin-bottom:8px; }
.intel-agent > summary { cursor:pointer; display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; list-style:none; }
.intel-agent > summary::-webkit-details-marker { display:none; }
.intel-agent > summary::before { content:'▸'; color:var(--t3); font-size:.8rem; }
.intel-agent[open] > summary::before { content:'▾'; }
.intel-agent-name { font-weight:600; color:var(--t1); }
.intel-scores { display:flex; flex-wrap:wrap; gap:6px 14px; margin-top:8px; font-family:var(--mono); font-size:.7rem; color:var(--t2); }

.intel-table-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.intel-table { width:100%; border-collapse:collapse; font-size:.8rem; min-width:760px; }
.intel-table th { text-align:left; font-family:var(--mono); font-size:.62rem; letter-spacing:.1em; text-transform:uppercase; color:var(--t3); padding:6px 8px; border-bottom:1px solid var(--b1); }
.intel-table td { padding:6px 8px; border-bottom:1px solid var(--b2); color:var(--t2); vertical-align:top; overflow-wrap:anywhere; }
.intel-table td:first-child { color:var(--t1); }
.intel-table tr.dir-bullish td:first-child { box-shadow:inset 2px 0 0 var(--green); }
.intel-table tr.dir-bearish td:first-child { box-shadow:inset 2px 0 0 var(--red); }
.intel-table tr.dir-risk td:first-child { box-shadow:inset 2px 0 0 #f0a44a; }
.intel-table a { color:var(--gold); }

.intel-two { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.intel-tl-row { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; padding:5px 0; border-bottom:1px solid var(--b2); }
.intel-foot { color:var(--t3); font-size:.76rem; text-align:center; margin-top:10px; }

@media (max-width: 760px) {
  .intel-two { grid-template-columns:1fr; }
  .intel-header { padding:10px 16px; }
  .intel-nav { margin-left:0; width:100%; }
  .intel-chief { padding:16px; }
}