.credit-panel{border:1px solid color-mix(in srgb, var(--primary) 28%, transparent);background:var(--card);border-radius:1rem;padding:1.25rem}.credit-panel .credit-eyebrow{color:var(--muted-foreground);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:600}.credit-panel .credit-balance{color:var(--foreground);font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:2rem;font-weight:700}.credit-panel button,.credit-panel input,.credit-panel textarea{min-height:44px}.credit-history{border-top:1px solid var(--border);margin-top:1rem}.credit-history li{border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);justify-content:space-between;gap:1rem;padding:.9rem 0;font-size:.875rem;display:flex}.credit-history li>:first-child{overflow-wrap:anywhere;min-width:0}.credit-history time{color:var(--muted-foreground);margin-top:.25rem;font-size:.75rem;display:block}.credit-choice{border:1px solid var(--border);cursor:pointer;border-radius:.75rem;align-items:flex-start;gap:.8rem;padding:1rem;display:flex}.credit-choice:has(input:checked){border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent)}.credit-choice:has(input:disabled){cursor:not-allowed;opacity:.65}.credit-choice input{width:1.15rem;height:1.15rem;min-height:auto;accent-color:var(--primary);margin-top:.2rem}.credit-totals{font-variant-numeric:tabular-nums;gap:.6rem;margin-top:1rem;font-size:.875rem;display:grid}.credit-totals>div{justify-content:space-between;gap:1rem;display:flex}.credit-totals>div:last-child{border-top:1px solid var(--border);padding-top:.75rem;font-weight:600}
