.mcp-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
}

.mcp-badge__icon {
  font-size: 10px;
  color: var(--accent);
  opacity: 0.7;
}

.mcp-badge__server {
  color: var(--accent);
  font-weight: 500;
}

.mcp-badge__sep {
  color: var(--island-text-muted);
  font-size: 10px;
}

.mcp-badge__tool {
  color: var(--island-text);
  font-weight: 500;
}

.mcp-badge__tool-only {
  font-weight: 500;
  color: var(--island-text);
}
