.result-status-panel {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.result-status-card,
.result-flags-card {
  display: grid;
  gap: 7px;
  min-height: 104px;
  padding: 15px 16px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #0d1728;
}

.result-status-card > span,
.result-flags-card > span,
.result-status-card small,
.result-flags-card small { color: var(--muted); }

.result-status-card strong { align-self: end; font-size: 21px; }
.result-status-card.success { border-color: rgba(87, 210, 140, 0.42); }
.result-status-card.success strong { color: var(--ok); }
.result-status-card.error { border-color: rgba(255, 123, 123, 0.45); }
.result-status-card.error strong { color: var(--error); }
.result-status-card.warning { border-color: rgba(255, 209, 102, 0.45); }
.result-status-card.warning strong,
.result-status-card.processing strong { color: var(--warn); }

.result-flags-card div { display: flex; flex-wrap: wrap; gap: 7px; }
.result-flags-card strong {
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(255, 123, 123, 0.12);
  color: var(--error);
  font-size: 11px;
}
.result-flags-card.no-flags div::after { content: 'None'; color: var(--ok); font-weight: 700; }

@media (max-width: 760px) {
  .result-status-panel { grid-template-columns: 1fr; }
}