#dock-evidence {
  top: 12px;
  right: 12px;
  bottom: 12px;
  width: min(1050px, calc(100% - 24px));
  max-height: calc(100% - 24px);
  display: flex;
  flex-direction: column;
  background: var(--panel);
  border: 1px solid var(--rule);
  color: var(--ink);
  z-index: 30;
}
#dock-evidence .ev-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--rule);
}
#dock-evidence .ev-head h2 { margin: 0; font-size: 13px; }
#dock-evidence .ev-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 7px 12px;
  border-bottom: 1px solid var(--rule);
}
#dock-evidence .ev-controls label {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--muted);
  font: 10px var(--mono);
  text-transform: uppercase;
  letter-spacing: .08em;
}
#dock-evidence select {
  max-width: 220px;
  padding: 3px 6px;
  border: 1px solid var(--rule);
  border-radius: 0;
  background: var(--ground);
  color: var(--ink);
  font: 11px var(--sans);
}
#dock-evidence .ev-body {
  display: grid;
  grid-template-columns: minmax(210px, 30%) minmax(0, 1fr);
  flex: 1 1 auto;
  min-height: 0;
}
#dock-evidence .ev-list { overflow: auto; border-right: 1px solid var(--rule); }
#dock-evidence .ev-claim {
  display: block;
  width: 100%;
  padding: 9px 10px;
  border: 0;
  border-bottom: 1px solid var(--rule);
  border-left: 3px solid transparent;
  border-radius: 0;
  background: var(--ground);
  color: var(--ink);
  text-align: left;
  cursor: pointer;
}
#dock-evidence .ev-claim:hover { background: var(--panel-2); }
#dock-evidence .ev-claim.selected { border-left-color: var(--flare); background: var(--panel-2); }
#dock-evidence .ev-claim-statement { display: block; margin-bottom: 5px; font-size: 12px; }
#dock-evidence .ev-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  color: var(--muted);
  font: 9px var(--mono);
  text-transform: uppercase;
  letter-spacing: .05em;
}
#dock-evidence .ev-detail { overflow: auto; padding: 12px; }
#dock-evidence .ev-statement { margin: 0 0 5px; font-size: 16px; line-height: 1.35; }
#dock-evidence .ev-source { margin: 0 0 10px; color: var(--muted); font-size: 11px; }
#dock-evidence .ev-quote {
  margin: 8px 0 12px;
  padding: 7px 10px;
  border-left: 3px solid var(--steel);
  background: var(--ground);
  color: var(--ink);
  font-size: 12px;
}
#dock-evidence .ev-legend {
  margin: 8px 0;
  color: var(--muted);
  font: 10px var(--mono);
  line-height: 1.5;
}
#dock-evidence .ev-graph-wrap { overflow-x: auto; border: 1px solid var(--rule); background: var(--ground); }
#dock-evidence .ev-edge {
  stroke: var(--steel);
  stroke-width: 1.6;
  stroke-dasharray: 3 6;
  animation: ev-flow 1.5s linear infinite;
}
#dock-evidence .ev-arrow { fill: var(--steel); }
#dock-evidence .ev-node rect { fill: var(--panel); stroke: var(--rule); stroke-width: 1; }
#dock-evidence .ev-node text { fill: var(--ink); font: 10px var(--sans); }
#dock-evidence .ev-node .ev-node-kind { fill: var(--muted); font: 8px var(--mono); text-transform: uppercase; letter-spacing: .06em; }
#dock-evidence .ev-node.ev-supported rect { stroke: var(--ok); }
#dock-evidence .ev-node.ev-contradicted rect { stroke: var(--bad); }
#dock-evidence .ev-node.ev-inconclusive rect,
#dock-evidence .ev-node.ev-stale rect { stroke: var(--flare); }
#dock-evidence .ev-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 8px; margin-top: 10px; }
#dock-evidence .ev-metric { padding: 8px; border: 1px solid var(--rule); background: var(--ground); }
#dock-evidence .ev-metric h4 { margin: 0 0 4px; font-size: 12px; }
#dock-evidence .ev-metric p { margin: 4px 0; font-size: 11px; }
#dock-evidence .ev-metric .ev-reason { color: var(--muted); line-height: 1.45; }
#dock-evidence .ev-spark { display: block; width: 100%; height: 76px; }
#dock-evidence .ev-spark-line { fill: none; stroke: var(--steel); stroke-width: 1.5; }
#dock-evidence .ev-event-marker { stroke: var(--flare); stroke-width: 1; stroke-dasharray: 2 3; }
#dock-evidence .ev-lag-region { fill: var(--steel); opacity: .09; }
#dock-evidence .ev-latest-dot { fill: var(--ink); }
#dock-evidence .ev-supported { color: var(--ok); }
#dock-evidence .ev-contradicted { color: var(--bad); }
#dock-evidence .ev-pending,
#dock-evidence .ev-inconclusive,
#dock-evidence .ev-stale { color: var(--flare); }
#dock-evidence .ev-empty,
#dock-evidence .ev-error { padding: 14px; color: var(--muted); font-size: 12px; }
#dock-evidence .ev-error { color: var(--flare); border-bottom: 1px solid var(--rule); }
@keyframes ev-flow { to { stroke-dashoffset: -18; } }
@media (prefers-reduced-motion: reduce) {
  #dock-evidence .ev-edge { animation: none; }
}
@media (max-width: 760px) {
  #dock-evidence .ev-body { grid-template-columns: 1fr; overflow: auto; }
  #dock-evidence .ev-list { max-height: 190px; border-right: 0; border-bottom: 1px solid var(--rule); }
  #dock-evidence .ev-detail { overflow: visible; }
}