/* Botronix community launcher. Styles are scoped to this component. */
.bx-telegram.bx-telegram-v2 {
  --tg-red:#dc1537;
  position:fixed;right:max(18px,env(safe-area-inset-right));
  bottom:calc(max(18px,env(safe-area-inset-bottom)) + 78px);
  z-index:99970;width:210px;max-width:calc(100vw - 36px);
  padding:0;border:0;border-radius:17px;background:transparent;box-shadow:none;
  color:#222832;font-family:Inter,Arial,Helvetica,sans-serif;
}
.bx-telegram-v2 > summary {
  position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 25px;
  align-items:center;gap:11px;min-height:66px;padding:9px 11px 9px 9px;
  list-style:none;cursor:pointer;isolation:isolate;overflow:hidden;
  border:1px solid #eabcc6;border-radius:16px 16px 22px 16px;
  background:linear-gradient(125deg,#fff 46%,#fff4f6 100%);
  box-shadow:0 4px 0 #e9ccd2,0 10px 28px #9d15351b,inset 0 1px 0 #fff;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
  -webkit-tap-highlight-color:transparent;
}
.bx-telegram-v2 > summary::-webkit-details-marker {display:none}
.bx-telegram-v2 > summary::after {
  content:"";position:absolute;top:0;left:17px;right:17px;height:2px;
  background:linear-gradient(90deg,#f6294e,#dc1537 65%,transparent);
  pointer-events:none;
}
.bx-telegram-v2 > summary:hover,.bx-telegram-v2[open] > summary {
  transform:translateY(-2px);border-color:#e64a66;
  box-shadow:0 5px 0 #e6bcc6,0 15px 34px #b1143426;
}
.bx-telegram-v2 > summary:focus-visible,.bx-telegram-v2 .bx-tg-link:focus-visible {
  outline:3px solid #d51a3a;outline-offset:4px;
}
.bx-tg-icon {
  display:grid;place-items:center;width:44px;height:44px;
  border:1px solid #d81035;border-radius:12px 12px 17px 12px;
  background:linear-gradient(140deg,#ff3859,#da1438 67%,#b90d2e);
  box-shadow:0 5px 12px #d5163833,inset 0 1px 0 #ff8fa3;
}
.bx-tg-icon svg {width:25px;height:25px;fill:#fff;transition:transform .2s ease}
.bx-telegram-v2 > summary:hover .bx-tg-icon svg {transform:translate(1px,-1px) rotate(-5deg)}
.bx-tg-copy {display:block;min-width:0;text-align:left;line-height:1.15}
.bx-tg-copy small {display:block;color:#b82743;font-size:8px;font-weight:800;letter-spacing:1.05px;line-height:1.4;overflow-wrap:anywhere}
.bx-tg-copy strong {display:block;margin-top:3px;color:#222832;font-size:18px;font-weight:800;letter-spacing:-.4px;line-height:1.2}
.bx-tg-toggle {display:grid;place-items:center;width:25px;height:25px;border:1px solid #ecd0d7;border-radius:8px;background:#fff;color:#ce1637}
.bx-tg-toggle svg {width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.bx-telegram-v2[open] .bx-tg-toggle svg {transform:rotate(180deg)}
.bx-tg-panel {
  position:absolute;bottom:calc(100% + 15px);right:0;display:grid;gap:7px;
  width:288px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 190px);overflow:auto;
  padding:10px;border:1px solid #dbe0e7;border-top:3px solid var(--tg-red);
  border-radius:18px 18px 8px 18px;background:#fff;
  box-shadow:0 16px 50px #17253620,0 3px 12px #dc153710;
}
.bx-tg-panel-head {padding:7px 5px 9px;text-align:left}
.bx-tg-panel-head span {display:block;color:#c41a37;font-size:9px;font-weight:800;letter-spacing:1.7px;line-height:1.5}
.bx-tg-panel-head strong {display:block;margin-top:2px;color:#242b35;font-size:17px;letter-spacing:-.3px;line-height:1.35}
.bx-telegram-v2 .bx-tg-link {
  display:flex;align-items:center;gap:12px;margin:0;padding:12px;
  border:1px solid #e9eaf0;border-radius:12px;background:#f7f8fa;color:#252c36;
  text-decoration:none;transition:background .15s ease,border-color .15s ease;
}
.bx-telegram-v2 .bx-tg-link:hover {border-color:#edb3c0;background:#fff1f4}
.bx-tg-link-icon {display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid #f1cbd3;border-radius:10px;background:#fff;color:#d51a3a}
.bx-tg-link-icon svg {width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bx-tg-link-copy {flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.4}
.bx-tg-link-copy strong {display:block;font-size:14px;font-weight:800;color:#232a33}
.bx-tg-link-copy small {display:block;margin-top:2px;font-size:11px;color:#5d6572}
.bx-tg-link-arrow {flex:0 0 15px;width:15px;height:15px;fill:none;stroke:#d51a3a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bx-telegram-v2.bx-tg-chat-open {visibility:hidden;pointer-events:none}
body:not(:has(.fm-guest-chat-v86)) .bx-telegram-v2 {bottom:max(22px,env(safe-area-inset-bottom))}
@media(max-width:520px) {
  .bx-telegram.bx-telegram-v2 {right:max(10px,env(safe-area-inset-right));bottom:calc(max(10px,env(safe-area-inset-bottom)) + 71px);width:188px;max-width:calc(100vw - 20px)}
  .bx-telegram-v2 > summary {min-height:59px;grid-template-columns:38px minmax(0,1fr) 22px;gap:9px;padding:8px;border-radius:14px 14px 19px 14px}
  .bx-tg-icon {width:38px;height:38px;border-radius:10px 10px 14px 10px}
  .bx-tg-icon svg {width:23px;height:23px}
  .bx-tg-copy strong {font-size:16px}
  .bx-tg-copy small {font-size:7px;letter-spacing:.8px}
  .bx-tg-toggle {width:22px;height:22px;border-radius:7px}
  .bx-tg-panel {max-width:calc(100vw - 20px);max-height:calc(100dvh - 167px)}
}
@media(prefers-reduced-motion:reduce) {
  .bx-telegram-v2 > summary,.bx-tg-icon svg,.bx-tg-toggle svg,.bx-telegram-v2 .bx-tg-link {transition:none}
}
