/* Only demo chrome/isolation. Panel component CSS is copied without changes. */
.demo-toolbar{height:54px;background:#fbfdf9;color:#263320;border-bottom:1px solid #d2e0cb;display:flex;align-items:center;gap:20px;padding:0 20px;position:fixed;inset:0 0 auto;z-index:99990;font:13px Onest,sans-serif}
.demo-home img{width:98px;display:block}.demo-toolbar label{margin-left:auto;display:flex;align-items:center;gap:8px}.demo-toolbar select{width:auto;font:inherit;padding:6px 28px 6px 10px;border:1px solid #d2e0cb;border-radius:6px;background:#fff;color:#263320}.demo-connect{background:#38654d;color:#fff;padding:9px 13px;border-radius:6px;text-decoration:none;white-space:nowrap}.demo-toolbar~.app{padding-top:54px}.sidebar{top:54px!important;height:calc(100dvh - 54px)!important}.main{padding-top:54px}.demo-toast{position:fixed;z-index:999999;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 20px;max-width:calc(100vw - 32px);width:max-content;background:var(--ink);color:var(--card);border-radius:8px;font:14px Onest,sans-serif;box-shadow:0 8px 30px #0002}
#conn-status,#app-loading-screen{display:none!important}.powered-by-anexis img{width:76px;height:auto}.demo-embedded .demo-home,.demo-embedded .demo-connect{display:none}.demo-embedded .demo-toolbar{height:42px}.demo-embedded .sidebar{top:42px!important;height:calc(100dvh - 42px)!important}.demo-embedded .main{padding-top:42px}.demo-embedded .demo-toolbar~.app{padding-top:42px}
@media(max-width:650px){.demo-toolbar{padding:0 12px;gap:10px}.demo-caption{font-size:11px;max-width:95px}.demo-home{display:none}.demo-toolbar label{font-size:0}.demo-toolbar select{font-size:12px;max-width:146px}.demo-connect{font-size:11px}.mobile-topbar{top:54px!important}.demo-embedded .mobile-topbar{top:42px!important}}

@media(max-width:650px){.demo-toolbar{gap:8px;padding-inline:10px}.demo-caption{flex:1;min-width:0;max-width:80px}.demo-toolbar label{margin-left:0;flex-shrink:0}.demo-connect{padding:8px;flex-shrink:0}}