/* support_tg_widget.css — simple Telegram contact widget (bottom-right) */

.tg-support{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
}

.tg-support__btn{
  width: 54px;
  height: 54px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.14);
  background: linear-gradient(135deg, rgba(34, 211, 238, .95), rgba(59, 130, 246, .92)); /* cyan → blue */
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 60px rgba(0,0,0,.38);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fff;
}

.tg-support__btn:hover{ filter: brightness(1.06); }

.tg-support__btn svg{ width: 28px; height: 28px; }

.tg-support__panel{
  position: absolute;
  right: 0;
  bottom: 66px;
  width: min(340px, calc(100vw - 40px));
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(17, 24, 39, .78);
  backdrop-filter: blur(14px);
  box-shadow: 0 22px 80px rgba(0,0,0,.55);
  padding: 14px 14px 12px;
  color: rgba(255,255,255,.92);
}

.tg-support__title{ font-weight: 900; margin: 0 0 6px 0; }
.tg-support__text{ margin: 0 0 10px 0; line-height: 1.35; color: rgba(255,255,255,.86); font-size: 13px; }

.tg-support__actions{ display:flex; gap:10px; justify-content:flex-end; align-items:center; }

.tg-support__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: linear-gradient(135deg, rgba(59,130,246,.95), rgba(16,185,129,.75));
  color: #fff;
  font-weight: 900;
  text-decoration: none;
  font-size: 13px;
}

.tg-support__link:hover{ filter: brightness(1.05); }

.tg-support__close{
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.92);
  border-radius: 14px;
  padding: 10px 12px;
  cursor: pointer;
  font-weight: 800;
  font-size: 13px;
}

.tg-support__close:hover{ background: rgba(255,255,255,.12); }

.tg-support.is-open .tg-support__panel{ display:block; }
.tg-support__panel{ display:none; }