.demo-mode {
  background: linear-gradient(
    90deg, transparent,
    var(--chola-accent-light), 
    transparent
  ); 
  display: flex; align-items: center;
  justify-content: space-between; 
  padding: 8px 16px; gap: 12px;
  font-size: 13px; font-weight: 500; 
  color: var(--chola-ink);
}
.demo-left { display: flex; align-items: center; gap: 10px; }
.demo-badge {
  background: rgba(107, 107, 107, 0.2);
  border: 1px solid rgba(107, 107, 107, 0.3);
  border-radius: 20px; padding: 2px 10px;
  font-size: 11px; font-weight: 600;
  white-space: nowrap; letter-spacing: 0.05em;
}
.demo-text { font-size: 13px; font-weight: 500; }
.demo-right {
  display: flex; align-items: center;
  gap: 6px; font-size: 12px; opacity: 0.9;
}
.demo-right i { font-size: 12px; }
.demo-divider { opacity: 0.4; margin: 0 4px; }
@media (max-width:920px) {
  .demo-mode { flex-direction: column; }
}
@media (max-width:430px) {
  .demo-right { flex-direction: column; }
}