/* ═══════════════════════════════════════════════════════════════════
   OneHub · finance.css  —  computed Portfolio Analytics panel
   Theme-aware (dark + claude) via existing design tokens.
   ═══════════════════════════════════════════════════════════════════ */
#fin-analytics .fin-sub{font-family:'JetBrains Mono',monospace;font-size:.56rem;font-weight:400;
  letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-left:.5rem}

.fin-grid{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:stretch}
@media(max-width:680px){.fin-grid{grid-template-columns:1fr}}

/* donut */
.fin-donut-card{display:flex;flex-direction:column;align-items:center;gap:.7rem;
  padding:.4rem .8rem .2rem;min-width:170px}
.fin-donut{width:128px;height:128px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  transition:background .3s}
.fin-donut-hole{width:82px;height:82px;border-radius:50%;background:var(--card);
  display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .3s}
.fin-donut-v{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.05rem;letter-spacing:-.02em}
.fin-donut-l{font-family:'JetBrains Mono',monospace;font-size:.54rem;color:var(--muted);margin-top:.1rem}
.fin-legend{display:flex;flex-wrap:wrap;gap:.4rem .7rem;justify-content:center}
.fin-legend span{font-family:'JetBrains Mono',monospace;font-size:.6rem;color:var(--text-2);
  display:inline-flex;align-items:center;gap:.3rem}
.fin-legend i{width:8px;height:8px;border-radius:2px;display:inline-block}
.fin-legend .fin-empty{color:var(--muted)}

/* stat tiles */
.fin-tiles{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
@media(max-width:520px){.fin-tiles{grid-template-columns:1fr}}
.fin-tile{border:1px solid var(--border);border-radius:.6rem;padding:.7rem .8rem;
  display:flex;flex-direction:column;gap:.18rem;background:var(--bg2)}
.fin-k{font-family:'JetBrains Mono',monospace;font-size:.56rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted)}
.fin-v{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.45rem;
  letter-spacing:-.02em;line-height:1.05}
.fin-s{font-size:.62rem;color:var(--text-2)}
.fin-mover{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.72rem}
.fin-mover b{font-weight:600}