/* install.css: the demo bar and the service worker's "Update ready"
 * banner (B6b, PLAN 12 and D17). Token colours only. */
.cs-demo {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px;
  max-width: 1208px; margin: 12px 16px 0; padding: 8px 16px;
  border-radius: var(--radius); background: var(--accent-soft); color: var(--accent-soft-text); font-size: var(--text-sm);
}
@media (min-width: 1240px) { .cs-demo { margin-left: auto; margin-right: auto; } }
.cs-demo-text { flex: 1 1 260px; margin: 0; }
.cs-demo-links { display: flex; flex-wrap: wrap; gap: 0 12px; }
.cs-demo-links a { display: inline-flex; align-items: center; min-height: 44px; color: var(--accent-soft-text); font-weight: 600; }
.cs-update {
  position: fixed; left: 50%; bottom: calc(16px + env(safe-area-inset-bottom)); transform: translateX(-50%); z-index: 50;
  padding: 6px; border-radius: var(--radius); background: var(--surface-raised); box-shadow: var(--shadow-3);
}
.cs-update .cs-btn { min-height: 44px; }
@media print { .cs-demo, .cs-update { display: none !important; } }