/**
 * Phase 6 — Boardroom executive experience (Bloomberg / Palantir-inspired).
 */

.rab7a-executive-mode #fmcg-command-section,
.rab7a-executive-mode #fmcg-executive-board-section,
.rab7a-executive-mode #fmcg-visual-intelligence-section,
.rab7a-executive-mode #fmcg-consulting-section,
.rab7a-executive-mode #fmcg-intelligence-charts-section,
.rab7a-executive-mode #fmcg-destroyers-section,
.rab7a-executive-mode #fmcg-action-section,
.rab7a-executive-mode #fmcg-enterprise-app,
.rab7a-executive-mode #fmcg-legacy-wrap {
  display: none !important;
}

.rab7a-executive-mode.rab7a-detail-visible #fmcg-enterprise-app,
.rab7a-executive-mode.rab7a-detail-visible #fmcg-legacy-wrap,
.rab7a-executive-mode.rab7a-detail-visible #fmcg-dq-section {
  display: block !important;
}

.rab7a-executive-mode #page-fmcg .container {
  max-width: 1280px;
}

.rab7a-executive-mode #page-fmcg {
  background: #04060a;
}

.rab7a-executive-mode #fmcg-sticky-kpi-bar {
  display: none !important;
}

#fmcg-executive-experience-section {
  display: none;
}

.rab7a-executive-mode #fmcg-executive-experience-section {
  display: block;
}

