/* Tool-call card. Pending and running show a skeleton; failed shows copy. */

.chat-tool-call {
  display: grid;
  gap: var(--space-2);
  padding: 0.55rem 0.65rem;
  border: 1px dashed var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  color: var(--color-text-muted);
  font-size: var(--text-sm);
}

.chat-tool-call--running {
  border-style: solid;
  border-color: var(--color-brand-soft);
}

.chat-tool-call--failed {
  border-style: solid;
  border-color: var(--color-danger-border);
  color: var(--color-danger);
}

.chat-tool-call__label {
  font-weight: 600;
  color: var(--color-text);
}

.chat-tool-call__failure {
  margin: 0;
  font-size: var(--text-md);
}

.chat-tool-call__skeleton {
  display: grid;
  gap: var(--space-2);
}

.chat-tool-call__bone {
  display: block;
  height: 0.65rem;
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--color-text) 8%, transparent);
}

.chat-tool-call__bone--short {
  width: 40%;
}

.chat-tool-call__bone--long {
  width: 78%;
}