/* Parmeton Network — bandeau et aides de la démo de l'espace membre. Couleurs : variables de site.css. */
.demo-banner{border-bottom:1px solid var(--line-strong);background:linear-gradient(90deg,rgba(34,229,234,.10),rgba(13,21,48,.85) 55%,rgba(229,17,46,.08));padding:12px 0}
.demo-banner .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}
.demo-lead{margin:0;flex:1 1 420px;font-size:14.5px;color:var(--muted);max-width:none}
.demo-lead strong{color:var(--ink);font-weight:600}
.demo-tag{display:inline-block;margin-right:8px;padding:2px 10px;border-radius:999px;border:1px solid rgba(34,229,234,.5);background:rgba(34,229,234,.12);color:var(--cyan);font-size:13px;font-weight:600}
.demo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:14px;color:var(--muted)}
.demo-pass code{padding:2px 8px;border-radius:6px;background:rgba(237,239,243,.07);color:var(--ink);font-family:var(--mono);font-size:13.5px}
.demo-btn{font:500 13.5px/1 var(--body);color:var(--ink);min-height:34px;padding:0 12px;border-radius:9px;border:1px solid var(--line-strong);background:rgba(237,239,243,.04);cursor:pointer}
.demo-btn:hover{border-color:var(--cyan)}
.demo-help{flex:1 1 100%;font-size:14px;color:var(--muted)}
.demo-help summary{cursor:pointer;width:max-content;max-width:100%;color:var(--cyan);border-radius:6px}
.demo-help ul{margin:10px 0 0;padding-left:20px;max-width:88ch}
.demo-help li{margin:4px 0}
.demo-help b{color:var(--ink);font-weight:600}
.demo-hint{margin:6px 0 0;font-size:13.5px;color:var(--cyan)}
@media (max-width:640px){.demo-actions{width:100%}}
.app .balance>div:not(.main) dd{white-space:nowrap;font-size:1.15rem}

/* sélecteur de langue (identique à celui du site) */
.lang-switch{display:flex;align-items:center;gap:2px;flex:none;margin-left:-20px}
.lang-switch a,.lang-switch span{display:inline-flex;align-items:center;justify-content:center;padding:10px 8px;border-radius:8px;line-height:0;transition:background .15s,opacity .15s}
.lang-switch svg{display:block;border-radius:3px;box-shadow:0 0 0 1px rgba(237,239,243,.3)}
.lang-switch a{opacity:.62}
.lang-switch a:hover{opacity:1;background:rgba(237,239,243,.06)}
.lang-switch [aria-current]{background:rgba(237,239,243,.08);box-shadow:inset 0 -2px 0 var(--red)}
@media (max-width:1120px){.lang-switch{margin-left:auto;order:1}.menu-btn{order:2;margin-left:6px}}
@media (max-width:480px){.site-header .wrap{gap:12px}.lang-switch a,.lang-switch span{padding:10px 5px}}
@media (max-width:440px){.brand small{display:none}}
@media (prefers-reduced-motion:reduce){.lang-switch a,.lang-switch span{transition:none}}