/* Shared by the customer assistant and Bot workspace. */
.chat-icon-button { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; min-height: 32px; padding: 0; border: 0; border-radius: var(--control-radius); background: transparent; color: var(--muted); cursor: pointer; flex: none; }
.chat-icon-button svg { width: 17px; height: 17px; }
.chat-icon-button:hover { color: var(--ink); background: var(--bg); }
.agent-transcript .chat-process-summary { border: 0; min-height: 28px; margin-bottom: 8px; }
.agent-transcript .chat-process-toggle { display: inline-flex; align-items: center; gap: 6px; border: 0; border-radius: 6px; background: transparent; min-height: 28px; padding: 4px 0; color: var(--muted); font: inherit; font-size: 12px; cursor: pointer; }
.agent-transcript .chat-process-toggle::after { content: ''; display: block; width: 6px; height: 6px; margin: 0 4px; border-right: 1.4px solid currentColor; border-bottom: 1.4px solid currentColor; transform: rotate(-45deg); transition: transform .15s; }
.agent-transcript .chat-process-toggle[aria-expanded="true"]::after { transform: rotate(45deg); }
.agent-transcript .chat-process-toggle:hover { color: var(--brand-dark); }
.agent-transcript .chat-process-time { font-size: 12px; color: var(--muted); }
.agent-transcript .chat-tool-group summary { font-size: 12px; }
.agent-transcript .chat-tool-group summary::before { content: ''; width: 14px; height: 14px; border: 1px solid var(--line-strong); border-radius: 4px; background: transparent; }
.agent-transcript .chat-tool-group.is-running summary::before { border-radius: 50%; border-top-color: var(--brand); animation: chat-tool-spin 1s linear infinite; }
.agent-transcript .chat-response-actions { display: flex; margin-top: 7px; }
.agent-transcript .chat-response-copy { display: inline-flex; align-items: center; gap: 5px; min-height: 28px; padding: 4px 6px; border: 0; border-radius: 6px; background: transparent; color: var(--muted); font: inherit; font-size: 11px; cursor: pointer; }
.agent-transcript .chat-response-copy svg { width: 13px; height: 13px; }
.agent-transcript .chat-response-copy:hover { color: var(--ink); background: var(--bg); }
.agent-transcript .chat-entry[data-phase="commentary"] { padding-left: 12px; border-left: 1px solid var(--line); }
.agent-transcript .chat-text pre { position: relative; }
@keyframes chat-tool-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .agent-transcript .chat-tool-group.is-running summary::before { animation: none; } }