/*
  RidePush — кнопка «Поддержка» (chat.js, ADR-037).

  Стиль намеренно повторяет кнопку обучения (.gp-guide-btn в tour.css) до пикселя:
  в углу кабинета должна стоять ПАРА одинаковых пилюль, а не два разных элемента.
  Отличается только значок — и это единственное, чем им положено отличаться.

  Правило на будущее: правится размер или цвет одной кнопки — правится и вторая,
  иначе пара разъезжается. Место в углу (док .gp-dock) описано в tour.css.

  Своих цветов здесь нет ни одного: всё из переменных app.css, поэтому тёмная тема
  подхватывается сама.
*/

/* Ближе к углу, чем обучение (у .gp-guide-btn order:2): чат нужен постоянно,
   а обучение проходят один раз. Порядок задан order, а не разметкой, — кнопки
   создаются двумя разными файлами в непредсказуемом порядке. */
.gp-chat-btn{
  order:3;
  position:relative;
  display:flex;align-items:center;gap:7px;
  padding:9px 14px;border:1px solid var(--line);border-radius:999px;
  background:var(--panel);color:var(--ink);font:inherit;font-size:13px;font-weight:600;
  box-shadow:0 6px 18px rgba(0,0,0,.14);cursor:pointer
}
.gp-chat-btn:hover{border-color:var(--accent);color:var(--accent)}

.gp-chat-btn .gp-chat-ic{
  width:18px;height:18px;flex:0 0 18px;border-radius:50%;
  background:var(--accent);color:var(--accent-ink);
  display:flex;align-items:center;justify-content:center
}
.gp-chat-btn .gp-chat-ic svg{width:12px;height:12px;display:block}

/* ---------------------------------------------------------------- состояния */

/* Ждём чужой скрипт. Курсор и приглушённый значок — единственный признак того,
   что клик не пропал: сам виджет откроется через полсекунды-секунду. */
.gp-chat-btn.is-busy{cursor:progress}
.gp-chat-btn.is-busy .gp-chat-ic{opacity:.55}

/* Скрипт не загрузился (CSP, блокировщик, недоступный хост). Кнопка не притворяется
   рабочей: гасим акцент и убираем ховер-обещание. */
.gp-chat-btn.is-broken{color:var(--muted);cursor:default}
.gp-chat-btn.is-broken:hover{border-color:var(--line);color:var(--muted)}
.gp-chat-btn.is-broken .gp-chat-ic{background:var(--muted)}

/* Ответ поддержки при закрытом окне. Родного пузыря со счётчиком у нас нет
   (он спрятан ради пары в углу), поэтому непрочитанное показываем сами. */
.gp-chat-btn .gp-chat-dot{
  display:none;
  position:absolute;top:6px;right:10px;
  width:8px;height:8px;border-radius:50%;
  background:var(--err);border:2px solid var(--panel);box-sizing:content-box
}
.gp-chat-btn.has-unread .gp-chat-dot{display:block}