.ops-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.ops-grid article {
  display: grid;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfdf9;
  padding: 11px;
}

.ops-grid span {
  color: var(--muted);
  font-size: 0.85rem;
}

.ops-healthy {
  background: var(--brand-soft);
  color: var(--brand);
}

.ops-warning {
  background: #fff0d5;
  color: #8a5b00;
}

.ops-warnings {
  margin-bottom: 10px;
  border: 1px solid #e7c56a;
  border-radius: 8px;
  background: #fffbe8;
  padding: 10px;
}

.ops-warnings p,
.ops-logs p {
  margin-bottom: 6px;
}

.ops-logs {
  margin-top: 12px;
}

.ops-logs summary {
  cursor: pointer;
  color: var(--brand);
  font-weight: 900;
}

@media (max-width: 720px) {
  .ops-grid {
    grid-template-columns: 1fr;
  }
}