/* Демо-экспорт кабинета: плашка, неактивные элементы, ряд готовых срезов. */
.demo-banner { position: sticky; top: 0; z-index: 60; display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: center;
  justify-content: center; padding: 8px 16px; background: #fef3c7; color: #78350f; border-bottom: 1px solid #fcd34d; font-size: 14px; }
.demo-banner-link { font-weight: 600; color: #4338ca; text-decoration: underline; }
.demo-form { position: relative; }
.demo-form [disabled], .demo-disabled { opacity: .55; cursor: not-allowed; }
.demo-disabled { pointer-events: none; }
.demo-hint { display: inline-block; margin-left: 8px; font-size: 12px; color: #64748b; }
.demo-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 14px; }
.demo-nav-title { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: #64748b; margin-right: 4px; }
.demo-examples a { margin-right: 10px; }
@media print { .demo-banner, .demo-nav { display: none !important; } }