|  | @@ -26,5 +26,28 @@
 | 
	
		
			
				|  |  |  .sub { font-size:12px; color:#777; }
 | 
	
		
			
				|  |  |  .ops { display:flex; align-items:center; }
 | 
	
		
			
				|  |  |  .overlay { position:fixed; inset:0; background:rgba(0,0,0,0.2); }
 | 
	
		
			
				|  |  | -.customer-panel { z-index:100;position:fixed; right:20px; top:60px; width:480px; height:80vh; background:#fff; border:1px solid #ddd; border-radius:8px; box-shadow:0 8px 24px rgba(0,0,0,0.1); overflow:auto; padding:8px; }
 | 
	
		
			
				|  |  | -.customer-panel .close { position:absolute; right:12px; top:10px; padding:6px 10px; }
 | 
	
		
			
				|  |  | +@media (max-width: 768px) {
 | 
	
		
			
				|  |  | +    .customer-panel { 
 | 
	
		
			
				|  |  | +        width:100vw!important;
 | 
	
		
			
				|  |  | +        height:100vh!important;
 | 
	
		
			
				|  |  | +        top:0px!important;
 | 
	
		
			
				|  |  | +        left:0px;
 | 
	
		
			
				|  |  | +        position: absolute;
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +.customer-panel { 
 | 
	
		
			
				|  |  | +    z-index:100;position:fixed;
 | 
	
		
			
				|  |  | +     right:20px;
 | 
	
		
			
				|  |  | +     top:60px;
 | 
	
		
			
				|  |  | +     width:480px;
 | 
	
		
			
				|  |  | +     height:90vh;
 | 
	
		
			
				|  |  | +     background:#fff;
 | 
	
		
			
				|  |  | +     border:1px solid #ddd;
 | 
	
		
			
				|  |  | +     border-radius:8px;
 | 
	
		
			
				|  |  | +     box-shadow:0 8px 24px rgba(0,0,0,0.1);
 | 
	
		
			
				|  |  | +     overflow:auto;
 | 
	
		
			
				|  |  | +     padding:8px;
 | 
	
		
			
				|  |  | + }
 | 
	
		
			
				|  |  | +.customer-panel .close { 
 | 
	
		
			
				|  |  | +    position:absolute; right:12px; top:10px; padding:6px 10px; }
 |