/* Coding Agent product tool result renderer */

.coding-tool-result-renderer {
  display: grid !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.coding-tool-result-head,
.coding-tool-result-block,
.coding-tool-result-diff-file {
  min-width: 0 !important;
  border: 1px solid rgba(255,255,255,.74) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.62) !important;
}

.coding-tool-result-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 12px !important;
}

.coding-tool-result-block {
  display: grid !important;
  gap: 8px !important;
  padding: 12px !important;
  border-left: 4px solid rgba(0,113,227,.58) !important;
}

.coding-tool-result-block[data-level="warning"],
.coding-tool-result-block[data-render-block-kind="warning"] {
  border-left-color: #ff9f0a !important;
}

.coding-tool-result-block[data-level="error"],
.coding-tool-result-block[data-render-block-kind="error"] {
  border-left-color: #ff453a !important;
}

.coding-tool-result-block[data-render-block-kind="approval"] {
  border-left-color: #bf5af2 !important;
}

.coding-tool-result-blocks,
.coding-tool-result-diff-list,
.coding-tool-result-actions,
.coding-tool-result-meta {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.coding-tool-result-block-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
}

.coding-tool-result-head strong,
.coding-tool-result-block-head strong,
.coding-tool-result-diff-file strong {
  min-width: 0 !important;
  color: var(--ink) !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere !important;
}

.coding-tool-result-renderer p,
.coding-tool-result-renderer small,
.coding-tool-result-renderer li,
.coding-tool-result-head span,
.coding-tool-result-block-head span,
.coding-tool-result-diff-file span,
.coding-tool-result-meta span,
.coding-tool-result-actions span {
  min-width: 0 !important;
  color: var(--muted) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}

.coding-tool-result-table-wrap {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: auto !important;
}

.coding-tool-result-table-wrap table {
  width: 100% !important;
  min-width: 340px !important;
  border-collapse: collapse !important;
}

.coding-tool-result-table-wrap th,
.coding-tool-result-table-wrap td {
  padding: 7px 8px !important;
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
  color: var(--ink) !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  text-align: left !important;
  overflow-wrap: anywhere !important;
}

.coding-tool-result-table-wrap th[data-align="right"],
.coding-tool-result-table-wrap td[data-align="right"] {
  text-align: right !important;
}

.coding-tool-result-table-wrap th[data-align="center"],
.coding-tool-result-table-wrap td[data-align="center"] {
  text-align: center !important;
}

.coding-tool-result-diff-file {
  display: grid !important;
  gap: 6px !important;
  padding: 9px !important;
}

.coding-tool-result-diff-file pre {
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 8px !important;
  border-radius: 6px !important;
  background: rgba(0,0,0,.06) !important;
  color: var(--ink) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  overflow-x: auto !important;
  white-space: pre-wrap !important;
}

.coding-tool-result-actions {
  grid-template-columns: repeat(auto-fit, minmax(94px, 1fr)) !important;
}

.coding-tool-result-actions span,
.coding-tool-result-meta span {
  padding: 5px 7px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.74) !important;
}

.coding-tool-result-renderer ul {
  display: grid !important;
  gap: 4px !important;
  margin: 0 !important;
  padding-left: 16px !important;
}

@media (max-width: 720px) {
  .coding-tool-result-head,
  .coding-tool-result-block-head {
    grid-template-columns: 1fr !important;
  }

  .coding-tool-result-table-wrap table {
    min-width: 280px !important;
  }
}