/*
 * Operations (ticket 003) — the report's activity-cluster page
 * (z/notes/deep-research-report.md lines 186-211). The list table, header stats, and
 * common-characteristics/member tables reuse console.css's existing `table.data` / `.section*` /
 * `.warroom-kpi` + `.command-hero-kpis` / `.kv` rules verbatim (same reuse convention as
 * investigations.css) — this file only adds what's new here: the back link and header spacing.
 */

.operation-header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.2rem;
}

.operation-back {
  color: var(--gold-2);
  font-size: var(--fs-sm);
  text-decoration: none;
}

.operation-back:hover {
  text-decoration: underline;
}

.operation-header__title {
  font-family: var(--font-mono);
  font-size: var(--fs-lg);
  margin: 0;
}

.operation-note {
  max-width: 68ch;
}

/* The facts table and "Common characteristics" share one key column, so their values start at the same
   left edge and the keys do not take a third of the page. */
.operation-view table.kv td.kv-key {
  width: 12rem;
}

/* An observed rollup (Common targets, Common behaviors) is one item per line. */
.op-list {
  margin: 0;
  padding-left: 1.1rem;
}

.op-list li::marker {
  color: var(--ink-muted);
}

/* One line under the Rings count: what the tick and the warning sign on a group chip mean. */
.op-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-4);
  margin: 0 0 var(--space-3);
  font: var(--type-footnote);
  color: var(--ink-muted);
}

.op-legend__lead {
  font-weight: 600;
}

.op-legend__item {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
}

.op-legend .ig-ref__glyph {
  flex: none;
  margin-left: 0;
}