/* AI Assistant page: chat bubble illustration (from the "Talkom - Chat Button" design) */
.cb-stage{display:flex;align-items:flex-end;justify-content:center;min-height:260px;padding:32px 24px;border-radius:6px;background:#f4f6f8;}
.cb{display:flex;flex-direction:column;align-items:flex-end;gap:16px;color:var(--ink);}
.cb-bub{position:relative;background:#fff;border:1px solid rgba(22,42,61,.08);border-radius:20px 20px 6px 20px;padding:16px 46px 16px 18px;max-width:300px;box-shadow:0 2px 4px rgba(22,42,61,.05),0 14px 36px rgba(22,42,61,.12);display:flex;gap:12px;align-items:flex-start;cursor:pointer;transform-origin:bottom right;animation:cbIn .5s cubic-bezier(.2,.9,.3,1.2) .6s both;transition:opacity .25s,transform .25s;}
.cb-bub.gone{opacity:0;transform:scale(.85) translateY(8px);pointer-events:none;}
@keyframes cbIn{from{opacity:0;transform:scale(.85) translateY(8px)}}
.cb-av{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:var(--ink) url(/demo-hu/assets/logo-mark-dark.png) center/cover;position:relative;}
.cb-av::after{content:"";position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:#22c55e;border:2px solid #fff;}
.cb-tx b{display:block;font-size:12.5px;font-weight:700;color:#6b7a87;margin-bottom:3px;}
.art .cb-tx p{margin:0;font-size:16px;font-weight:600;line-height:1.35;color:var(--ink);}
.cb-x{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;border:0;background:#f1f3f5;color:#6b7a87;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s;}
.cb-x:hover{background:var(--ink);color:#fff;}
.cb-x svg{width:12px;height:12px;}
.cb-btn{position:relative;width:64px;height:64px;border-radius:50%;border:0;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 30px rgba(22,42,61,.28),0 3px 8px rgba(22,42,61,.14);transition:transform .2s,background .2s;}
.cb-btn:hover{transform:scale(1.06);background:#1e3850;}
.cb-btn::before{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--teal);opacity:0;animation:cbRing 2.8s ease-out 1.4s infinite;}
@keyframes cbRing{0%{opacity:.7;transform:scale(.9)}80%,100%{opacity:0;transform:scale(1.25)}}
.cb-btn svg{width:28px;height:28px;}
.cb-dot{position:absolute;top:2px;right:2px;min-width:20px;height:20px;border-radius:10px;background:var(--teal);color:var(--ink);font-size:11.5px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #f4f6f8;transition:transform .2s;}
.cb-btn.read .cb-dot{transform:scale(0);}
@media(prefers-reduced-motion:reduce){.cb-bub{animation:none;}.cb-btn::before{animation:none;}}