/* Avis « données fictives » de la démo (partials/demo-notice.php), sur chaque page d'un tenant de démo
   (tableau de bord, portail client, app mobile, site public) et sur l'écran d'entrée.
   Chargée dans le <head> par partials/demo-notice-head.php. */

.demo-notice {
    margin: 0; padding: 6px 16px; text-align: center;
    background: #fff7e6; color: #5c3d00; border-bottom: 1px solid #f0d49c;
    font: 500 12px/1.4 'Inter', 'Segoe UI', system-ui, sans-serif; letter-spacing: 0;
}
.demo-notice b { font-weight: 700; }
.demo-notice a { color: inherit !important; text-decoration: underline !important; margin-left: 8px; white-space: nowrap; }
/* Tableau de bord : fixé en haut ; le corps, la barre latérale, le bouton menu et le « ? » flottant sont décalés de
   sa hauteur réelle (--demo-notice-h, mesurée par le partiel), sous les fenêtres modales et les couches du guide. */
.demo-notice--fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 1040; }
body.ui-has-banner { padding-top: var(--demo-notice-h, 40px); }
body.ui-has-banner .ui-sidebar { top: var(--demo-notice-h, 40px); height: calc(100vh - var(--demo-notice-h, 40px)); }
body.ui-has-banner .ui-mob-hamburger { top: calc(var(--demo-notice-h, 40px) + 12px); }
html body.ui-has-banner #mgHelp.mg-help--float { top: calc(var(--demo-notice-h, 40px) + 14px); }
/* Portail client, site public et app mobile : collé en haut pendant le défilement ; l'en-tête collant de l'app et la
   barre de navigation du site public (fixed-top au défilement, legacy-assets/js/main.js) passent dessous. */
.demo-notice--sticky { position: sticky; top: 0; z-index: 60; }
.demo-notice--sticky ~ .header .navbar.fixed-top { top: var(--demo-notice-h, 0px); }
.demo-notice--sticky ~ .mx-root .mx-hdr { top: var(--demo-notice-h, 0px); padding-top: 14px; }
.demo-notice--mobile { padding-top: max(6px, env(safe-area-inset-top, 0px)); }
/* Écran d'entrée : encadré près du bouton de lancement. */
.demo-notice--inline { border: 1px solid #f0d49c; border-radius: 10px; text-align: left; padding: 10px 12px; font-size: 13px; }