/* Prime Buys AI v2: streaming answer, steps, charts */
.chat-message.is-streaming .message-time{opacity:.4}
.pb-stream-status{display:flex;align-items:center;gap:8px;font-size:.86em;color:var(--muted);margin:2px 0 8px}
.pb-stream-clock{margin-left:auto;font-variant-numeric:tabular-nums;opacity:.75}
.pb-spinner{width:12px;height:12px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:pbspin .8s linear infinite;flex:none}
@keyframes pbspin{to{transform:rotate(360deg)}}
.pb-steps{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.pb-step{font-size:.78em;line-height:1.3;padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--muted);white-space:nowrap}
.pb-step[data-state="start"]{border-color:var(--cyan,#7c4dff);color:var(--ink);animation:pbpulse 1.2s ease-in-out infinite}
.pb-step[data-state="done"]{color:#0f9f6e;border-color:rgba(16,185,129,.35)}
.pb-step[data-state="error"]{color:#d14343;border-color:rgba(209,67,67,.4)}
@keyframes pbpulse{50%{opacity:.55}}
.pb-steps-done{margin:0 0 8px;font-size:.82em;color:var(--muted)}
.pb-steps-done summary{cursor:pointer;list-style:none;display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid var(--line)}
.pb-steps-done summary::-webkit-details-marker{display:none}
.pb-steps-done[open] .pb-steps{margin-top:8px}
.pb-caret{display:inline-block;width:.5em;height:1.05em;margin-left:2px;vertical-align:-2px;background:var(--cyan,#7c4dff);animation:pbblink 1s steps(2) infinite}
@keyframes pbblink{50%{opacity:0}}
.pb-answer-meta{font-size:.72em;color:var(--muted);opacity:.8;margin-left:8px}
.pb-chart{margin:.9em 0;padding:12px 14px 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.pb-chart figcaption{font-weight:700;font-size:.92em;margin-bottom:8px}
.pb-chart svg{width:100%;height:auto;display:block;overflow:visible}
.pb-chart .pb-chart-label{font-size:12px;fill:currentColor}
.pb-chart .pb-chart-value{font-size:11px;fill:currentColor;opacity:.8;font-variant-numeric:tabular-nums}
.pb-chart .pb-chart-axis{font-size:10.5px;fill:currentColor;opacity:.7}
.pb-chart .pb-chart-grid{stroke:currentColor;opacity:.12}
.pb-chart .pb-chart-total{font-size:20px;font-weight:700;fill:currentColor}
.pb-chart rect,.pb-chart path,.pb-chart circle{transition:opacity .15s}
.pb-chart rect:hover,.pb-chart path:hover,.pb-chart circle:hover{opacity:.8}
.pb-chart-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;font-size:.82em}
.pb-chart-legend i,.pb-chart-pie-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.pb-chart-pie{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.pb-chart-pie svg{width:190px;flex:none}
.pb-chart-pie-legend{list-style:none;padding:0;margin:0;font-size:.86em;flex:1;min-width:180px}
.pb-chart-pie-legend li{display:flex;align-items:center;gap:4px;margin:4px 0}
.pb-chart-pie-legend b{margin-left:auto;font-weight:600;font-variant-numeric:tabular-nums}
.pb-chart-pending,.pb-chart-error{color:var(--muted);font-size:.88em}
.pb-v2-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:6px;font-size:.62em;font-weight:800;letter-spacing:.04em;vertical-align:2px;background:linear-gradient(135deg,#7c4dff,#14b8a6);color:#fff}
