/* Host utilities used by recipes and showcases. Copy with component CSS; not a component. */

.sr-only {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.status-tag {
  background: var(--au-action-soft);
  border-radius: var(--au-radius-pill);
  color: var(--au-action);
  font: 11px/1 var(--au-font-mono);
  padding: 7px 9px;
}

.au-chat-thread,
.au-chat-message {
  min-width: 0;
}

.au-chat-thread__messages {
  gap: 24px;
}

.au-chat-message__body,
.au-tool-call__args,
.au-tool-call__output {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.au-tool-call__args,
.au-tool-call__output {
  white-space: pre-wrap;
}