.metric-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.section-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.toast.bad { border-color: #7a3039; background: #35151b; }
.hidden { display: none !important; }
.diagnostic { margin-top: 20px; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; background: #020d14; }
.diagnostic-head, .diagnostic-row { display: grid; grid-template-columns: 110px 1fr auto; gap: 12px; align-items: center; padding: 12px 14px; border-bottom: 1px solid #0d2935; }
.diagnostic-head { grid-template-columns: 1fr auto; background: #082131; }
.diagnostic-row small { color: var(--muted); text-align: right; max-width: 680px; }
@media (max-width: 1200px) { .metric-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 650px) {
  .metric-grid { grid-template-columns: 1fr; }
  .section-actions { width: 100%; }
  .section-actions button { flex: 1; }
  .diagnostic-head, .diagnostic-row { grid-template-columns: 1fr; }
  .diagnostic-row small { text-align: left; }
}