/* Pair insights block (partials/insights-panel.php). Uses the site tokens from app.css, so light and dark follow the page. */
.ix-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.ix-card{display:flex;flex-direction:column;min-width:0}
.ix-card .card-h h3{margin:0;font-family:var(--fh);font-size:1rem;font-weight:700;color:var(--ink)}
.ix-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:14px;flex:1}
.ix-split{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--hair)}
.ix-bull{background:var(--up)}
.ix-bear{background:var(--dn)}
.ix-split-l{display:flex;justify-content:space-between;margin-top:-6px;font:600 .85rem/1.2 var(--fm)}
.ix-pos-t{color:var(--up)}
.ix-neg-t{color:var(--dn)}
.ix-kv{display:grid;gap:8px;margin:0}
.ix-kv div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--hair)}
.ix-kv div:last-child{padding-bottom:0;border-bottom:0}
.ix-kv dt{color:var(--muted);font-size:.9rem}
.ix-kv dd{margin:0;font-family:var(--fm);text-align:right;white-space:nowrap}
.ix-kv b{font-weight:600;color:var(--ink)}
.ix-of,.ix-kv small{color:var(--faint);font-size:.78rem}
.ix-trend{margin:0}
.ix-spark{display:block;width:100%;height:40px;overflow:visible}
.ix-spark polyline{fill:none;stroke:var(--brand-strong);stroke-width:1.75;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.ix-spark circle{fill:var(--brand-strong)}
.ix-zero{stroke:var(--line);stroke-dasharray:3 3;vector-effect:non-scaling-stroke}
.ix-trend figcaption{margin-top:4px;color:var(--faint);font-size:.78rem}
.ix-score{display:flex;align-items:center;gap:12px}
.ix-score b{font:700 2.25rem/1 var(--fm);color:var(--ink)}
.ix-score span{padding:3px 10px;border-radius:999px;background:var(--hair);color:var(--muted);font-size:.9rem;font-weight:600}
.ix-bullish b{color:var(--up)}
.ix-bullish span{background:var(--up-bg);color:var(--up)}
.ix-bearish b{color:var(--dn)}
.ix-bearish span{background:var(--dn-bg);color:var(--dn)}
.ix-gauge{position:relative;height:8px;margin:4px 7px;border-radius:999px;background:linear-gradient(90deg,var(--dn),var(--hair) 42%,var(--hair) 58%,var(--up))}
.ix-gauge-m{position:absolute;top:50%;width:14px;height:14px;border:3px solid var(--ink);border-radius:50%;background:var(--surface);transform:translate(-50%,-50%)}
.ix-bars{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.ix-bars li{display:grid;grid-template-columns:7.5rem 1fr 2.75rem;align-items:center;gap:10px;font-size:.88rem}
.ix-bl{color:var(--muted)}
.ix-track{position:relative;height:6px;border-radius:999px;background:var(--hair)}
.ix-signed::after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--line)}
.ix-fill{position:absolute;top:0;bottom:0;border-radius:999px;background:var(--faint)}
.ix-fill.ix-pos{background:var(--up)}
.ix-fill.ix-neg{background:var(--dn)}
.ix-bv{text-align:right;font:600 .85rem var(--fm);color:var(--ink)}
.ix-alerts{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.ix-alerts li{position:relative;padding-left:16px;font-size:.92rem;line-height:1.45;color:var(--ink)}
.ix-alerts li::before{content:"";position:absolute;left:0;top:.45em;width:8px;height:8px;border-radius:50%;background:var(--faint)}
.ix-alerts li.ix-al-up::before{background:var(--up)}
.ix-alerts li.ix-al-dn::before{background:var(--dn)}
.ix-alerts time{display:block;margin-bottom:2px;color:var(--faint);font:500 .78rem var(--fm)}
.ix-empty{margin:0;color:var(--muted);font-size:.92rem}
.ix-thin{margin:0;padding:10px 12px;border-radius:10px;background:var(--hair);color:var(--muted);font-size:.9rem;line-height:1.45}
.ix-note{margin:12px 0 0;color:var(--faint);font-size:.8rem}
@media (max-width:520px){.ix-bars li{grid-template-columns:6.5rem 1fr 2.5rem}.ix-body{padding:14px 16px 16px}}