/* Behaviour & inclusion school-card blocks — Phase B1.
   Three blocks surfaced on the Map side panel (inspected + uninspected):
     .behaviour-inclusion-section  — shared wrapper
     .excl-*   — Suspensions & exclusions block
     .rise-*   — RISE targeted-intervention chip
     .idaci-2025-*  — Neighbourhood deprivation (IDACI 2025) line
   All use var(--*) tokens; no literal colours or sizes.
   Do NOT touch tokens.css, shared CSS files, or trust/LA panel CSS. */

/* ── Wrapper ─────────────────────────────────────────────────────────── */
.behaviour-inclusion-section {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin-top: var(--space-3);
}

/* ── Suspensions & exclusions block ─────────────────────────────────── */
/* Headline stats row — two or three metric chips side by side. */
.excl-headline {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
  margin-bottom: var(--space-2);
}

/* Each stat chip: value above, key label below. */
.excl-stat {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 100px;
}

.excl-stat--secondary {
  border-left: 2px solid var(--rule);
  padding-left: var(--space-3);
}

.excl-stat-val {
  font-size: var(--text-lg);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--ink);
  line-height: 1.2;
}

.excl-stat-key {
  font-size: var(--text-nano);
  color: var(--ink-3);
  line-height: 1.3;
}

.excl-stat-yr {
  font-size: var(--text-nano);
  color: var(--ink-3);
}

/* The "⊗ upper bound" caveat marker on the one-plus-suspension stat.
   Neutral muted styling — informational, not a warning. */
.excl-bound-note {
  display: inline;
  font-size: var(--text-nano);
  color: var(--ink-3);
  font-weight: 400;
  vertical-align: middle;
}

/* Footnotes — COVID / partial-year warnings. */
.excl-footnote {
  font-size: var(--text-xs);
  color: var(--ink-3);
  margin: 0 0 var(--space-1);
  padding: var(--space-1) var(--space-2);
  border-left: 3px solid var(--rule);
  background: var(--paper-2);
}

/* Trend table — mirrors .results-sg-table rhythm. */
.excl-trend-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-base);
  margin: var(--space-2) 0;
}

.excl-trend-table th,
.excl-trend-table td {
  padding: var(--space-1) var(--space-2);
  border-bottom: 1px solid var(--rule-2);
  text-align: right;
  white-space: nowrap;
}

.excl-trend-yr {
  text-align: left;
  font-weight: 500;
  color: var(--ink-2);
}

.excl-trend-val {
  font-variant-numeric: tabular-nums;
}

.excl-trend-table thead th {
  font-size: var(--text-nano);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--ink-3);
  font-weight: 500;
}

/* COVID and partial-year rows — muted text to signal reduced reliability. */
.excl-trend-row--covid .excl-trend-yr,
.excl-trend-row--covid .excl-trend-val,
.excl-trend-row--partial .excl-trend-yr,
.excl-trend-row--partial .excl-trend-val {
  color: var(--ink-3);
  font-style: italic;
}

/* Inline flag badge within the year cell. */
.excl-trend-flag {
  font-size: var(--text-nano);
  color: var(--ink-3);
  font-style: normal;
  font-weight: 400;
}

/* Loading / empty state for the trend table. */
.excl-series-loading {
  font-size: var(--text-xs);
  color: var(--ink-3);
  margin: var(--space-2) 0 0;
}

/* Source attribution moved to the section-level `.sv-source` footer
   (reports.css) — one visible vintage line covering all three blocks
   rather than a per-block recipe. */

/* ── RISE chip ───────────────────────────────────────────────────────── */
/* Neutral styling per §3.21 — a dated policy fact, NOT a quality flag.
   No red / warning colours; uses the muted ink-2 / paper-2 palette.
   A thin left border distinguishes it from plain text without
   implying positive or negative valence. */
.rise-chip {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  border-left: 3px solid var(--rule);
  background: var(--paper-2);
  font-size: var(--text-xs);
  line-height: 1.4;
  border-radius: 0 3px 3px 0;
}

.rise-chip-label {
  font-size: var(--text-nano);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ink-3);
  flex-shrink: 0;
  margin-top: 1px;
}

.rise-chip-text {
  color: var(--ink-2);
}

/* Former status — slightly more muted to reflect historical status. */
.rise-chip--former .rise-chip-label,
.rise-chip--former .rise-chip-text {
  color: var(--ink-3);
}

/* ── IDACI 2025 context line ─────────────────────────────────────────── */
/* Single-line context below the other deprivation indicators. Must not
   touch or restyle the existing .ctx-bar deprivation_band display. */
.idaci-2025-line {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1) var(--space-2);
  align-items: baseline;
  font-size: var(--text-xs);
  padding: var(--space-1) 0;
  border-top: 1px solid var(--rule-2);
}

.idaci-2025-label {
  color: var(--ink-3);
  flex-shrink: 0;
}

.idaci-2025-value {
  color: var(--ink-2);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}