/* Agents — topic-only additions on top of ../common.css */
.result-json{max-height:220px;margin:0 0 10px;border:1px solid var(--line);border-radius:5px}
.pipe{margin:14px 0}.pipe-step{border-left-color:var(--line)}.pipe-step.pass{border-left-color:var(--s3)}.pipe-step.fail{border-left-color:var(--s2)}.pipe-step.fail strong{text-decoration:underline wavy var(--s2);text-underline-offset:5px}
.samples{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.samples button{font-size:.72rem;min-height:38px}
.ctl-range{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 12px;align-items:center;font-size:.75rem;margin:16px 0 4px}.ctl-range input{width:100%;accent-color:var(--hi)}.ctl-range .val{font:600 .9rem var(--mono);min-width:3ch;text-align:right}
.go-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.go-row .primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.go-row button:disabled{opacity:.45;cursor:not-allowed}
ol.loop-log{list-style:none;padding:0;margin:14px 0}ol.loop-log li{border:1px solid var(--line);border-left:3px solid var(--s1);border-radius:6px;padding:10px 12px;margin:8px 0;background:var(--bg)}ol.loop-log li.failed{border-left-color:var(--s2);border-left-style:dashed}ol.loop-log li.final{border-left-color:var(--s3)}ol.loop-log b{font:600 .75rem var(--mono)}ol.loop-log .status{white-space:pre-wrap;font-family:var(--mono);font-size:.7rem;margin:6px 0}ol.loop-log .note{margin:4px 0}
.trace-wrap{overflow-x:auto}.trace{width:100%;min-width:520px;height:auto;color:var(--fg);display:block;margin:14px 0}
.trace-round rect{fill:var(--bg);stroke:var(--line);stroke-width:2}.trace-round text{fill:var(--fg);font-family:var(--mono)}.trace-round[role=button]{cursor:pointer}
.trace-round.ok rect{stroke:var(--s1)}.trace-round.final rect{stroke:var(--s3);stroke-width:3}.trace-round.fail rect,.trace-round.unread rect,.trace-round.blocked rect{stroke:var(--s2);stroke-dasharray:6 3}.trace-round.repeat rect{stroke:var(--hi);stroke-dasharray:2 3}.trace-round.empty rect{opacity:.5}.trace-round.sel rect{fill:var(--panel);stroke-width:4}.trace-round:focus-visible{outline:none}.trace-round:focus-visible rect{stroke:var(--s1);stroke-width:4}
.trace-bar{fill:var(--s1);opacity:.55}
.plan-list{list-style:none;padding:0;margin:16px 0}.plan-step{border:1px solid var(--line);border-radius:6px;padding:10px 12px;margin:6px 0;background:var(--bg)}.plan-step label{display:flex;gap:10px;align-items:flex-start;font-size:.8rem;cursor:pointer}.plan-step .note{display:block;margin:4px 0 0 28px}.plan-step.done b{text-decoration:line-through;text-decoration-thickness:1px;color:var(--muted)}
.doc-example{border:1px dashed var(--hi);border-radius:6px;padding:14px;background:var(--bg);margin:14px 0}.doc-badge{display:inline-block;font:600 .62rem var(--mono);letter-spacing:.1em;border:1px solid var(--hi);color:var(--hi);border-radius:20px;padding:1px 9px;margin-bottom:8px}.doc-body{font:.74rem/1.8 var(--mono);overflow-wrap:anywhere}.doc-line{display:block}.hidden-line{background:color-mix(in srgb,var(--s2) 14%,transparent);border-left:3px solid var(--s2);padding-left:8px;margin:2px 0}.hidden-line::before{content:"⚠ ";}
.checks{display:flex;flex-wrap:wrap;gap:10px 18px;margin:12px 0}.checks label{display:flex;align-items:center;gap:8px;font-size:.75rem}.checks input[type=number]{width:120px}
.hands .compare+.compare{margin-top:10px}
@media(max-width:700px){.ctl-range{grid-template-columns:1fr auto}.ctl-range input{grid-column:1/-1;grid-row:2}.plan-step .note{margin-left:0}.samples button{flex:1 1 140px}}
@media print{.samples,.go-row,.trace-wrap{display:none!important}.result-json{max-height:none}}