/* Demo banner (app/views/demo.py). Quiet on purpose: one line, the paper colour, no alarm. */
.demo-bar { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3) var(--s-4); flex-wrap: wrap;
  padding: var(--s-2) var(--s-6); background: var(--sheet); border-bottom: 1px solid var(--rule); font-size: var(--f-13); }
.demo-note { display: flex; align-items: center; gap: var(--s-2); margin: 0; color: var(--ink-2); line-height: 20px; }
.demo-note svg { width: 16px; height: 16px; flex: none; color: var(--stamp); }
.demo-note strong { color: var(--ink); font-weight: 600; }
.demo-actions { display: flex; align-items: center; gap: var(--s-2); flex-wrap: wrap; }
.demo-actions form { margin: 0; }
@media (max-width: 767px) {
  .demo-bar { padding: var(--s-2) var(--s-4); }
  .demo-actions { width: 100%; }
  .demo-actions .btn-primary { margin-left: auto; }
}