.credits-page { display: grid; gap: 14px; }
.credits-card { display: grid; gap: 14px; padding: 18px; border: 1px solid var(--border-default); border-radius: var(--r-lg); background: var(--surface-1); box-shadow: var(--shadow-2); }
.credits-card h2 { margin: 0; font-size: var(--fs-title); }
.credits-banner { display: flex; align-items: center; justify-content: space-between; gap: 14px; border: 1px solid var(--border-default); background: var(--surface-2); color: var(--text-primary); }
.credits-banner p { margin: 4px 0 0; }
.credits-banner.credits-warning { border-color: color-mix(in srgb, var(--warning-solid) 45%, transparent); }
.credits-banner.credits-critical { border-color: color-mix(in srgb, var(--danger-solid) 50%, transparent); }
.credits-page .metric-grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); margin-bottom: 0; } /* con 1 o 2 cifras ocupan el ancho, no un tercio */