/* Durable run state sits beside the answer rather than inside its text. */
.pc-run-card { border: 1px solid var(--border); border-radius: 12px; padding: 14px 16px; margin-bottom: 12px; background: var(--surface); color: var(--text); font: 13px/1.5 var(--sans); }
.pc-run-card[hidden], .pc-run-card [hidden] { display: none !important; }
.pc-run-head { display: flex; align-items: baseline; gap: 8px 16px; justify-content: space-between; flex-wrap: wrap; }
.pc-run-label { min-width: 0; font-weight: 500; overflow-wrap: anywhere; }
.pc-run-elapsed { color: var(--text-3); font-size: 12px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pc-run-steps { display: flex; flex-wrap: wrap; gap: 6px 14px; padding: 0; margin: 10px 0 0; list-style: none; color: var(--text-3); font-size: 12px; }
.pc-run-steps [aria-current="step"] { color: var(--text); }
.pc-run-detail { margin: 9px 0 0; color: var(--text-2); overflow-wrap: anywhere; }
.pc-run-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.pc-run-actions button { min-height: 40px; background: var(--input); color: var(--text); padding: 8px 13px; border: 1px solid var(--border-strong); border-radius: 8px; font: 500 13px/1.5 var(--sans); cursor: pointer; }
.pc-run-actions button:disabled { cursor: wait; opacity: .65; }
.pc-run-card[data-state="complete"] { border: 0; padding: 0; background: transparent; color: var(--text-2); margin-bottom: 10px; }
.pc-run-card[data-state="complete"] .pc-run-label::before { content: "✓ "; }
.pc-run-card[data-state="error"] .pc-run-label::before, .pc-run-card[data-state="interrupted"] .pc-run-label::before { content: "! "; }
.bubble.pc-run-awaiting:empty { display: none; }
@media (max-width: 430px) { .pc-run-card { padding: 12px; } }
@media (pointer: coarse) { .pc-run-actions button { min-height: 44px; } }

.pc-failed-run .bubble { background: var(--surface); color: var(--text); border: 1px solid var(--border); border-radius: 12px; padding: 16px; white-space: pre-wrap; overflow-wrap: anywhere; }

.pc-run-card[data-state="error"], .pc-run-card[data-state="interrupted"] { border-color: var(--border-strong); }
.pc-run-card:is([data-state="error"], [data-state="interrupted"]) .pc-run-label { color: var(--warn); }
.pc-run-actions button:not(:disabled):hover { border-color: var(--text-2); }
.pc-run-actions button:focus-visible { outline: 2px solid var(--pc-focus, var(--text)); outline-offset: 3px; }
@media (max-width: 640px) { .pc-run-actions button { min-height: 44px; } }