/* ═══════════════════════════════════════════════════════════════
   VIEW: CREDIT LINE
   Ported from the prototype: Kimi_Agent_Steelco ai/app/buyer.html
   ═══════════════════════════════════════════════════════════════ */

/* ─── credit ─── */
.credit-bar{position:relative;height:34px;border-radius:var(--radius-chip);overflow:hidden;background:var(--bg-alt);border:1px solid var(--border)}
html[data-theme="dark"] .credit-bar{background:var(--raised)}
.credit-used{
  position:absolute;inset-block:0;inset-inline-start:0;
  background:var(--grad-metal);
  border-inline-end:2px solid var(--n-600);
  transition:width .6s var(--ease);
}
.credit-scale{display:flex;justify-content:space-between;font-size:.75rem;color:var(--caption);margin-top:8px;font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.credit-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
@media (max-width:720px){.credit-stats{grid-template-columns:1fr}}
.credit-stat{border:1px solid var(--border);border-radius:var(--radius-card);padding:18px;background:var(--surface)}
.credit-stat .cs-label{font-size:.8125rem;color:var(--caption);margin-bottom:4px}
.credit-stat .cs-val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600;font-size:1.375rem;color:var(--heading);direction:ltr;text-align:start;display:block}