/*
 * Business Expert — Citation Hub charts
 * Component CSS for `.be-chart` (legacy wrapper) and `.chart` (v1 design system).
 *
 * Uses the variable system from be-citation.css (--rule, --paper, --accent, etc.)
 * be-citation.css supplies the `.be-vh` helper used by the fallback table.
 */

/* ── Legacy .be-chart (non-fraud pages) ─────────────────────────── */
.be-citation-page .be-chart {
  margin: 8px 0 0;
  background: var(--paper-2);
  border: 1px solid var(--rule);
  border-radius: 3px;
  padding: 20px 20px 16px;
}

.be-citation-page .be-chart__title {
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-2);
  margin: 0 0 14px;
  display: block;
  line-height: 1.25;
}

.be-citation-page .be-chart__mount {
  width: 100%;
  min-height: 240px;
}

.be-citation-page .be-chart--pending {
  background: var(--paper-2);
  border-style: dashed;
  border-color: var(--accent);
  text-align: center;
  padding: 48px 28px;
}

.be-citation-page .be-chart__pending-note {
  margin: 0;
  color: var(--ink-3);
  font-size: var(--fs-meta);
}

.be-citation-page .be-chart + .be-chart-footnote {
  margin: 0;
  padding: 8px 20px 12px;
  background: var(--paper-2);
  border: 1px solid var(--rule);
  border-top: none;
  border-radius: 0 0 3px 3px;
  font-size: 11px;
  color: var(--ink-3);
  line-height: 1.5;
}

.be-citation-page .be-chart:has(+ .be-chart-footnote) {
  border-radius: 3px 3px 0 0;
}

/* The rendered fallback table is visually hidden by default
   (be-vh helper from be-citation.css) but always present in the DOM
   for AI scrapers and screen readers. Print stylesheet (be-citation.css
   @media print) un-hides it when the chart canvas is suppressed. */

/* ── V1 .chart figure (fraud page) — defined in be-citation.css ─── */
/* .chart styles live in be-citation.css V1 section to keep token
   inheritance clean. This file is the canonical reference for chart
   component authorship but defers to be-citation.css for v1 rules. */