/* HYPERPART: diagram */
/* Promoted VERBATIM from Dazzle regions.css (Tier F, fleet
 * convergence). The Dazzle emitter contract is unchanged. */

/* ─────────────────────────── diagram region ─────────────────────
 * Mermaid-rendered SVG inside a horizontal-scroll container.
 * Mermaid's own CSS handles the diagram chrome; we own the wrapper. */

.dz-diagram-scroll {
  overflow-x: auto;
  /* Give Mermaid a real box so SVG isn't squeezed to a hairline column. */
  min-height: 8rem;
  width: 100%;
}

.dz-diagram-source {
  font-size: var(--text-sm);
  color: var(--colour-text);
  /* Mermaid replaces this <pre> with rendered SVG once initialised;
   * the source-text styling matters only on the initial paint flash. */
  margin: 0;
  white-space: pre-wrap;
}

/* Post-render: Mermaid injects an SVG (or a div wrapping one). Let it
 * size to content width inside the scroll host. */
.dz-diagram-scroll > svg,
.dz-diagram-scroll .mermaid > svg {
  max-width: none;
  height: auto;
}

.dz-diagram-empty {
  font-size: var(--text-sm);
  color: var(--colour-text-muted);
  margin: 0;
}