.demo-banner{
background: linear-gradient(90deg, var(--charcoal), #2b3131);
color:#fff; padding:10px 20px; display:flex; align-items:center; justify-content:space-between;
gap:12px; flex-wrap:wrap; font-size:13px; position:sticky; top:0; z-index:50;
}
.demo-banner .role-toggle{background:rgba(255,255,255,0.12);}
.demo-banner .role-toggle .role-btn{color:#fff;}
.demo-banner .role-toggle .role-btn.active{background:var(--gold); color:#fff;}
@media (max-width:640px){ .demo-banner{padding:8px 12px; font-size:12px;} }