/*
  Запасной путь, когда чат не открылся. Свой файл, а не строчки в app.css или
  cabinet.css: блок нужен на всех страницах с кнопкой чата, а стили этих двух
  наборов до сих пор не совпадали — сообщение о недоступном чате уезжало за
  нижний край экрана именно поэтому.

  Цвета берутся из переменных страницы: оба набора объявляют их одинаково.
*/
.chat-fallback {
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid var(--line, rgba(255, 255, 255, .12));
  border-radius: 12px;
  background: var(--surface, rgba(255, 255, 255, .04));
  text-align: left;
  /* Кнопка чата бывает плиткой в сетке быстрых действий на главной. Блок
     вставал туда пятой плиткой: 174 px по ширине, адрес почты в две строки.
     Своя строка во всю ширину — в обычном потоке эти два свойства ничего не
     меняют. */
  grid-column: 1 / -1;
  flex-basis: 100%;
  width: 100%;
  /* Нижняя навигация кабинета фиксированная, окно про неё не знает: прокрутка
     доводила блок до нижнего края экрана, и ссылка на почту оказывалась под
     меню — нажатие попадало по кнопке «Подписки». */
  scroll-margin-bottom: calc(84px + env(safe-area-inset-bottom, 0px));
}

.chat-fallback-text {
  margin: 0 0 10px;
  color: var(--text-2, #b6bcc4);
  font-size: .86rem;
  line-height: 1.5;
}

.chat-fallback-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
}

.chat-fallback-links a {
  color: var(--accent-text, #7ee39b);
  font-size: .88rem;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;
}