/* Processing status sits in document flow, immediately after its button. */
.processing-log-local {
  position: static;
  flex-basis: 100%;
  width: min(100%, 42rem);
  margin: 0.65rem 0;
  padding: 0.65rem 0.8rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--bg-elevated);
  color: var(--text);
  font-size: 0.9rem;
  box-shadow: none;
  /* Never thinner than a readable column, never wider than its parent:
     min() caps the floor at 100%, so this cannot overflow further than today. */
  min-width: min(100%, 16rem);
  overflow-wrap: normal;
  word-break: normal;
}

.processing-log-local > summary { cursor: pointer; font-weight: 700; }
.processing-log-explanation { margin-top: 0.4rem; line-height: 1.4; }
.processing-log-technical { margin-top: 0.5rem; color: var(--text-muted); font-size: 0.8rem; }
.processing-log-technical > summary { cursor: pointer; }
.processing-log-lines {
  max-height: 12rem;
  overflow: auto;
  padding: 0.4rem 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.75rem;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.processing-log-line + .processing-log-line { margin-top: 0.2rem; }
