/* Nonmodal subscription invitation; isolated from the chat panel's styling. */
.telegram-promo[hidden]{display:none}
.telegram-promo{position:fixed;left:max(22px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom));z-index:400;width:min(408px,calc(100vw - 44px));max-height:calc(100vh - 44px);max-height:calc(100dvh - 44px);overflow:auto;padding:20px;background:var(--surface,#fff);color:var(--text,#242933);border:1px solid var(--line,#d8dce4);border-radius:22px;box-shadow:0 16px 48px rgba(15,23,42,.18);text-align:left}
.telegram-promo-heading{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:start;gap:14px}
.telegram-promo .telegram-icon{display:grid;place-items:center;width:50px;height:50px;flex:none;border-radius:50%;background:linear-gradient(145deg,#29b6ed,#169ed0);color:#fff;box-shadow:0 8px 18px rgba(25,161,210,.24)}
.telegram-promo h2{margin:0;padding-right:26px;font-size:18px;line-height:1.3;font-weight:750;letter-spacing:-.02em}
.telegram-promo p{margin:8px 0 0;color:var(--muted,#586477);font-size:15px;line-height:1.55}
.telegram-promo .telegram-close{position:absolute;right:6px;top:6px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted,#586477);cursor:pointer}
.telegram-promo .telegram-close:hover{background:var(--surface-2,#f0f5fa);color:var(--text,#242933)}
.telegram-promo .telegram-join{display:flex;align-items:center;justify-content:center;gap:9px;min-height:54px;margin-top:16px;padding:12px 16px;border:1px solid transparent;border-radius:13px;background:#147aa3;color:#fff;text-decoration:none;font-size:16px;font-weight:750;line-height:1.3;box-shadow:0 7px 18px rgba(20,122,163,.18)}
.telegram-promo .telegram-join:hover{background:#106789}
.telegram-promo svg{display:block;flex:none}
.telegram-promo :focus-visible{outline:3px solid #159bd0;outline-offset:3px}
html[data-theme=dark] .telegram-promo{box-shadow:0 16px 48px rgba(0,0,0,.35)}
@media(max-width:760px){.telegram-promo{left:max(12px,env(safe-area-inset-left));bottom:calc(82px + env(safe-area-inset-bottom));width:min(408px,calc(100vw - 24px));max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);padding:18px;border-radius:20px}}
@media(max-width:380px){.telegram-promo-heading{grid-template-columns:42px minmax(0,1fr);gap:10px}.telegram-promo .telegram-icon{width:42px;height:42px}.telegram-promo h2{font-size:16px;padding-right:20px}.telegram-promo p{font-size:14px}}
@media(forced-colors:active){.telegram-promo{border:1px solid CanvasText;box-shadow:none}.telegram-promo .telegram-join{border-color:ButtonText;background:ButtonFace;color:ButtonText}.telegram-promo .telegram-icon{background:Canvas;color:CanvasText}}