/* call_button.css — единый компонент кнопки «Позвонить». build 1521.
   Зелёная (звонок) кнопка, три варианта: success / outline-success / ghost.
   Иконка fa-phone-volume + опциональная подпись. */
.call-btn {
  display: inline-flex; align-items: center; gap: 6px;
  font-weight: 600; white-space: nowrap; line-height: 1.4;
  cursor: pointer;
}
.call-btn .fa-phone-volume, .call-btn .fa-spinner { font-size: .95em; }
.call-btn.btn-success { background: #43b77a; border-color: #43b77a; }
.call-btn.btn-success:hover { background: #379a65; border-color: #379a65; }
.call-btn-block { display: inline-flex; width: 100%; justify-content: center; }

/* ghost-вариант — для тесных мест (шапка сайдбара тикета): мягкая зелёная плашка */
.call-btn-ghost {
  border: 0; border-radius: 7px; padding: 4px 10px; font-size: .8rem;
  background: #e8f5e9; color: #1f7a52;
}
.call-btn-ghost:hover { background: #d5edd9; color: #166138; }
.call-btn-ghost:disabled { opacity: .6; cursor: default; }

/* компактная иконочная кнопка (только телефон, без текста) */
.call-btn.call-btn-icon { padding: 4px 8px; }
.call-btn.call-btn-icon .call-btn-lbl { display: none; }

/* тёмная тема */
[data-bs-theme="dark"] .call-btn-ghost, .dark-theme .call-btn-ghost {
  background: rgba(67, 183, 122, .2); color: #7fd6a8;
}
[data-bs-theme="dark"] .call-btn-ghost:hover, .dark-theme .call-btn-ghost:hover {
  background: rgba(67, 183, 122, .3); color: #9ce3bd;
}