/* ============================================
   Task Tool (sub-agent, v1.0.25 style)
   tool-output scrollable container size override
   ============================================ */

[data-component="tool-output"][data-scrollable]:has([data-component="task-tools"]) {
  max-height: 200px;
}

/* ============================================
   Background Process Tool
   ============================================ */

[data-component="background-process-details"] {
  overflow: hidden;
  margin-inline: -6px;
  width: calc(100% + 12px);
  border-radius: var(--radius-sm);
  background: var(--surface-tool-output-base);
}

[data-component="background-process-fields"] {
  display: grid;
  gap: 6px;
  padding: 8px 12px;
}

html[data-theme="kilo-vscode"]
  [data-component="tool-part-wrapper"][data-part-type="tool"]
  [data-component="background-process-details"]
  [data-component="tool-output"][data-variant="preview"] {
  width: auto;
  margin-inline: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

[data-component="background-process-fields"] + [data-component="tool-output"][data-variant="preview"] {
  border-top: 1px solid color-mix(in srgb, var(--border-weak-base) 70%, transparent);
}

[data-slot="background-process-field"] {
  display: grid;
  grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);
  gap: 8px;
  align-items: baseline;
  font-size: var(--kilo-font-size-12);
}

[data-slot="background-process-label"] {
  color: var(--text-weaker);
}

[data-slot="background-process-value"] {
  color: var(--text-weak);
  font-family: var(--font-family-mono);
  overflow-wrap: anywhere;
}

[data-slot="background-process-output"] {
  margin: 0;
  font: inherit;
  font-family: var(--font-family-mono);
  font-size: var(--kilo-font-size-12);
  line-height: var(--line-height-large);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
