/* Ajouts propres à la démo */
.demo-strip{background:#0b1620;color:#f7f7f5;font:500 13px/1.5 Manrope,system-ui,sans-serif;text-align:center;padding:8px 16px;position:relative;z-index:1000}
.demo-strip strong{letter-spacing:.06em;text-transform:uppercase;margin-right:6px}
.demo-strip code{background:rgba(255,255,255,.14);padding:1px 6px;border-radius:4px;font-size:12px}
.demo-strip a{color:#f7f7f5;text-decoration:underline;white-space:nowrap;margin-left:6px}
.demo-rgpd{font:400 12.5px/1.45 Manrope,system-ui,sans-serif;color:#5b524d;background:#f6efe9;border:1px dashed #c9b3a6;border-radius:10px;padding:8px 10px;margin:0 0 12px}
.demo-mail-fond{position:fixed;inset:0;background:rgba(11,22,32,.55);display:flex;align-items:center;justify-content:center;padding:16px;z-index:10000}
.demo-mail{background:#fff;color:#2b2724;max-width:560px;width:100%;max-height:85vh;overflow:auto;border-radius:16px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);font:400 14px/1.5 Manrope,system-ui,sans-serif}
.demo-mail-titre{font-size:18px;font-weight:700;margin:0 0 4px}
.demo-mail-note{color:#6b625d;margin:0 0 14px;font-size:13px}
.demo-mail-item{border:1px solid #eadfd8;border-radius:12px;padding:12px;margin-bottom:12px;background:#fcf9f7}
.demo-mail-item pre{white-space:pre-wrap;font:inherit;margin:8px 0 0}
.demo-mail-fermer{font:600 14px Manrope,system-ui,sans-serif;background:#8E5B4C;color:#fff;border:0;border-radius:999px;padding:10px 18px;cursor:pointer}
@media (prefers-color-scheme: dark){.demo-mail{background:#1d1a19;color:#f2ece8}.demo-mail-item{background:#262220;border-color:#3a332f}.demo-mail-note{color:#b9aea7}}
.demo-strip-rgpd{font:inherit;color:inherit;background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}
.demo-mail-item pre{overflow-wrap:anywhere}
@media (max-width:640px){.demo-strip .demo-long{display:none}.demo-strip{font-size:12px;padding:6px 12px}}
/* Démo : le code Manager ne se change pas, on masque le rappel « code par défaut » */
#bandeauCodeDefaut{display:none!important}