/* thinking + tool calls, shown above the agent's bubble */
.thinking { align-self:flex-start; max-width:100%; font-size:12px; }
.tool { align-self:flex-start; max-width:100%; font-size:12px; }
.thinking summary {
  display:flex; align-items:center; gap:8px; padding:6px 10px; cursor:pointer; color:var(--text-2);
  min-height:32px; list-style:none;
}
.tool summary { display:flex; align-items:center; gap:8px; padding:6px 10px; cursor:pointer; color:var(--text-2); min-height:32px; list-style:none; }
.thinking pre {
  margin:0; padding:8px 10px 10px; white-space:pre-wrap; word-break:break-word; max-height:240px; overflow:auto;
  font-size:12px; color:var(--text-2);
}
.tool pre {
  margin:0; padding:8px 10px 10px; white-space:pre-wrap; word-break:break-word; max-height:240px; overflow:auto;
  font-size:12px; color:var(--text-2);
}
.thinking summary::-webkit-details-marker { display:none; }
.tool summary::-webkit-details-marker { display:none; }
.thinking summary::after {
  content:""; width:6px; height:6px; margin-left:auto; border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor; transform:rotate(-45deg); transition:transform .15s;
}
.tool summary::after {
  content:""; width:6px; height:6px; margin-left:auto; border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor; transform:rotate(-45deg); transition:transform .15s;
}
.pa .thinking { box-shadow:none; background:var(--ag-bg); border-radius:14px; }
.pa .tool { box-shadow:none; background:var(--ag-bg); border-radius:14px; }
.thinking[open] summary::after { transform:rotate(45deg); }
.tool[open] summary::after { transform:rotate(45deg); }
.tool.tool-error .tool-state { color:var(--tone-err-fg); }
.tool.tool-ok .tool-state { color:var(--tone-ok-fg); }
.tool-name { font-family:var(--mono); font-weight:500; color:var(--text); }
.tool-state { color:var(--muted); font-size:12px; }
.tool-line { color:var(--text); }
.tool-tech { margin:0; padding:6px 10px 0; font-size:12px; font-weight:600; color:var(--text-2); }