.webhook-example {
  margin:8px 0 0;
  padding:12px;
  background:#f6f8f6;
  border-radius:12px;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  font-size:10px;
  line-height:1.5;
}
.ai-agent-list {
  display:grid;
  gap:12px;
}
.ai-agent-card {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-width:0;
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px;
}
.ai-agent-copy {
  display:grid;
  gap:4px;
  min-width:0;
}
.ai-agent-copy strong,.ai-agent-copy span,.ai-agent-copy p {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ai-agent-copy span,.ai-agent-copy p {
  font-size:10px;
  color:var(--muted);
}
.ai-agent-copy p {
  margin:2px 0 0;
}
.ai-agent-actions {
  display:flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
}
.ai-agent-actions .ghost-button {
  display:flex;
  align-items:center;
  gap:5px;
}
.ai-agent-actions svg {
  width:14px;
  height:14px;
}
