/* HUB DÉMO — bande « données figées » + petit tag DÉMO dans la barre. Reste dans la palette du
   site (fond sombre, accent var(--mv-acc)). N'altère AUCUN style des pages copiées. */

.demo-tag {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; font-weight: 700; letter-spacing: 0.08em;
  color: #0e1a12; background: var(--mv-acc, #6fcf97);
  padding: 3px 7px; border-radius: 5px; flex: none;
}

/* Bande fixée en bas — visible sans gêner la barre de navigation (sticky en haut). */
.demo-ribbon {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 250;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  height: 34px; padding: 0 16px;
  background: rgba(20, 16, 14, 0.94);
  border-top: 1px solid #342c27;
  backdrop-filter: blur(6px);
  font-family: 'Geist', system-ui, sans-serif;
  font-size: 12.5px; color: #cdbfb4;
}
.demo-ribbon b { color: #f4dfcb; font-weight: 700; letter-spacing: 0.03em; }
.demo-ribbon__dot {
  width: 7px; height: 7px; border-radius: 50%; flex: none;
  background: var(--mv-acc, #6fcf97);
  box-shadow: 0 0 8px rgba(111, 207, 151, 0.7);
  animation: demoPulse 1.8s ease-in-out infinite;
}
.demo-ribbon__cta {
  color: var(--mv-acc, #6fcf97); font-weight: 600; text-decoration: none;
}
.demo-ribbon__cta:hover { text-decoration: underline; }

/* Laisser respirer le contenu au-dessus de la bande. */
body.has-demo-ribbon { padding-bottom: 34px; }

@keyframes demoPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}

/* ── Démo : éclairage ambré de fond ATTÉNUÉ (moins voyant que sur le site) ── */
body {
  background-image:
    radial-gradient(rgba(250, 242, 232, 0.05) 1.2px, transparent 1.8px),
    radial-gradient(130% 75% at 50% -14%, rgba(160, 122, 86, 0.06), transparent 60%) !important;
  background-size: 13px 13px, 100% 100% !important;
}

/* ── Démo : supprime l'espace vide en bas du cadre (padding bas des pages ramené au minimum) ── */
.rm-module, .ad-page, .cp-page, .cot-page, .re-page, .rk-page, .tend-page, .sa-page {
  padding-bottom: 18px !important;
}

/* ── Démo : aucun scroll horizontal ; le Radar (table large) est resserré pour tenir dans le cadre ── */
html, body { overflow-x: hidden !important; }
.rm-scroll { overflow-x: hidden !important; }
.rm-grid {
  grid-template-columns: 218px 90px 34px 108px 92px 78px 78px 84px 16px 78px 78px 78px !important;
  min-width: 0 !important;
}