/* Единый верхний бар приложений демо (телефон / спокойный режим / PWA) — консистентная навигация */
.app-bar { width: 100%; max-width: 460px; margin: 0 auto; display: flex; align-items: center; gap: 10px; }
.app-bar-brand { display: flex; align-items: center; gap: 10px; min-width: 0; }
.app-bar-ic { flex: none; width: 34px; height: 34px; border-radius: 10px; background: linear-gradient(140deg, var(--cyan), var(--blue)); color: #fff; display: grid; place-items: center; overflow: hidden; }
.app-bar-ic img { display: block; }
.app-bar-brand b { font-size: 15px; font-weight: 800; display: block; line-height: 1.05; }
.app-bar-brand small { font-family: var(--font-mono); font-size: 9.5px; letter-spacing: .09em; text-transform: uppercase; color: var(--text-3); white-space: nowrap; }
.app-bar-acts { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.app-bar-btn { display: inline-flex; align-items: center; gap: 7px; font-family: var(--font-body); font-size: 13px; font-weight: 650; color: var(--text-2); background: var(--soft-fill); border: 1px solid var(--line-2); border-radius: 10px; padding: 9px 13px; cursor: pointer; text-decoration: none; white-space: nowrap; }
.app-bar-btn:hover { color: var(--text); border-color: var(--cyan); }
.app-bar-btn.icon { padding: 9px; }
.app-bar-btn.back .chev { display: inline-flex; align-items: center; font-size: 16px; line-height: 1; }
.app-bar-btn.primary { background: linear-gradient(120deg, var(--cyan), var(--blue)); color: #04111d; border-color: transparent; }
[data-theme="light"] .app-bar-btn.primary { color: #fff; }
@media (max-width: 460px) {
  .app-bar-btn.label-hide span { display: none; }
}