/* Demo controls stay inside the existing sidebar/header, never above the workspace. */
.demo-session-notice{flex:none;padding:10px;background:#fff9df;border:1px solid #e4cc72;border-radius:9px;color:#685214;font-size:12px}
.demo-session-notice p{margin:0;line-height:1.6}
.demo-session-notice p>span{display:block;font-size:11px}
.demo-session-notice>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}
.demo-session-notice button{min-height:34px;padding:5px 8px;background:#fff;border-color:#d8bd5a;color:#685214;white-space:nowrap;font-size:11px}
.demo-session-notice a{font-size:11px;color:#685214;white-space:nowrap}
.demo-app .inventory-account-trigger{pointer-events:none;cursor:default}
.demo-mobile-qr>a{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--action-ink,var(--blue));text-align:center}
.demo-mobile-qr strong{font-size:12px}
.demo-mobile-qr img{display:block;width:124px;height:124px;background:#fff;max-width:100%}
.demo-mobile-qr span{font-size:10px;line-height:1.5;color:var(--muted)}
.demo-mobile-qr a:hover strong{text-decoration:underline}
.demo-mobile-qr a:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}
#dialog .demo-session-notice{margin-top:12px}
.demo-mobile-note{display:block;font-size:10px;font-weight:400;line-height:1.5;letter-spacing:0;color:#685214;margin-top:2px}
@media(max-width:700px){
 .demo-app .demo-mobile-qr{display:none}
 .demo-app .inventory-mobile-head>a:first-child{line-height:1.3}
 .demo-app .demo-session-notice button,.demo-app .demo-session-notice a{min-height:44px;display:inline-flex;align-items:center;font-size:12px}
}