/* DealCommander — diagnostics / test-harness surface.
 * Supplies the evidence-row, keystone-header and failure-card primitives the
 * diagnostics panels use. Every value derives from tokens.css; no hardcoded
 * colours, no fixed pixel type sizes. */

/* ---- Keystone group header --------------------------------------------- */

.keystone-head {
  align-items: flex-start;
  gap: var(--space-4);
}

.keystone-head p {
  margin: var(--space-1) 0 0;
  font-size: var(--fs-small);
}

.keystone-head .button-row {
  flex: 0 0 auto;
  align-items: center;
}

/* ---- Evidence rows inside a failing check ------------------------------ */

.check-evidence {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  min-width: 0;
  line-height: 1.45;
}

.check-evidence-label {
  flex: 0 0 60px;
  font-size: var(--fs-micro);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-tertiary);
}

.check-evidence .mono {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* ---- Failure callout card ---------------------------------------------- */

.card-negative {
  border-color: var(--negative);
  background:
    linear-gradient(0deg, rgba(212, 97, 79, 0.08), rgba(212, 97, 79, 0.08)),
    var(--bg-panel);
}

.card-negative .card-title { color: var(--negative); }