/* Public demo only: the banner and the real-accounts box. The app's own look comes from style.css. */
.demo-banner {
  position: sticky; top: 0; z-index: 50; margin: 0; padding: 9px 16px; text-align: center;
  font-weight: 700; letter-spacing: .02em; color: #1b1240;
  background: linear-gradient(90deg, #fcd34d, #f9a8d4 55%, #c4b5fd);
  box-shadow: 0 4px 18px rgba(3, 2, 20, .45);
}
.demo-banner small { font-weight: 500; margin-left: 8px; }
.demo-real { max-width: 1080px; margin: 8px auto 40px; padding: 0 28px; }
.demo-real .panel { border: 1px dashed var(--field-line); }
.demo-real ul { padding-left: 20px; }
.demo-real a { color: var(--brand-soft); font-weight: 600; }
@media (max-width: 640px) {
  .demo-banner small { display: block; margin: 2px 0 0; }
  .demo-real { padding: 0 16px; }
}