/* Admin LLM / JsonField: keep long request/reply payloads on-screen. */
.app-container,
.main-content {
  min-inline-size: 0;
  max-inline-size: 100%;
}

.main-content__header .header-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.main-content__header .header-actions form.button_to {
  margin: 0;
}

.main-content__body,
.main-content__body dl,
.main-content__body fieldset,
.main-content__body table {
  max-inline-size: 100%;
  min-inline-size: 0;
}

.attribute-data,
.attribute-data--text,
.attribute-data--string {
  min-inline-size: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.attribute-data--json-field {
  min-inline-size: 0;
  overflow-x: auto;
}

.json-payload {
  display: block;
  max-inline-size: 100%;
  margin-block: 0;
  overflow-wrap: anywhere;
}

pre.json-payload {
  white-space: pre-wrap;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.8125rem;
}

pretty-json.json-payload {
  --font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-size: 0.8125rem;
  --indent: 1.25rem;
  --key-color: #0f3d6e;
  --string-color: #0b6b3a;
  --number-color: #1d4ed8;
  --boolean-color: #a21caf;
  --null-color: #66738a;
  --brace-color: #475569;
  --bracket-color: #475569;
}

.admin-copy-source {
  position: absolute;
  inset-inline-start: -9999px;
}