.exec-15s-briefing {
  background: linear-gradient(180deg, #0d1117 0%, #0a0e14 100%);
  border: 1px solid rgba(77, 159, 255, 0.4);
  border-radius: 14px;
  padding: 20px 24px;
  margin-bottom: 18px;
}

.exec-15s-briefing h2 {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--xp-blue, #4d9fff);
  margin: 0 0 14px;
}

.exec-15s-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.exec-15s-cell {
  background: rgba(0, 0, 0, 0.35);
  border-radius: 10px;
  padding: 12px 14px;
}

.exec-15s-cell.wide {
  grid-column: span 2;
}

.exec-15s-cell .lbl {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--xp-muted, #7b8aa8);
  margin-bottom: 4px;
}

.exec-15s-cell .val {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
}

.exec-15s-cell .val.risk {
  color: var(--xp-red, #ff4d6a);
  font-size: 20px;
}

@media (max-width: 800px) {
  .exec-15s-grid { grid-template-columns: 1fr; }
  .exec-15s-cell.wide { grid-column: span 1; }
}

.exec-mission-control {
  background: linear-gradient(135deg, #1a0a12 0%, #0f1628 50%, #0a1a14 100%);
  border: 1px solid rgba(201, 162, 39, 0.35);
  border-radius: 16px;
  padding: 24px 28px;
  margin-bottom: 22px;
}

.exec-mission-control h2 {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 6px;
  color: var(--xp-gold, #c9a227);
}

.exec-mission-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin: 18px 0;
}

@media (max-width: 800px) {
  .exec-mission-grid { grid-template-columns: 1fr; }
}

.exec-mission-stat {
  background: rgba(0, 0, 0, 0.35);
  border-radius: 12px;
  padding: 16px;
  border-top: 3px solid var(--xp-green, #2ee59d);
}

.exec-mission-stat.risk { border-top-color: var(--xp-red, #ff4d6a); }
.exec-mission-stat.quick { border-top-color: var(--xp-blue, #4d9fff); }

.exec-mission-stat .val {
  font-size: 26px;
  font-weight: 800;
}

.exec-mission-stat .lbl {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--xp-muted, #7b8aa8);
  margin-bottom: 6px;
}

.exec-recovery-card {
  background: rgba(0, 0, 0, 0.28);
  border-radius: 10px;
  padding: 14px 16px;
  margin-bottom: 10px;
  border-left: 4px solid var(--xp-orange, #ff9f43);
}

.exec-recovery-card.pri-1 { border-left-color: var(--xp-red); }

.exec-xp {
  --xp-bg: #06080d;
  --xp-panel: #0c1018;
  --xp-border: rgba(88, 120, 180, 0.22);
  --xp-text: #e8edf7;
  --xp-muted: #7b8aa8;
  --xp-red: #ff4d6a;
  --xp-orange: #ff9f43;
  --xp-green: #2ee59d;
  --xp-blue: #4d9fff;
  --xp-gold: #c9a227;
  font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
  color: var(--xp-text);
  margin-bottom: 32px;
}

.exec-xp-hero {
  background: linear-gradient(135deg, #0a1220 0%, #0f1628 45%, #121a2e 100%);
  border: 1px solid var(--xp-border);
  border-radius: 16px;
  padding: 28px 32px 24px;
  margin-bottom: 20px;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);
}

.exec-xp-hero-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 20px;
}

.exec-xp-badge {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--xp-gold);
}

.exec-xp-hero h1 {
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.03em;
  margin: 6px 0 8px;
}

.exec-xp-hero-sub {
  font-size: 14px;
  line-height: 1.55;
  color: var(--xp-muted);
  max-width: 720px;
}

.exec-xp-confidence {
  text-align: right;
  min-width: 140px;
}

.exec-xp-confidence-val {
  font-size: 32px;
  font-weight: 800;
  color: var(--xp-green);
}

.exec-xp-confidence-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--xp-muted);
}

.exec-kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 12px;
  margin-bottom: 20px;
}

.exec-kpi-card {
  background: var(--xp-panel);
  border: 1px solid var(--xp-border);
  border-radius: 12px;
  padding: 14px 16px;
  border-top: 3px solid var(--xp-muted);
  transition: transform 0.2s, border-color 0.2s;
}

.exec-kpi-card:hover {
  transform: translateY(-2px);
  border-color: rgba(77, 159, 255, 0.45);
}

.exec-kpi-card.status-red { border-top-color: var(--xp-red); }
.exec-kpi-card.status-orange { border-top-color: var(--xp-orange); }
.exec-kpi-card.status-green { border-top-color: var(--xp-green); }
.exec-kpi-card.status-blue { border-top-color: var(--xp-blue); }

.exec-kpi-label {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--xp-muted);
  margin-bottom: 6px;
}

.exec-kpi-value {
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

.exec-kpi-meta {
  font-size: 11px;
  color: var(--xp-muted);
  margin-top: 6px;
}

.exec-kpi-trend.up { color: var(--xp-green); }
.exec-kpi-trend.down { color: var(--xp-red); }

.exec-triptych {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-bottom: 20px;
}

@media (max-width: 960px) {
  .exec-triptych { grid-template-columns: 1fr; }
}

.exec-tri-box {
  background: var(--xp-panel);
  border: 1px solid var(--xp-border);
  border-radius: 12px;
  padding: 16px;
}

.exec-tri-box h3 {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 12px;
}

.exec-tri-box.risks h3 { color: var(--xp-red); }
.exec-tri-box.opps h3 { color: var(--xp-blue); }
.exec-tri-box.actions h3 { color: var(--xp-gold); }

.exec-tri-item {
  font-size: 13px;
  line-height: 1.45;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.exec-tri-item:last-child { border-bottom: none; }

.exec-tri-item.pri-red { border-left: 3px solid var(--xp-red); padding-left: 10px; }
.exec-tri-item.pri-blue { border-left: 3px solid var(--xp-blue); padding-left: 10px; }
.exec-tri-item.pri-orange { border-left: 3px solid var(--xp-orange); padding-left: 10px; }
.exec-tri-item.pri-green { border-left: 3px solid var(--xp-green); padding-left: 10px; }

.exec-decision-board {
  background: var(--xp-panel);
  border: 1px solid var(--xp-border);
  border-radius: 16px;
  padding: 20px 22px;
  margin-bottom: 20px;
}

.exec-decision-board h2 {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 4px;
}

.exec-decision-board .sub {
  font-size: 13px;
  color: var(--xp-muted);
  margin-bottom: 18px;
}

.exec-decision-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 16px;
  align-items: start;
  padding: 16px;
  margin-bottom: 10px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.25);
  border-left: 4px solid var(--xp-orange);
}

.exec-decision-card.pri-1 { border-left-color: var(--xp-red); }
.exec-decision-card.pri-2 { border-left-color: var(--xp-orange); }
.exec-decision-card.pri-3 { border-left-color: var(--xp-gold); }

.exec-decision-rank {
  font-size: 28px;
  font-weight: 900;
  color: var(--xp-muted);
  line-height: 1;
  min-width: 36px;
}

.exec-decision-title {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 6px;
}

.exec-decision-action {
  font-size: 13px;
  color: var(--xp-muted);
  margin-bottom: 10px;
}

.exec-decision-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.exec-tag {
  font-size: 10px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--xp-muted);
}

.exec-tag.impact { color: var(--xp-green); border: 1px solid rgba(46, 229, 157, 0.35); }
.exec-tag.conf-high { color: var(--xp-green); }
.exec-tag.conf-low { color: var(--xp-orange); }

.exec-waterfall-wrap {
  background: var(--xp-panel);
  border: 1px solid var(--xp-border);
  border-radius: 16px;
  padding: 20px 22px;
  margin-bottom: 20px;
}

.exec-waterfall-wrap h2 {
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 16px;
}

.exec-waterfall {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.exec-wf-row {
  display: grid;
  grid-template-columns: 140px 1fr 100px;
  align-items: center;
  gap: 12px;
  font-size: 12px;
}

.exec-wf-bar-wrap {
  height: 22px;
  background: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
  overflow: hidden;
}

.exec-wf-bar {
  height: 100%;
  border-radius: 4px;
  transition: width 0.6s ease;
}

.exec-wf-bar.positive { background: linear-gradient(90deg, #1a5c3a, var(--xp-green)); }
.exec-wf-bar.negative { background: linear-gradient(90deg, #6b2030, var(--xp-red)); }
.exec-wf-bar.neutral { background: linear-gradient(90deg, #2a3f6b, var(--xp-blue)); }
.exec-wf-bar.total { background: linear-gradient(90deg, #3d3208, var(--xp-gold)); }

.exec-wf-amt { text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; }

.exec-drill {
  border: 1px solid var(--xp-border);
  border-radius: 12px;
  margin-bottom: 10px;
  overflow: hidden;
  background: var(--xp-panel);
}

.exec-drill summary {
  cursor: pointer;
  padding: 14px 18px;
  font-size: 14px;
  font-weight: 700;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.exec-drill summary::-webkit-details-marker { display: none; }

.exec-drill summary::after {
  content: '+';
  font-size: 18px;
  color: var(--xp-muted);
}

.exec-drill[open] summary::after { content: '−'; }

.exec-drill-body {
  padding: 0 18px 16px;
  font-size: 13px;
  color: var(--xp-muted);
  line-height: 1.5;
}

.exec-drill-actions {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.exec-btn-detail {
  font-size: 12px;
  font-weight: 600;
  padding: 8px 14px;
  border-radius: 8px;
  border: 1px solid var(--xp-border);
  background: rgba(77, 159, 255, 0.12);
  color: var(--xp-blue);
  cursor: pointer;
  font-family: inherit;
}

.exec-btn-detail:hover {
  background: rgba(77, 159, 255, 0.22);
}

.report-structure-nav.exec-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
  padding: 12px;
  background: var(--xp-panel, #0c1018);
  border-radius: 12px;
  border: 1px solid var(--xp-border, rgba(88, 120, 180, 0.22));
}

.report-nav-btn.exec-nav-btn {
  font-size: 12px;
  padding: 8px 14px;
  border-radius: 8px;
  border: 1px solid transparent;
  background: rgba(255, 255, 255, 0.04);
  color: #a8b4cc;
}

.report-nav-btn.exec-nav-btn.active {
  background: rgba(77, 159, 255, 0.2);
  border-color: rgba(77, 159, 255, 0.5);
  color: #fff;
}
