.jstb_agent { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M14%206a9.3%209.3%200%200%200%201.516%20-.546c.911%20-.438%201.494%20-1.015%201.937%20-1.932c.207%20-.428%20.382%20-.928%20.547%20-1.522c.165%20.595%20.34%201.095%20.547%201.521c.443%20.918%201.026%201.495%201.937%201.933c.426%20.205%20.925%20.38%201.516%20.546a9.3%209.3%200%200%200%20-1.516%20.547c-.911%20.438%20-1.494%201.015%20-1.937%201.932a9%209%200%200%200%20-.547%201.521c-.165%20-.594%20-.34%20-1.095%20-.547%20-1.521c-.443%20-.918%20-1.026%20-1.494%20-1.937%20-1.932a9%209%200%200%200%20-1.516%20-.547%22/%3E%3Cpath%20d=%22M3%2014a21%2021%200%200%200%201.652%20-.532c2.542%20-.953%203.853%20-2.238%204.816%20-4.806a20%2020%200%200%200%20.532%20-1.662a20%2020%200%200%200%20.532%201.662c.963%202.567%202.275%203.853%204.816%204.806q%20.75%20.28%201.652%20.532a21%2021%200%200%200%20-1.652%20.532c-2.542%20.953%20-3.854%202.238%20-4.816%204.806a20%2020%200%200%200%20-.532%201.662a20%2020%200%200%200%20-.532%20-1.662c-.963%20-2.568%20-2.275%20-3.853%20-4.816%20-4.806a21%2021%200%200%200%20-1.652%20-.532%22/%3E%3C/svg%3E"); }
.agent-composer textarea { width: 100%; box-sizing: border-box; }
.agent-output { margin: .5em 0; }
.agent-output div.wiki pre { margin: 0; max-height: 45vh; overflow-y: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
.agent-output div.pre-wrapper a.copy-pre-content-link { display: block; inset-inline-end: 3px; }
.agent-waiting:not([hidden]) { display: flex; }
.agent-waiting { color: #888; align-items: center; gap: .5em; }
[data-agent-composer-target="run"] .agent-spinner { vertical-align: -2px; }
.agent-spinner[hidden] { display: none; }
.agent-spinner { display: inline-block; width: 14px; height: 14px; border: 2px solid #ddd; border-top-color: #169; border-radius: 50%; animation: agent-spin .8s linear infinite; }
@keyframes agent-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .agent-spinner { animation-duration: 2.4s; } }
.agent-thinking { color: #777; font-size: .9em; line-height: 1.5; white-space: pre-line; max-height: 9em; overflow-y: auto; margin: .5em 0; padding-inline-start: .75em; border-inline-start: 2px solid #ddd; }
.agent-thinking strong { color: #555; }
.agent-error { color: #c61a1a; }
.agent-connection-actions .icon { margin-left: .5em; }
.agent-test-result { margin-left: .5em; }
.agent-test-result.agent-ok { color: #1b7a1b; }
.agent-test-result.agent-fail { color: #c61a1a; }
.agent-form-error:empty { display: none; }
.agent-summary-box:empty { display: none; }
.agent-summary { margin: .5em 0 1em; padding: 10px; }
.agent-summary [hidden] { display: none !important; }
.agent-summary .contextual { margin: 0; opacity: 0; }
.agent-summary:hover .contextual, .agent-summary:focus-within .contextual { opacity: 1; }
.agent-summary-title { color: inherit; text-decoration: none; }
.agent-summary-title:hover { text-decoration: none; }
.agent-summary-title svg { margin-inline-end: .25em; }
.agent-summary-date { color: var(--oc-gray-6, #868e96); font-size: .85em; margin-inline-start: .5em; }
.agent-summary-text { margin-block-start: .5em; overflow-wrap: anywhere; }
.agent-summary.collapsed { display: flex; align-items: center; gap: .5em; }
.agent-summary.collapsed .agent-summary-date { display: none; }
.agent-summary.collapsed .contextual { order: 3; margin-inline-start: auto; float: none; }
.agent-summary.collapsed .agent-summary-title { flex: none; }
.agent-summary-line { display: none; }
.agent-summary.collapsed .agent-summary-text { display: none; }
.agent-summary.collapsed .agent-summary-line { display: block; flex: 1 1 0; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.agent-summary-working { display: flex; flex-wrap: wrap; align-items: center; gap: .5em; }
.agent-summary-preview { flex-basis: 100%; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--oc-gray-7, #495057); }

.agent-stats-tiles { display: flex; flex-wrap: wrap; gap: 12px; margin: 12px 0; }
.agent-stats-tile { flex: 1 1 160px; border: 1px solid var(--oc-gray-4, #ced4da); border-radius: 3px; padding: 8px 12px; }
.agent-stats-tile span { display: block; color: var(--oc-gray-6, #868e96); font-size: 0.9em; }
.agent-stats-tile strong { font-size: 1.6em; }
.agent-stats-chart { position: relative; max-width: 1000px; height: 300px; }
.agent-settings-actions { position: relative; height: 0; z-index: 1; }
.agent-settings-actions .contextual { position: absolute; inset-inline-end: 0; top: .3em; margin: 0; padding: 0; }
em.info.agent-inline { display: inline; }