/* Runs view — the run list and the run detail panel (CON-ADM-009).
   Linked from inside <main id="view-runs">; every rule is scoped to it so
   nothing here reaches another view. Tokens come from tokens.css. */

#view-runs .runrow{cursor:pointer}
#view-runs .runrow:hover{background:var(--surface-2)}
#view-runs .runspend{white-space:nowrap;font-variant-numeric:tabular-nums}
#view-runs .rp-fixture{color:var(--warn)}

#runpanel{max-width:64rem;max-height:calc(100vh - 2rem);padding:0;overflow:hidden}
#runpanel[open]{display:flex;flex-direction:column}
#runpanel .rp-head{margin:0;padding:.8rem 1.25rem;justify-content:space-between;gap:1rem}
#runpanel .rp-head h3{margin:0;overflow-wrap:anywhere}
#runpanel .rp-head button{font:inherit;font-size:.85rem;padding:.25rem .7rem;
  background:var(--btn-bg);color:var(--btn-fg)}
#rpcontent{overflow:auto;padding:0 1.25rem 1.25rem}

#runpanel .rp-sec{border-top:1px solid var(--line);padding:.7rem 0}
#runpanel .rp-sec:first-child{border-top:0}
#runpanel h4{margin:.1rem 0 .5rem;font-size:.72rem;text-transform:uppercase;
  letter-spacing:.06em;opacity:.75}
#runpanel h5{margin:.9rem 0 .3rem;font-size:.8rem}
#runpanel p{overflow-wrap:anywhere}

#runpanel .rp-why{border-left:3px solid var(--line);padding:.1rem .8rem;margin-bottom:.6rem}
#runpanel .rp-why.succeeded{border-left-color:var(--ok)}
#runpanel .rp-why.escalated,#runpanel .rp-why.awaiting_human,#runpanel .rp-why.waiting{border-left-color:var(--warn)}
#runpanel .rp-why.failed{border-left-color:var(--bad)}
#runpanel .rp-why p{margin:.3rem 0}
#runpanel .rp-outcome b{font-size:1rem}

#runpanel .rp-kv{display:grid;grid-template-columns:max-content 1fr;gap:.2rem .9rem;
  margin:.4rem 0 .6rem;font-size:.82rem}
#runpanel .rp-kv dt{color:var(--muted)}
#runpanel .rp-kv dd{margin:0;overflow-wrap:anywhere}
#runpanel .rp-kv code{font-size:.78rem}

#runpanel .rp-text{max-height:22rem;overflow:auto}
#runpanel .rp-draftbody{max-height:none}

#runpanel .rp-src{border:1px solid var(--line);border-radius:6px;padding:.35rem .6rem;margin:.35rem 0}
#runpanel .rp-src summary{cursor:pointer;font-size:.85rem;overflow-wrap:anywhere}
#runpanel .rp-src[open] summary{margin-bottom:.35rem}
#runpanel .rp-srcn{font-family:var(--mono);font-size:.75rem;color:var(--muted)}
#runpanel .rp-chip{margin-left:.4rem;border:1px solid currentColor}
#runpanel .rp-flash{animation:rp-flash 1.4s ease-out}
@keyframes rp-flash{from{box-shadow:0 0 0 3px var(--focus)}to{box-shadow:0 0 0 0 transparent}}

#runpanel .rp-claim{background:color-mix(in srgb,var(--accent) 16%,transparent);color:inherit;
  border-radius:2px}
#runpanel .rp-cite{font:inherit;font-size:.72rem;padding:0 .2rem;margin:0 .1rem;border:0;
  background:none;color:var(--link);cursor:pointer;text-decoration:underline;vertical-align:super;
  line-height:1}
#runpanel .rp-cites{margin:.2rem 0 .4rem 1.2rem;padding:0;font-size:.82rem}
#runpanel .rp-cites li{margin:.2rem 0}
#runpanel .rp-cites .rp-cite{vertical-align:baseline}

#runpanel .rp-findings{list-style:none;margin:.3rem 0;padding:0;font-size:.82rem}
#runpanel .rp-finding{border-left:3px solid var(--line);padding:.2rem .6rem;margin:.3rem 0;
  overflow-wrap:anywhere}
#runpanel .rp-finding.blocking{border-left-color:var(--bad)}
#runpanel .rp-finding.warning{border-left-color:var(--warn)}

#runpanel .rp-budget{max-width:34rem}
#runpanel .rp-budget td,#runpanel .rp-attempts td{font-variant-numeric:tabular-nums}
#runpanel .rp-bar{display:inline-block;width:6rem;height:.45rem;border-radius:999px;
  background:var(--surface-2);overflow:hidden;vertical-align:middle}
#runpanel .rp-bar i{display:block;height:100%;background:var(--ok)}
#runpanel .rp-bar.over i{background:var(--bad)}
#runpanel .rp-scroll{overflow-x:auto}
#runpanel .rp-attempts td{vertical-align:top}
#runpanel .rp-attempts td:nth-child(5),#runpanel .rp-attempts td:nth-child(7){white-space:nowrap}