:root{--paper:#e4e9e5;--surface:#f7f9f7;--surface2:#edf1ee;--line:#c6d0cb;--ink:#14201d;--ink2:#42544e;--muted:#687872;--teal:#1f6f8b;--teal2:#0d7379;--soft:#d5e4e9;--gold:#c89434;--rust:#b85a2a;--green:#62805d;--warnbg:#f5e7d2;--warn:#7a4c13;--mono:"IBM Plex Mono",monospace;--sans:"IBM Plex Sans",Arial,sans-serif;--shadow:0 1px 2px rgba(20,32,29,.08),0 8px 24px rgba(20,32,29,.05)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:var(--sans)}a,button{font:inherit}.fixture-strip{height:28px;display:flex;align-items:center;gap:9px;margin:0;padding:0 24px;border-bottom:1px solid #d9b67a;background:var(--warnbg);color:var(--warn);font:500 10px/1 var(--mono);letter-spacing:.02em}.fixture-strip b{padding:3px 6px;border:1px solid var(--warn);border-radius:2px;background:#d9b67a;text-transform:uppercase;letter-spacing:.08em}
.topbar{height:64px;display:grid;grid-template-columns:310px 1fr auto;align-items:center;gap:24px;padding:0 24px;border-bottom:1px solid var(--line);background:var(--surface)}.brand{display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none}.brand img{width:auto;height:31px}.brand span{padding-left:13px;border-left:1px solid var(--line);color:var(--muted);font:600 10px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.06em}.journey{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font:600 8px/1 var(--mono);text-transform:uppercase;letter-spacing:.07em}.journey i{width:20px;border-top:1px solid var(--line)}.journey b{padding:6px 8px;border-radius:2px;background:var(--soft);color:var(--teal)}.actions{display:flex;gap:7px}.actions a,.approval-actions a,.approval-actions button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--line);border-radius:3px;background:var(--surface);color:var(--ink2);text-decoration:none;font-size:11px;font-weight:600}.actions .primary,.approval-actions a{border-color:var(--teal);background:var(--teal);color:#fff}
main{max-width:1600px;margin:0 auto;padding:20px 24px 30px}.eyebrow{margin:0;color:var(--teal);font:700 9px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.1em}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.page-head h1{margin:7px 0 5px;font-size:30px;line-height:1.08;letter-spacing:-.035em}.page-head>div>p:last-child{max-width:760px;margin:0;color:var(--ink2);font-size:13px;line-height:1.45}.run-context{min-width:300px;padding:11px 13px;border-left:4px solid var(--teal);background:var(--surface);box-shadow:var(--shadow)}.run-context span,.run-context b,.run-context small{display:block}.run-context span{color:var(--teal);font:700 8px/1 var(--mono);letter-spacing:.1em}.run-context b{margin-top:6px;font-size:13px}.run-context small{margin-top:4px;color:var(--muted);font:500 9px/1 var(--mono)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:17px}.metrics article{min-height:74px;padding:11px 13px;border:1px solid var(--line);border-top:3px solid var(--teal);background:var(--surface)}.metrics span,.metrics b,.metrics small{display:block}.metrics span{color:var(--muted);font:600 8px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em}.metrics b{margin-top:7px;font-size:18px}.metrics small{margin-top:4px;color:var(--muted);font-size:10px}.live-dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#5f8c69;box-shadow:0 0 0 4px rgba(95,140,105,.13)}
.operations-grid{display:grid;grid-template-columns:300px minmax(500px,1fr) 330px;gap:12px;margin-top:12px}.panel{border:1px solid var(--line);border-radius:4px;background:var(--surface);box-shadow:var(--shadow)}.panel>header{height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line)}.panel h2{margin:5px 0 0;font-size:15px}.status,.count,.workflow-id{font:700 8px/1 var(--mono);text-transform:uppercase;letter-spacing:.07em}.status{display:flex;align-items:center;gap:7px;padding:6px 8px;background:#e2ece0;color:#466b4b}.status i{width:7px;height:7px;border-radius:50%;background:#5f8c69}.count{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:var(--warnbg);color:var(--warn)}.workflow-id{color:var(--muted)}
.agent-list{padding:4px 0}.agent-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;min-height:55px;padding:8px 13px;border-bottom:1px solid #e2e8e4}.agent-row:last-child{border:0}.agent-icon{position:relative;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--soft);color:var(--teal);font:700 9px/1 var(--mono)}.agent-icon:after{content:"";position:absolute;right:-1px;bottom:0;width:7px;height:7px;border:2px solid var(--surface);border-radius:50%;background:#5f8c69}.agent-row b,.agent-row small{display:block}.agent-row b{font-size:11px}.agent-row small{margin-top:3px;color:var(--muted);font-size:9px}.agent-row em{padding:4px 6px;border-radius:2px;background:var(--surface2);color:var(--teal);font:700 7px/1 var(--mono);font-style:normal;text-transform:uppercase}
.flow-panel{min-width:0}.flow{display:grid;grid-template-columns:1fr 54px 1fr 54px 1fr 54px 1fr;align-items:center;padding:18px 13px 15px}.flow-node{min-height:91px;padding:10px;border:1px solid var(--line);border-top:3px solid var(--teal);background:var(--surface2)}.flow-node.engine{border-top-color:var(--gold);background:#f6efdf}.flow-node.output{border-top-color:var(--green)}.flow-node span,.flow-node b,.flow-node small{display:block}.flow-node span{color:var(--teal);font:700 8px/1 var(--mono)}.flow-node b{margin-top:7px;font-size:10px;line-height:1.25}.flow-node small{margin-top:6px;color:var(--muted);font-size:8px;line-height:1.3}.flow-link{text-align:center}.flow-link i{display:block;border-top:2px solid var(--teal);position:relative}.flow-link i:after{content:"";position:absolute;right:-1px;top:-5px;border-left:6px solid var(--teal);border-top:4px solid transparent;border-bottom:4px solid transparent}.flow-link em{display:block;margin-top:8px;color:var(--muted);font:500 6px/1.3 var(--mono);font-style:normal}.engine-link i{border-top-color:var(--gold)}.engine-link i:after{border-left-color:var(--gold)}.activity-head{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font:700 8px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em}.activity-head button{padding:4px 7px;border:1px solid var(--line);background:transparent;color:var(--muted);font:600 7px/1 var(--mono);text-transform:uppercase}.activity-feed{height:142px;overflow:hidden;margin:0;padding:0;list-style:none}.activity-feed li{display:grid;grid-template-columns:58px 90px 1fr;gap:8px;align-items:start;padding:8px 13px;border-bottom:1px solid #e3e8e5;font-size:9px;line-height:1.35}.activity-feed time{color:var(--muted);font:500 8px/1.4 var(--mono)}.activity-feed b{color:var(--teal);font-size:8px;text-transform:uppercase}.activity-feed li:first-child{background:#edf5f4}
.approval-card{margin:13px;padding:13px;border:1px solid var(--line);border-left:4px solid var(--gold);background:#fcfbf7}.approval-top{display:flex;justify-content:space-between;color:var(--muted);font:700 8px/1 var(--mono)}.approval-top span{color:var(--warn)}.approval-card h3{margin:10px 0 0;font-size:14px;line-height:1.25}.approval-card p{margin:7px 0 0;color:var(--ink2);font-size:10px;line-height:1.45}.approval-card dl{margin:12px 0 0}.approval-card dl div{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid #e5e3da;font-size:9px}.approval-card dt{color:var(--muted)}.approval-card dd{margin:0;font-weight:600}.approval-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:6px;margin-top:12px}.approval-actions button{min-width:0;background:var(--surface)}.approval-actions a{min-width:0;text-align:center;font-size:9px}.boundary{margin:0 13px 13px;padding:11px;border:1px dashed var(--line);background:var(--surface2)}.boundary b{font-size:10px}.boundary p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.45}
.data-panel{margin-top:12px}.legend{display:flex;gap:13px;color:var(--muted);font:600 8px/1 var(--mono)}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:50%}.legend .ok{background:var(--green)}.legend .review{background:var(--gold)}.legend .new{background:var(--teal)}.data-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0}.data-card{min-height:62px;padding:9px 11px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.data-card:nth-child(6n){border-right:0}.data-card:nth-last-child(-n+6){border-bottom:0}.data-card div{display:flex;align-items:center;justify-content:space-between;gap:5px}.data-card b{font-size:10px}.data-card i{width:7px;height:7px;border-radius:50%;background:var(--green)}.data-card.review i{background:var(--gold)}.data-card.new i{background:var(--teal);box-shadow:0 0 0 3px rgba(31,111,139,.12)}.data-card small{display:block;margin-top:6px;color:var(--muted);font:500 8px/1.35 var(--mono)}
@media(max-width:1200px){.topbar{grid-template-columns:260px 1fr auto}.journey{display:none}.operations-grid{grid-template-columns:270px 1fr}.approval-panel{grid-column:1/-1}.approval-panel .approval-card{display:inline-block;width:60%}.boundary{display:inline-block;width:34%;vertical-align:top;margin-top:13px}.data-grid{grid-template-columns:repeat(4,1fr)}.data-card:nth-child(6n){border-right:1px solid var(--line)}.data-card:nth-child(4n){border-right:0}.data-card:nth-last-child(-n+6){border-bottom:1px solid var(--line)}.data-card:nth-last-child(-n+4){border-bottom:0}}
@media(max-width:820px){.topbar{grid-template-columns:1fr auto}.brand span,.actions a:first-child{display:none}.page-head{align-items:stretch;flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.operations-grid{display:block}.panel{margin-top:12px}.flow{grid-template-columns:1fr}.flow-link{height:35px;padding:16px 40% 0;transform:rotate(90deg)}.data-grid{grid-template-columns:1fr 1fr}.data-card:nth-child(4n){border-right:1px solid var(--line)}.data-card:nth-child(2n){border-right:0}}
@media(min-width:1300px) and (max-height:920px){
  main{padding:12px 24px 14px}.page-head h1{margin-top:5px;font-size:27px}.page-head>div>p:last-child{font-size:12px}.run-context{padding:9px 12px}
  .metrics{margin-top:11px}.metrics article{min-height:62px;padding:8px 12px}.metrics b{margin-top:5px;font-size:16px}.metrics small{margin-top:2px}
  .operations-grid{margin-top:9px}.panel>header{height:50px;padding:8px 13px}.panel h2{margin-top:4px}.agent-row{min-height:46px;padding:6px 12px}.agent-icon{width:25px;height:25px}
  .flow{padding:13px 12px 10px}.flow-node{min-height:78px;padding:8px}.flow-node b{margin-top:5px}.flow-node small{margin-top:4px}.activity-feed{height:122px}.activity-feed li{padding:6px 12px}
  .approval-card{margin:10px;padding:11px}.approval-card h3{margin-top:8px}.approval-card p{margin-top:5px}.approval-card dl{margin-top:9px}.approval-card dl div{padding:5px 0}.approval-actions{margin-top:9px}.boundary{margin:0 10px 10px;padding:9px}
  .data-panel{margin-top:9px}.data-card{min-height:49px;padding:7px 10px}.data-card small{margin-top:4px}
}
/* Real runs: reveal, refusal and idle states. */
.activity-feed li.run{opacity:0;transform:translateY(-6px);transition:opacity .35s ease,transform .35s ease}
.activity-feed li.run.in{opacity:1;transform:none}
.activity-feed li.run b small{display:block;margin-top:2px;color:var(--muted);font:600 7px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em}
.activity-feed li.run span em{display:block;margin-top:3px;color:var(--muted);font:600 7px/1.3 var(--mono);font-style:normal;text-transform:uppercase;letter-spacing:.05em}
.activity-feed li.run.refused{background:var(--warnbg)}
.activity-feed li.run.refused span em{color:var(--warn)}
.activity-feed li.run.restricted{background:var(--warnbg)}
.activity-feed li.run.restricted span em{color:var(--warn)}
.activity-feed li.run.corrected span em{color:var(--gold)}
.agent-row.idle{opacity:.55}
.agent-row.idle em{color:var(--muted)}
.data-card.refused i{background:var(--rust)}
.data-card.none i{background:var(--line)}
.data-card.none{opacity:.6}
.legend i.refused{background:var(--rust)}
.legend i.none{background:var(--line)}
.data-card.lit{animation:card-lit 1.1s ease-out}
@keyframes card-lit{0%{box-shadow:0 0 0 0 rgba(13,115,121,.55)}100%{box-shadow:0 0 0 10px rgba(13,115,121,0)}}
.approval-card.decided{opacity:.75}
.approval-card+.approval-card{margin-top:10px}