/* the demo pages: a line on top that says the data is made up */
.demo-bar { max-width: 1380px; margin: 0 auto 16px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px;
  background: #FFF8D6; border: 1px solid #F1E2A0; border-radius: 14px; padding: 10px 16px; font-size: 14px; color: var(--ink); }
.demo-bar .row { gap: 8px; flex-wrap: wrap; }
body[data-page="cabinet"] #client.auth-box { max-width: 980px; }
@media (max-width: 600px) { .demo-bar { margin: 0; border-radius: 0; border-left: 0; border-right: 0; } }
.demo-pick { text-decoration: none; color: var(--text); align-items: flex-start; border: 1px solid var(--line); }
.demo-pick:hover { border-color: var(--primary); }
.demo-pick b { color: var(--ink); font-size: 18px; }
/* on a narrow phone the header has no room for the button: «Регистрация» moves into the yellow line */
.demo-reg-bar { display: none; }
@media (max-width: 480px) { .top .app-actions .btn { display: none; } .demo-reg-bar { display: inline-flex; } }