/* Showcase demo (demo.php): the strip across the top that says the data is simulated. */
#demo-bar{position:fixed;top:0;left:0;right:0;z-index:5000;display:flex;align-items:center;gap:12px;height:30px;padding:0 14px;
  background:color-mix(in srgb,var(--amber,#f6b93b) 18%,var(--bg,#05090c));border-bottom:1px solid color-mix(in srgb,var(--amber,#f6b93b) 55%,transparent);
  color:var(--tx,#e9f1f3);font-size:12.5px;white-space:nowrap;overflow:hidden}
#demo-bar b{background:var(--amber,#f6b93b);color:#1a1300;padding:1px 8px;border-radius:5px;font-weight:800;letter-spacing:.6px;font-size:11px}
#demo-bar span{overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;color:var(--mu,#8d9fa9)}
#demo-bar a{color:var(--tx,#e9f1f3);font-weight:700;text-decoration:none;border:1px solid var(--line2,#1f3340);padding:2px 10px;border-radius:6px;background:var(--surface,#0a1217)}
#demo-bar a:hover{border-color:var(--amber,#f6b93b)}
body.demo{padding-top:30px}
body.demo #app{height:calc(100vh - 30px)}
@media (max-width:860px){body.demo #app{height:auto}}
@media (max-width:560px){#demo-bar span{display:none}#demo-bar{justify-content:space-between}}