/* Плашка демо-кабинета (demo.go, шаблон demo-bar): яркая в обеих темах, чтобы
   пример нельзя было принять за чужой настоящий кабинет. */
.demo-bar {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 14px;
  position: relative; z-index: 1; padding: 9px 16px; background: #2f6bff; color: #fff;
  font-size: 13.5px; line-height: 1.4; text-align: center;
}
.demo-bar b { font-weight: 700; }
.demo-bar-text { flex: 1 1 420px; max-width: 760px; }
.demo-bar-act { display: inline-grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 8px; }
.demo-bar-btn {
  display: inline-flex; align-items: center; justify-content: center; padding: 6px 14px;
  border: 1px solid rgba(255, 255, 255, .7); border-radius: 999px; color: #fff;
  font-weight: 600; text-decoration: none; white-space: nowrap;
}
.demo-bar-btn.is-main { background: #fff; color: #1a3fa8; border-color: #fff; }
.demo-bar-btn:hover { background: rgba(255, 255, 255, .15); }
.demo-bar-btn.is-main:hover { background: #eef3ff; }
@media (max-width: 640px) {
  .demo-bar-act { grid-auto-flow: row; width: 100%; }
}