.status-legend {
  margin-bottom: 10px;
}

.status-refresh-state {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  margin-bottom: 22px;
  padding: 11px 14px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--card);
  color: var(--muted);
  font-size: 12px;
  transition: border-color .2s, background .2s;
}

.status-refresh-state strong,
.status-refresh-state b {
  color: var(--ink);
}

.status-refresh-state.success {
  border-color: #9addc1;
  background: #effaf5;
}

.status-refresh-state.success strong {
  color: var(--green);
}

[data-theme="dark"] .status-refresh-state.success {
  border-color: #28785e;
  background: #17352d;
}

@media (max-width: 800px) {
  .status-refresh-state {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px 14px;
  }

  .status-refresh-state .health {
    grid-column: 1 / -1;
  }
}