.telegram-widget{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));z-index:1000;font-family:inherit}
.telegram-panel{position:absolute;right:0;bottom:100%;width:min(350px,calc(100vw - 40px));max-height:calc(100vh - 180px - env(safe-area-inset-bottom));max-height:calc(100dvh - 180px - env(safe-area-inset-bottom));overflow-y:auto;margin-bottom:14px;background:#fff;color:#101828;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 12px 48px #10284033}
.telegram-panel[hidden]{display:none}
.telegram-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;background:#229ed9;color:#fff}
.telegram-header h2{margin:0;font-size:18px;line-height:1.3}
.telegram-header p{margin:4px 0 0;font-size:13px}
.telegram-close{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:0;border-radius:50%;background:#ffffff26;color:#fff;font-size:27px;cursor:pointer}
.telegram-body{padding:18px;text-align:center}
.telegram-body>p{margin:0;color:#667085;font-size:14px;line-height:1.5}
.telegram-qr{display:block;width:min(210px,100%);height:auto;margin:14px auto;background:#fff}
.telegram-link{display:block;margin:12px 0;color:#086da3;font-size:14px;text-decoration:underline;overflow-wrap:anywhere}
.telegram-actions{display:flex;flex-wrap:wrap;gap:8px}
.telegram-open,.telegram-copy{flex:1 1 120px;display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border-radius:9px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;cursor:pointer;text-decoration:none}
.telegram-open{background:#168ac3;color:#fff;border:1px solid #168ac3}
.telegram-copy{background:#f0f7fb;color:#125c82;border:1px solid #cfdfeb;font-family:inherit;font-size:14px;font-weight:600}
.telegram-body .telegram-status{min-height:21px;margin-top:10px;color:#125c82;font-size:12px}
.telegram-widget button:focus-visible,.telegram-widget a:focus-visible{outline:3px solid #144bc4;outline-offset:3px}
@media(max-width:480px){.telegram-widget{right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom))}.telegram-panel{position:absolute;right:0;bottom:100%;width:min(350px,calc(100vw - 24px))}}
@media(prefers-reduced-motion:reduce){.telegram-toggle{transition:none}}

.ai-chat-toggle img{display:block;width:50px;height:50px;object-fit:contain}
.telegram-toggle,.ai-chat-toggle{display:flex;align-items:center;gap:0;width:76px;height:76px;box-sizing:border-box;max-width:calc(100vw - 40px);padding:10px;margin:0 0 10px auto;border:1px solid #0db9f4;border-radius:999px;background:linear-gradient(110deg,#061e38,#021023);color:#fff;font-family:inherit;font-size:12px;font-weight:700;line-height:1.3;text-align:left;text-decoration:none;box-shadow:0 6px 20px #001a3540,inset 0 0 15px #0079bb14;cursor:pointer;overflow:hidden;opacity:.8;transition:width 1s ease,gap 1s ease,opacity 1s ease,background 1s ease,box-shadow 1s ease}
.telegram-toggle{margin-bottom:0}
.floating-action-icon{display:grid;place-items:center;width:54px;height:54px;flex-shrink:0;border-radius:50%}
.ai-chat-toggle .floating-action-icon{background:#ffffff}
.telegram-toggle .floating-action-icon{background:#10a9e0;color:#fff}
.telegram-toggle .floating-action-icon svg{width:27px;height:27px}
.floating-action-label{flex:1;min-width:0;max-width:0;white-space:nowrap;overflow:hidden;opacity:0;transition:max-width 1s ease,opacity 1s ease}
.floating-action-arrow{flex-shrink:0;max-width:0;overflow:hidden;opacity:0;font-size:25px;font-weight:400;line-height:1;color:#d9ecff;transition:max-width 1s ease,opacity 1s ease}
.ai-chat-toggle:is(:hover,:focus-visible),.telegram-toggle:is(:hover,:focus-visible,[aria-expanded="true"]){width:230px;gap:10px;opacity:1;background:linear-gradient(110deg,#0a2c4c,#061b33);box-shadow:0 6px 24px #008fd340}
.ai-chat-toggle:is(:hover,:focus-visible) .floating-action-label,.telegram-toggle:is(:hover,:focus-visible,[aria-expanded="true"]) .floating-action-label{max-width:170px;opacity:1}
.ai-chat-toggle:is(:hover,:focus-visible) .floating-action-arrow,.telegram-toggle:is(:hover,:focus-visible,[aria-expanded="true"]) .floating-action-arrow{max-width:16px;opacity:1}
@media(max-width:480px){.telegram-toggle,.ai-chat-toggle{width:60px;height:60px;padding:9px}.floating-action-icon{width:40px;height:40px}.ai-chat-toggle img{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.telegram-toggle,.ai-chat-toggle,.floating-action-label,.floating-action-arrow{transition:none}}