.offline-pill.is-offline {
  background: #fff0c6;
  color: #705100;
}

.sync-diagnostics {
  display: grid;
  gap: 3px;
  margin: 0 0 12px;
  padding: 11px 13px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #f3f8f5;
  color: var(--muted);
  font-size: 10px;
}

.sync-diagnostics strong {
  color: var(--green);
  font-size: 12px;
}

.sync-diagnostics .sync-error {
  color: #9d4a2d;
}