/* ATLAS V6 — Intelligence (REOS / R&D Lab) page augmentation
 *
 * V5→V6 polish 2026-06-23. Re-skins the intel-* class family (989-LOC
 * v5-intelligence.css, the largest single V5 sheet). Covers the
 * Intelligence dashboard: layout (main + sidebar), KPI tiles, SEO/GSC
 * metric splits, sparklines, insight rows, report rows, rank tables,
 * LLM-mention section, network strip, source freshness chips.
 *
 * Loads after v6-w424-shell.css + before v6-pages.css. No class renames.
 * Dark-mode blocks omitted (atlas-dashboard rule #4).
 * ─────────────────────────────────────────────────────────────────────── */

/* ── 2-column layout (main + sidebar) ─────────────────────────────────── */
.intel-layout {
  display: grid;
  grid-template-columns: minmax(0, 65fr) minmax(0, 35fr);
  gap: 16px;
  flex: 1;
  min-height: 0;
}
.intel-main,
.intel-sidebar {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  overflow: auto;
}

/* ── Page lede ────────────────────────────────────────────────────────── */
.intel-eyebrow {
  display: inline-block;
  font: 900 11px/1 var(--font-ui, Inter);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--muted, #647184);
  margin: 0 0 6px;
}
.intel-h1 {
  display: block;
  font: 850 28px/1.18 var(--font-display, "Aptos Display", Inter);
  color: var(--ink, #101722);
  letter-spacing: -0.005em;
  margin: 0 0 4px;
  max-width: 920px;
}
.intel-subline {
  display: block;
  font: 400 14px/1.45 var(--font-ui, Inter);
  color: var(--muted, #647184);
  margin: 0;
  max-width: 820px;
}

/* ── Card chrome ─────────────────────────────────────────────────────── */
.intel-card {
  background: var(--surface, #fffdf8);
  border: 1px solid var(--line, #d7d0c3);
  border-radius: var(--radius-lg, 12px);
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  box-shadow: var(--soft-shadow, 0 10px 24px rgba(29,24,14,.07));
}
.intel-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border2, #ebe7de);
}
.intel-card-title {
  font: 800 13px/1 var(--font-ui, Inter);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--ink, #101722);
}

/* ── Chips ────────────────────────────────────────────────────────────── */
.intel-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: 700 10px/1 var(--font-ui, Inter);
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: 4px 10px;
  border-radius: var(--radius-pill, 999px);
  background: var(--bg3, #ebe7de);
  color: var(--muted, #647184);
}
.intel-chip-muted { background: var(--bg3, #ebe7de); color: var(--muted, #647184); }
.intel-chip-blue  { background: var(--blue-soft, #e0e9fb); color: #17468e; }
.intel-chip-warn  { background: var(--warn-soft, #fbecd0); color: #7a4a0a; }

/* ── Source freshness badge ───────────────────────────────────────────── */
.intel-source {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: 500 11px var(--font-ui, Inter);
  color: var(--muted, #647184);
}
.intel-source-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font: 700 10px/1 var(--font-ui, Inter);
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: 3px 8px;
  border-radius: var(--radius-pill, 999px);
  background: var(--bg3, #ebe7de);
  color: var(--muted, #647184);
}
.intel-source-fresh { background: var(--good-soft, #dff2e7); color: #17623a; }

/* ── Sparklines ───────────────────────────────────────────────────────── */
.intel-sparkline { display: block; width: 100%; height: 32px; }
.intel-spark-line { fill: none; stroke: var(--gold, #c18a25); stroke-width: 1.5; }
.intel-spark-fill { fill: rgba(193,138,37,.10); }
.intel-spark-baseline { stroke: var(--border2, #ebe7de); stroke-width: 1; stroke-dasharray: 2 3; }

/* ── KPI row + tiles ──────────────────────────────────────────────────── */
.intel-kpi-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 10px;
}
.intel-kpi-tile {
  background: var(--bg2, #fbfaf7);
  border: 1px solid var(--border2, #ebe7de);
  border-radius: var(--radius, 8px);
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.intel-kpi-val {
  font: 850 22px/1.1 var(--font-display, "Aptos Display", Inter);
  color: var(--ink, #101722);
  font-variant-numeric: tabular-nums;
}
.intel-kpi-lab {
  font: 700 10px/1 var(--font-ui, Inter);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--muted, #647184);
}

/* ── SEO / insight / report rows ──────────────────────────────────────── */
.intel-seo-row,
.intel-insight-row,
.intel-report-row,
.intel-gsc-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--border2, #ebe7de);
}
.intel-seo-label,
.intel-insight-quote,
.intel-report-name {
  font: 600 12px/1.3 var(--font-ui, Inter);
  color: var(--ink, #101722);
}
.intel-seo-note,
.intel-insight-body,
.intel-report-sub {
  font: 400 11px/1.4 var(--font-ui, Inter);
  color: var(--muted, #647184);
}
.intel-insight-quote { font-style: italic; }
.intel-report-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.intel-report-open {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  border-radius: var(--radius-sm, 6px);
  background: transparent;
  border: 1px solid var(--line, #d7d0c3);
  color: var(--gold, #c18a25);
  font: 600 11px var(--font-ui, Inter);
  cursor: pointer;
  text-decoration: none;
}
.intel-report-open:hover { background: var(--warn-soft, #fbecd0); border-color: var(--gold, #c18a25); }
.intel-report-empty,
.intel-llm-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 12px;
  color: var(--muted, #647184);
  font: 500 12px var(--font-ui, Inter);
  border: 1px dashed var(--border2, #ebe7de);
  border-radius: var(--radius, 8px);
}

/* ── Stale notice ─────────────────────────────────────────────────────── */
.intel-stale-notice {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: var(--warn-soft, #fbecd0);
  border: 1px solid rgba(193,138,37,.32);
  border-radius: var(--radius, 8px);
  font: 500 11px var(--font-ui, Inter);
  color: #7a4a0a;
}

/* ── Rank table ──────────────────────────────────────────────────────── */
.intel-rank-table-wrap,
.intel-kw-table-wrap { max-height: 220px; overflow-y: auto; }
.intel-rank-table,
.intel-kw-table { width: 100%; border-collapse: separate; border-spacing: 0; }
.intel-rank-table th,
.intel-kw-table th {
  text-align: left;
  font: 800 10px/1 var(--font-ui, Inter);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--muted, #647184);
  padding: 8px 10px;
  position: sticky;
  top: 0;
  background: var(--surface, #fffdf8);
  border-bottom: 1px solid var(--line, #d7d0c3);
  z-index: 1;
}
.intel-rank-table td,
.intel-kw-table td {
  padding: 8px 10px;
  border-bottom: 1px solid var(--border2, #ebe7de);
  font: 500 12px var(--font-ui, Inter);
  color: var(--ink, #101722);
}
.intel-rank-num { text-align: right; font-variant-numeric: tabular-nums; color: var(--gold, #c18a25); font-weight: 700; }
.intel-rank-kw { color: var(--ink, #101722); text-decoration: none; }
.intel-rank-kw:hover { color: var(--gold, #c18a25); }
.intel-rank-empty-row td {
  text-align: center;
  color: var(--muted, #647184);
  font-style: italic;
  padding: 20px 10px;
}

/* ── LLM section ──────────────────────────────────────────────────────── */
.intel-llm-section { display: flex; flex-direction: column; gap: 10px; }
.intel-llm-head {
  font: 800 12px/1 var(--font-ui, Inter);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--ink, #101722);
}

/* ── Network strip ────────────────────────────────────────────────────── */
.intel-network-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  gap: 10px;
}
.intel-net-tile {
  position: relative;
  background: var(--surface, #fffdf8);
  border: 1px solid var(--line, #d7d0c3);
  border-radius: var(--radius, 8px);
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow: hidden;
}
.intel-net-tile::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--gold, #c18a25);
}
.intel-net-val {
  font: 850 18px/1.1 var(--font-display, "Aptos Display", Inter);
  color: var(--ink, #101722);
  font-variant-numeric: tabular-nums;
}
.intel-net-lab {
  font: 700 10px/1 var(--font-ui, Inter);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--muted, #647184);
}

/* ── GSC metric split + sparks ────────────────────────────────────────── */
.intel-gsc-metric {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 0;
  border-bottom: 1px solid var(--border2, #ebe7de);
}
.intel-gsc-metric-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.intel-gsc-metric-lab {
  font: 700 10px/1 var(--font-ui, Inter);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--muted, #647184);
}
.intel-gsc-metric-val {
  font: 850 22px/1.1 var(--font-display, "Aptos Display", Inter);
  color: var(--ink, #101722);
  font-variant-numeric: tabular-nums;
}
.intel-gsc-metric-delta {
  font: 700 11px var(--font-ui, Inter);
  font-variant-numeric: tabular-nums;
}
.intel-gsc-metric-delta.is-up   { color: var(--good, #2e8b57); }
.intel-gsc-metric-delta.is-down { color: var(--bad, #ca3f6b); }
.intel-gsc-metric-delta.is-flat { color: var(--muted, #647184); }
.intel-gsc-spark { width: 100%; height: 28px; }
.intel-gsc-spark-line { fill: none; stroke: var(--gold, #c18a25); stroke-width: 1.5; }
.intel-gsc-spark-fill { fill: rgba(193,138,37,.08); }
.intel-gsc-metric-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.intel-gsc-metric--half { padding: 0; border: 0; }
.intel-gsc-metric--half .intel-gsc-metric-val { font-size: 18px; }

/* ─────────────────────────────────────────────────────────────────────────
 * 2026-06-23 — Defensive coverage layer
 * The v5-intelligence.css base (989 LOC) uses dark-theme tokens that would
 * leak the V5 cyber palette into V6's locked light theme on any class the
 * augment above didn't override. These rules apply V6 vocab to every intel-*
 * class that ships in the SEO Intelligence view DOM (index.html L4662+) but
 * wasn't yet targeted, so the cream/gold language holds end-to-end.
 * ───────────────────────────────────────────────────────────────────────── */

/* Layout wrappers — strip any V5 backgrounds that might cascade through */
#view-seo .intel-body,
#view-seo .intel-seo,
#view-seo .intel-seo-row,
#view-seo .intel-seo-row1,
#view-seo .intel-seo-row2,
#view-seo .intel-analytics-section,
#view-seo .intel-marketing-pulse,
#view-seo .intel-business-review,
#view-seo .intel-content-list {
  background: transparent;
  color: var(--ink, #101722);
}
#view-seo .intel-seo-row1,
#view-seo .intel-seo-row2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
  margin-bottom: 14px;
}
#view-seo .intel-seo-row2 { grid-template-columns: 1.2fr 1fr; }

/* GSC tile wrapper (the parent of intel-gsc-metric stack) */
#view-seo .intel-gsc-tile {
  background: var(--surface, #fffdf8);
  border: 1px solid var(--line, #d7d0c3);
  border-radius: var(--radius-lg, 12px);
  padding: 16px 18px;
}

/* Action bar + buttons (top of report views) */
#view-seo .intel-action-bar {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 12px;
}
#view-seo .intel-action-btn,
#view-seo .intel-btn {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: var(--surface, #fffdf8);
  color: var(--ink, #101722);
  border: 1px solid var(--line, #d7d0c3);
  border-radius: var(--radius, 8px);
  font: 600 13px/1 var(--font-ui, Inter);
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease;
}
#view-seo .intel-action-btn:hover,
#view-seo .intel-btn:hover {
  background: var(--bg2, #fbfaf7);
  border-color: var(--line-strong, #c4b9a8);
}

/* AI section (LLM mentions list) */
#view-seo .intel-ai-list,
#view-seo .intel-llm-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 0;
  list-style: none;
  margin: 0;
}
#view-seo .intel-ai-subhead {
  font: 800 11px/1 var(--font-ui, Inter);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--muted, #647184);
  margin: 12px 0 6px;
}
#view-seo .intel-ai-subhead--gap { margin-top: 18px; }
#view-seo .intel-ai-empty,
#view-seo .intel-llm-empty,
#view-seo .intel-kw-empty-row,
#view-seo .intel-site-empty-row,
#view-seo .intel-rank-empty-row,
#view-seo .intel-report-empty {
  padding: 18px 14px;
  background: var(--bg2, #fbfaf7);
  border: 1px dashed var(--line-strong, #c4b9a8);
  border-radius: var(--radius, 8px);
  text-align: center;
  font: 500 13px/1.4 var(--font-ui, Inter);
  color: var(--muted, #647184);
}

/* Site table (per-site rankings) */
#view-seo .intel-site-table-wrap,
#view-seo .intel-kw-table-wrap,
#view-seo .intel-rank-table-wrap {
  background: var(--surface, #fffdf8);
  border: 1px solid var(--line, #d7d0c3);
  border-radius: var(--radius, 8px);
  overflow: hidden;
}
#view-seo .intel-site-table,
#view-seo .intel-kw-table,
#view-seo .intel-rank-table {
  width: 100%;
  border-collapse: collapse;
  font: 500 13px/1.4 var(--font-ui, Inter);
  color: var(--ink, #101722);
  background: transparent;
}
#view-seo .intel-site-table thead th,
#view-seo .intel-kw-table thead th,
#view-seo .intel-rank-table thead th,
#view-seo .intel-rank-tbody th {
  position: sticky;
  top: 0;
  background: var(--bg2, #fbfaf7);
  font: 700 11px/1 var(--font-ui, Inter);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--muted, #647184);
  padding: 10px 12px;
  border-bottom: 1px solid var(--line, #d7d0c3);
  text-align: left;
}
#view-seo .intel-site-table tbody td,
#view-seo .intel-kw-table tbody td,
#view-seo .intel-rank-table tbody td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--border2, #ebe7de);
  font-variant-numeric: tabular-nums;
}
#view-seo .intel-site-table tbody tr:last-child td,
#view-seo .intel-kw-table tbody tr:last-child td,
#view-seo .intel-rank-table tbody tr:last-child td { border-bottom: 0; }
#view-seo .intel-site-table tbody tr:hover,
#view-seo .intel-kw-table tbody tr:hover,
#view-seo .intel-rank-table tbody tr:hover { background: var(--bg2, #fbfaf7); }
#view-seo .intel-site-num,
#view-seo .intel-kw-num,
#view-seo .intel-rank-num {
  font: 700 14px/1 var(--font-ui, Inter);
  color: var(--gold, #c18a25);
  font-variant-numeric: tabular-nums;
}

/* Pager controls */
#view-seo .intel-site-pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border-top: 1px solid var(--line, #d7d0c3);
  background: var(--bg2, #fbfaf7);
  font: 500 12px/1 var(--font-ui, Inter);
  color: var(--muted, #647184);
}
#view-seo .intel-site-pager-btn {
  appearance: none;
  padding: 4px 10px;
  background: var(--surface, #fffdf8);
  border: 1px solid var(--line, #d7d0c3);
  border-radius: var(--radius-sm, 6px);
  color: var(--ink, #101722);
  font: 600 12px/1 var(--font-ui, Inter);
  cursor: pointer;
}
#view-seo .intel-site-pager-btn:disabled { opacity: .42; cursor: default; }
#view-seo .intel-site-pager-stat { font-variant-numeric: tabular-nums; }

/* Rank fresh / period badges */
#view-seo .intel-rank-fresh,
#view-seo .intel-rank-period {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  background: var(--good-soft, #dff2e7);
  color: #17623a;
  border-radius: 999px;
  font: 700 10px/1 var(--font-ui, Inter);
  letter-spacing: .04em;
  text-transform: uppercase;
}
#view-seo .intel-rank-period {
  background: var(--bg3, #ebe7de);
  color: var(--muted, #647184);
}

/* Rankings card wrapper */
#view-seo .intel-rankings-card,
#view-seo .intel-report-library {
  background: var(--surface, #fffdf8);
  border: 1px solid var(--line, #d7d0c3);
  border-radius: var(--radius-lg, 12px);
  padding: 16px 18px;
}

/* Sparkline elements (svg paths get color through stroke=currentColor) */
#view-seo .intel-spark,
#view-seo .intel-sparkline {
  color: var(--gold, #c18a25);
}
#view-seo .intel-spark-line { stroke: var(--gold, #c18a25); stroke-width: 1.5; fill: none; }
#view-seo .intel-spark-fill { fill: rgba(193,138,37,.18); }
#view-seo .intel-spark-baseline { stroke: var(--border2, #ebe7de); stroke-dasharray: 2 3; }

/* Tag chips (intel-tag is used in AI / LLM list rows) */
#view-seo .intel-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  background: var(--blue-soft, #e0e9fb);
  color: #17468e;
  border-radius: 999px;
  font: 700 10px/1 var(--font-ui, Inter);
  letter-spacing: .04em;
}
#view-seo .intel-tag-lab {
  font: 500 12px/1 var(--font-ui, Inter);
  color: var(--muted, #647184);
}

/* Top keywords section header (when intel-top-keywords is a wrapper, not a card) */
#view-seo .intel-top-keywords {
  display: flex;
  flex-direction: column;
  gap: 8px;
}