/* Only what the demo adds on top of the product's own dashboard stylesheet. */

.demo-banner {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; flex-wrap: wrap;
  padding: 10px 20px;
  background: var(--surface-1);
  border-bottom: 1px solid var(--border);
  font-size: 13px; color: var(--text-secondary);
}
.demo-banner strong { color: var(--text-primary); }
.demo-cta {
  text-decoration: none; font-size: 13px; padding: 5px 12px; border-radius: 8px;
  background: var(--text-primary); color: var(--surface-1); white-space: nowrap;
}
.demo-cta:hover { opacity: .88; }

/* Sign-out has nothing to sign out of here. */
#sign-out, #who { display: none; }