/* /ai-agentic-governance: page-local drawing parts, composed from site.css tokens only (no new colours). */

/* a warn-coloured connector and node (the ungoverned path; the struck lane) */
.cx.warn i{background:var(--warn)}
.cx.warn i::after{border-left-color:var(--warn)}
.cx.ok i{background:var(--ok)}
.cx.ok i::after{border-left-color:var(--ok)}
.agv-hot{border:1.5px solid var(--warn)}
.agv-ok{border:1.5px solid var(--ok)}
.agv-path{display:flex;align-items:center}
.agv-path .chips{margin-top:0}

/* fail-open vs fail-closed comparator */
.cmp{padding-bottom:18px}
.cmp + .cmp{padding-top:18px;border-top:1px solid var(--rule)}
.cmp-h{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}
.cmp svg{height:44px}
.agv-port{fill:color-mix(in srgb,var(--ok) 12%,transparent);stroke:var(--ok);stroke-width:1.4;vector-effect:non-scaling-stroke}
.cmp-gap{margin-top:6px;text-align:center;font:600 14px/1.35 var(--f-sans);letter-spacing:.02em;color:var(--label)}
.cmp-s{margin-top:8px;font-weight:600}
.cmp-s.warn{color:var(--warn)}
.cmp-s.ok{color:var(--ok)}

/* the order HiveSilo refuses: act first, reconstruct after (struck through) */
.agv-struck{margin-top:14px;opacity:.78}
.agv-struck .nd-t{text-decoration:line-through;text-decoration-color:var(--warn);text-decoration-thickness:1.6px}
.agv-risk{align-items:center}
.cols .st + h3{margin-top:10px}

/* HS-AGV-01: wider first column so the agent's own line reads, room for the "Intended action" label */
@container (min-width: 621px){
  .agv-gate{grid-template-columns:minmax(0,210px) 104px minmax(0,150px) 36px minmax(0,1fr)}
  .agv-gate>.cx{padding:0 6px}
}
.agv-drop{display:flex;align-items:center;gap:14px;margin:6px 0 0;padding-left:22px}
.agv-drop i{position:relative;display:block;width:1.5px;height:40px;background:var(--line-c)}
.agv-drop i::after{content:"";position:absolute;left:-4.5px;bottom:-1px;border:5.25px solid transparent;border-top:8px solid var(--line-c);border-bottom:0}
.agv-ledger{margin-top:8px;border:1.5px solid var(--seal)}
.agv-ledger .chips{margin-top:0}

/* the per-decision kill-switch: three halted lanes, one running */
.agv-kill{display:grid;gap:0}
.agv-kill li{display:grid;grid-template-columns:minmax(0,15em) minmax(0,1fr);column-gap:28px;align-items:center;padding:14px 0;border-top:1px solid var(--rule)}
.agv-kill li:first-child{border-top:0;padding-top:4px}
.agv-kill i{position:relative;display:block;height:14px}
.agv-kill .halt i{background:linear-gradient(var(--line-c),var(--line-c)) left center/55% 1.5px no-repeat,
  repeating-linear-gradient(90deg,var(--nd-bd) 0 4px,transparent 4px 11px) right center/42% 1.5px no-repeat}
.agv-kill .halt i::after{content:"";position:absolute;left:55%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--warn);box-shadow:0 0 0 4px color-mix(in srgb,var(--warn) 25%,transparent)}
.agv-kill .halt i::before{content:"";position:absolute;left:55%;top:-12px;bottom:-12px;width:2px;margin-left:-1px;background:var(--warn)}
.agv-kill .run{border-top:1.5px solid var(--rule)}
.agv-kill .run i{background:linear-gradient(var(--ok),var(--ok)) left center/100% 1.5px no-repeat}
.agv-kill .run .nd-t{color:var(--ok)}

/* scope of control: one policy ring around all three planes */
.agv-ring{padding:18px;border:1.5px dashed var(--seal);border-radius:14px}
.agv-ring .chips li{border-color:var(--seal)}

/* audit: one receipt, then the chained records */
.agv-trail>.nd{flex:0 1 20em}
.agv-rows li{padding:9px 0;border-top:1px solid var(--rule);font:600 15.5px/1.35 var(--f-sans);color:var(--head)}
.agv-rows li:first-child{margin-top:6px}
.agv-rec{flex:1 1 0;min-width:0;align-self:center}
.agv-alt{display:flex;align-items:center;gap:10px;margin-top:18px}
.agv-alt svg{width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:1.6;fill:none}
.agv-rec .dg-s{margin-top:6px}

.agv-verdict{margin-top:36px;max-width:34em}

@media (max-width:699px){
  .agv-kill li{grid-template-columns:1fr;row-gap:12px}
  .agv-ring{padding:12px}
  .agv-trail>.nd{flex:none}
  .entries{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container (max-width: 560px){
  .agv-path{display:block}
}