/* v2-showcase.css — демо-кабинет владельца (срез 56B-4a). Баннер «данные вымышленные» + CTA, экран «Бот».
 * Отступ под баннер даёт body.is-readonly (v2-flows.css, --ro-h = фактическая высота баннера, меряет showcase.js).
 * Цвета — только токены tokens.css; баннер светлый акцентный, а не тёмный «админский» (не путать с просмотром админа). */

body.is-showcase #profile-btn,
body.is-showcase .avatar-btn { display: none; }

.sc-banner {
  position: fixed; top: 0; left: 0; right: 0; z-index: 90; min-height: var(--ro-h, 52px); box-sizing: border-box;
  display: flex; align-items: center; gap: var(--space-3); flex-wrap: nowrap;
  padding: var(--space-2) var(--space-4); padding-top: max(var(--space-2), env(safe-area-inset-top));
  background: var(--accent-050); color: var(--warm-900); border-bottom: 1px solid var(--warm-150);
  font-size: var(--text-md); line-height: var(--leading-snug);
}
.sc-banner__dot { width: 10px; height: 10px; border-radius: 50%; background: var(--accent-600); flex: none; }
.sc-banner__text { flex: 1 1 auto; min-width: 0; }
.sc-banner__short { display: none; }
.sc-banner__cta,
.sc-banner__exit {
  flex: none; min-height: 36px; padding: 0 var(--space-3); border-radius: var(--radius-md); cursor: pointer;
  font: inherit; font-size: var(--text-md); font-weight: var(--weight-semibold);
  display: inline-flex; align-items: center; justify-content: center; text-decoration: none; box-sizing: border-box;
}
.sc-banner__cta { background: var(--accent-700); color: var(--warm-0); border: 1px solid var(--accent-700); } /* белый текст ≥4.5:1 */
.sc-banner__cta:hover { filter: brightness(0.92); }
.sc-banner__exit { background: transparent; color: var(--warm-900); border: 1px solid var(--warm-300); font-weight: var(--weight-medium); }
.sc-banner__exit:hover { background: var(--warm-100); }
.sc-banner__cta:focus-visible,
.sc-banner__exit:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--accent-500); }

@media (max-width: 899px) {
  .sc-banner { font-size: var(--text-sm); padding-left: var(--space-3); padding-right: var(--space-3); gap: var(--space-2); }
  .sc-banner__text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .sc-banner__cta { padding: 0 var(--space-2); font-size: var(--text-sm); }
  .sc-banner__exit { display: none; } /* «Выйти из демо» на телефоне — на экране «Бот» */
}
/* Телефон: короткая надпись целиком (длинная в две строки обрезалась рядом с кнопкой) */
@media (max-width: 599px) {
  .sc-banner__long { display: none; }
  .sc-banner__short { display: inline; font-weight: var(--weight-semibold); }
}

/* Экран «Бот» (вместо «Ещё»): ссылки на разделы, язык, CTA. */
.sc-menu__cta { display: flex; flex-direction: column; gap: var(--space-3); margin-top: var(--space-4); padding: 0 var(--space-4); }
.sc-menu__cta .btn { width: 100%; text-align: center; text-decoration: none; justify-content: center; }
.sc-menu__exit { background: transparent; border: 1px solid var(--warm-200); color: var(--warm-900); border-radius: var(--radius-md); min-height: 44px; cursor: pointer; font: inherit; }

/* Подпись под аналитикой: числа вымышленные. */
.sc-note { margin: var(--space-4) var(--space-4) var(--space-6); color: var(--warm-600); font-size: var(--text-sm); }

body.is-showcase .nt-cta { text-decoration: none; display: inline-flex; justify-content: center; }

/* 60B: демо «Поиск клиентов» (?showcase=leads): «Поиск» (ICP только для чтения), «Тарифы», «Ещё». Токены «Воды», новых цветов нет. */
.sc-icp { display: flex; flex-direction: column; gap: var(--space-5); }
.sc-icp .sc-note { margin: 0; }
.sc-icp .btn { width: 100%; justify-content: center; text-align: center; text-decoration: none; }
.sc-free {
  width: 100%; box-sizing: border-box; min-height: 64px; padding: var(--space-3); resize: none;
  font: inherit; font-size: var(--text-base); color: var(--text-muted);
  background: var(--warm-100); border: 1px solid var(--warm-200); border-radius: var(--radius-md);
}
.sc-free:disabled { cursor: not-allowed; opacity: 0.85; }
.sc-free-box { gap: var(--space-3); }
.sc-tariffs .sc-trial { padding: var(--space-4); margin-bottom: var(--space-4); }
.sc-tariffs .sc-trial .sc-note { margin: var(--space-1) 0 0; }
.sc-tariffs .v2p-tariff__cta { text-decoration: none; display: inline-flex; align-items: center; justify-content: center; text-align: center; }
.sc-profiles .chip { white-space: normal; text-align: left; max-width: 100%; height: auto; min-height: 36px; padding-top: var(--space-2); padding-bottom: var(--space-2); }
/* В демо «Поиск клиентов» смена статуса работает (в памяти) — «только просмотр»-приглушение кнопок не нужно. */
body.is-showcase-leads.is-readonly [data-ro-action],
body.is-showcase-leads.is-readonly .btn-move,
body.is-showcase-leads.is-readonly .lv-btn--primary { opacity: 1; cursor: pointer; }