/* Public demo banner and locked controls (views/dz/_console-top.ejs, public/js/console-demo.js). */
.cx-demo-bar{position:sticky;top:0;z-index:200;display:flex;align-items:center;gap:10px;min-height:40px;padding:6px 16px;background:#3a2e0f;color:#ffe9a8;border-bottom:1px solid rgba(231,201,139,.45);font-size:13px;line-height:1.35}
.cx-demo-bar b{font-weight:700;letter-spacing:.01em;min-width:0}
.cx-demo-bar i{font-size:18px;color:#e7c98b;flex:none}
.cx-demo-bar .sp{flex:1}
.cx-demo-bar .cx-btn{white-space:nowrap;flex:none}
/* the side menu sticks under the banner, so neither covers the other */
@media(min-width:921px){.cx-demo-bar + .cx-shell .cx-side{top:40px;height:calc(100vh - 40px)}.cx-demo-bar b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
[data-demo-locked]{opacity:.55;cursor:not-allowed}
@media(max-width:640px){.cx-demo-bar{padding:6px 12px;font-size:12px;flex-wrap:wrap}.cx-demo-bar .sp{display:none}.cx-demo-bar .cx-btn{margin-left:auto}}