/* 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;
}

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

/* Error log: Unresolved | Resolved filter */
nav.resolved-picks {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;

  a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-block-size: 2.75rem;
    padding-inline: 1rem;
    border: thin solid #d4dae4;
    border-radius: 0.375rem;
    background: #fff;
    color: #66738a;
    font-weight: 600;
    text-decoration: none;

    &:hover { background: #f3f5f8; }

    &[aria-current="true"] {
      background: #293241;
      border-color: #293241;
      color: #fff;
    }

    &:focus { outline: none; }

    &:focus-visible {
      outline: 0.08rem solid rgba(25, 118, 210, 0.45);
      outline-offset: 0.15em;
    }
  }
}

/* Monospace dump: Error log backtrace, context. */
.admin-log-dump {
  margin: 0;
  max-block-size: 40dvh;
  overflow: auto;
  padding: 0.75rem 1rem;
  border: thin solid #d4dae4;
  border-radius: 0.375rem;
  background: #f8f9fb;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.8125rem;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}


textarea.admin-autosize {
  inline-size: 100%;
  min-height: 10rem;
  max-height: 60vh;
  resize: vertical;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.85rem;
  line-height: 1.5;
}