/* ── Sparklines ──────────────────────────────────────────── */
.sparkline {
    display: inline-flex;
    align-items: flex-end;
    gap: 2px;
    height: 24px;
    width: 64px;
}
.spark-bar {
    display: inline-block;
    width: 8px;
    background: #0a66c2;
    border-radius: 2px 2px 0 0;
    min-height: 2px;
    opacity: .65;
}

/* ── Trend arrows ─────────────────────────────────────────── */
.trend-up   { color: #1f8a3d; }
.trend-down { color: #b91c1c; }
.trend-flat { color: #94a3b8; }