/* ── Performance/resource diagnostics ─────────────────────────────────────── */ .resource-diagnostics-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 8px; } .resource-diagnostic-item { display: flex; flex-direction: column; gap: 3px; padding: 9px 10px; border: 1px solid var(--border); border-radius: 6px; background: var(--panel); } .resource-diagnostic-item span { color: var(--subtext); font-size: 11px; } .resource-diagnostic-item strong { font-size: 14px; } .resource-diagnostic-subhead { grid-column: 1 / -1; margin-top: 8px; color: var(--subtext); font-size: 12px; font-weight: 700; }