/* Dəstək köməkçisi (assets/js/chatbot.js): sürüşdürülə bilən düymə + WhatsApp görünüşlü söhbət pəncərəsi */
.cb-fab{position:fixed;z-index:45;right:20px;bottom:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));width:58px;height:58px;border-radius:50%;border:0;padding:0;display:flex;align-items:center;justify-content:center;background:var(--cb-color,#4f46e5);color:#fff;cursor:grab;box-shadow:0 6px 18px rgba(0,0,0,.30);touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:transform .2s}
.cb-fab:hover{transform:scale(1.08)}
.cb-fab.cb-stack{bottom:92px;bottom:calc(92px + env(safe-area-inset-bottom,0px))}
.cb-fab.cb-open{box-shadow:0 0 0 3px rgba(255,255,255,.55),0 6px 18px rgba(0,0,0,.30)}
.cb-fab.cb-dragging{cursor:grabbing;transform:scale(1.12);transition:none}
.cb-fab.cb-snap{transition:left .28s cubic-bezier(.2,.9,.3,1.2),right .28s cubic-bezier(.2,.9,.3,1.2),top .28s ease,transform .2s}
@media(max-width:860px){
  body:has(.bnav) .cb-fab{bottom:calc(96px + env(safe-area-inset-bottom,0px))}
  body:has(.bnav) .cb-fab.cb-stack{bottom:calc(170px + env(safe-area-inset-bottom,0px))}
}
.cb-fab{overflow:visible;background:transparent!important;box-shadow:0 6px 20px rgba(124,58,237,.55);animation:cbfloat 3.6s ease-in-out infinite}
.cb-fab:hover,.cb-fab.cb-open{animation-play-state:paused}
.cb-fab::before,.cb-fab::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(168,85,247,.6);pointer-events:none;animation:cbring 2.6s ease-out infinite}
.cb-fab::after{animation-delay:1.3s}
.cb-fab.cb-open::before,.cb-fab.cb-open::after,.cb-fab.cb-dragging::before,.cb-fab.cb-dragging::after{animation:none;opacity:0}
.cb-ico{width:100%;height:100%;border-radius:50%;object-fit:contain;pointer-events:none;-webkit-user-drag:none;animation:cbwig 7s ease-in-out infinite}
.cb-badge{position:absolute;right:-3px;top:-3px;min-width:21px;height:21px;padding:0 5px;border-radius:11px;background:#25d366;color:#fff;font-size:12px;font-weight:700;font-style:normal;display:flex;align-items:center;justify-content:center;border:2px solid #fff;pointer-events:none;animation:cbbadge 1.8s ease-in-out infinite}
@keyframes cbfloat{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes cbring{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.7);opacity:0}}
@keyframes cbwig{0%,84%,100%{transform:rotate(0)}88%{transform:rotate(-9deg)}92%{transform:rotate(9deg)}96%{transform:rotate(-5deg)}}
@keyframes cbbadge{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
.cb-win{--bg:#0b141a;--hd:#202c33;--in:#202c33;--out:#005c4b;--line:rgba(134,150,160,.18);--txt:#e9edef;--mut:#8696a0;--lnk:#53bdeb;--acc:#00a884;
  position:fixed;z-index:61;width:380px;max-width:100vw;height:600px;max-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--txt);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.5);overflow:hidden;font-size:14.5px;line-height:1.35}
.cb-win[hidden]{display:none}
@media(max-width:560px){.cb-win{border-radius:0;border:0;max-height:none}}
.cb-head{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 6px;padding-top:calc(8px + env(safe-area-inset-top,0px));background:var(--hd)}
.cb-back{background:transparent;border:0;color:var(--mut);width:34px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;padding:0;flex:none}
.cb-back:hover{background:var(--line)}
.cb-avw{position:relative;flex:none;width:42px;height:42px;cursor:pointer}
.cb-av{width:42px;height:42px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#fff;background:#6b7c85}
.cb-ondot{position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;background:#25d366;border:2px solid var(--hd)}
.cb-who{display:flex;flex-direction:column;min-width:0;flex:1}
.cb-who b{font-size:16.5px;font-weight:500;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cb-st{font-size:12.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.2em}
.cb-st-t{color:#25d366}
.cb-pv{position:absolute;inset:0;z-index:5;background:rgba(0,0,0,.82);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:pointer}
.cb-pv[hidden]{display:none}
.cb-pvi{width:min(70%,260px);aspect-ratio:1;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:96px;font-weight:700;color:#fff}
.cb-pv b{font-size:20px;font-weight:500}
.cb-log{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:2px;overscroll-behavior:contain;background-color:#0b141a;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120' fill='none' stroke='%23ffffff' stroke-opacity='.045' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M14 22h18a4 4 0 0 1 4 4v9a4 4 0 0 1-4 4h-9l-6 5v-5h-3a4 4 0 0 1-4-4v-9a4 4 0 0 1 4-4z'/><path d='M82 18l3 6 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z'/><path d='M30 82c-6-5-9-9-9-13a6 6 0 0 1 9-4 6 6 0 0 1 9 4c0 4-3 8-9 13z'/><circle cx='88' cy='88' r='9'/><path d='M84 88l3 3 5-6'/><path d='M60 54l10 0M65 49v10'/></svg>")}
.cb-note{align-self:center;max-width:92%;display:flex;gap:6px;align-items:flex-start;padding:6px 10px;border-radius:8px;background:#182229;color:#ffd279;font-size:12px;line-height:1.35;text-align:center;margin:4px 0 8px}
.cb-note svg{flex:none;margin-top:1px}
.cb-day{align-self:center;padding:4px 12px;border-radius:8px;background:#182229;color:var(--mut);font-size:12.5px;margin:8px 0;box-shadow:0 1px 1px rgba(0,0,0,.25)}
.cb-msg{display:flex;flex-direction:column;gap:6px;max-width:86%;align-items:flex-start}
.cb-msg.bot{align-self:flex-start}
.cb-msg.me{align-self:flex-end;align-items:flex-end}
.cb-msg.cb-tail{margin-top:7px}
.cb-b{position:relative;padding:6px 8px 5px 9px;border-radius:8px;background:var(--in);white-space:pre-line;word-break:break-word;box-shadow:0 1px .5px rgba(0,0,0,.3)}
.cb-msg.me .cb-b{background:var(--out)}
.cb-msg.cb-tail .cb-b::before{content:"";position:absolute;top:0;width:9px;height:12px;background:inherit}
.cb-msg.bot.cb-tail .cb-b{border-top-left-radius:0}
.cb-msg.bot.cb-tail .cb-b::before{left:-8px;clip-path:polygon(100% 0,0 0,100% 100%)}
.cb-msg.me.cb-tail .cb-b{border-top-right-radius:0}
.cb-msg.me.cb-tail .cb-b::before{right:-8px;clip-path:polygon(0 0,100% 0,0 100%)}
.cb-time{float:right;margin:7px 0 -3px 12px;font-size:11px;color:rgba(233,237,239,.6);display:inline-flex;align-items:center;gap:3px;white-space:nowrap;line-height:1}
.cb-tick{width:16px;height:16px;fill:none;stroke:#8696a0;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cb-tick.cb-rd{stroke:#53bdeb}
.cb-link{display:block;margin-top:8px;padding:8px 6px 4px;border-top:1px solid var(--line);color:var(--lnk);text-decoration:none;font-size:14.5px;text-align:center;font-weight:500;white-space:normal}
.cb-link:hover{text-decoration:underline}
.cb-dots{display:flex;gap:4px;padding:11px 12px;white-space:normal}
.cb-dots i{width:7px;height:7px;border-radius:50%;background:var(--mut);animation:cbd 1.1s infinite}
.cb-dots i:nth-child(2){animation-delay:.18s}.cb-dots i:nth-child(3){animation-delay:.36s}
@keyframes cbd{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.cb-lbl{font-size:12px;color:var(--mut);margin:2px 2px 0;width:100%}
/* Sürətli cavab düymələri: yığcam, sətirə sığan "pill" düymələr (ikonlu) */
.cb-msg.cb-hasc{max-width:100%;width:100%}
.cb-msg.cb-hasc>.cb-b{max-width:86%}
.cb-chips{display:flex;flex-wrap:wrap;gap:6px;width:100%;margin:2px 0 6px;transition:opacity .18s,transform .18s}
.cb-chips.cb-gone{opacity:0;transform:translateY(4px);pointer-events:none}
.cb-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-height:36px;font:inherit;font-size:13.5px;line-height:1.2;text-align:left;padding:7px 13px 7px 9px;border-radius:999px;background:rgba(32,44,51,.94);color:var(--lnk);border:1px solid rgba(83,189,235,.32);cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.28);font-weight:500;-webkit-tap-highlight-color:transparent}
.cb-chip i{flex:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(83,189,235,.14);color:var(--lnk);font-style:normal}
.cb-chip span{min-width:0;overflow-wrap:anywhere}
.cb-chip:hover{background:#2a3942;border-color:rgba(83,189,235,.6)}
.cb-chip:focus-visible{outline:2px solid var(--lnk);outline-offset:2px}
.cb-admin{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 12px;background:var(--hd);border-top:1px solid var(--line)}
.cb-admin-t{display:flex;align-items:center;gap:8px;color:var(--mut);font-size:12.5px;line-height:1.3}
.cb-admin-t svg{flex:none;color:#53bdeb}
.cb-admin-b{flex:none;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--acc);color:#fff;text-decoration:none;font-weight:600;font-size:13px}
.cb-form{display:flex;align-items:center;gap:8px;padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px));background:#0b141a}
.cb-pill{flex:1;min-width:0;display:flex;align-items:center;background:var(--hd);border-radius:999px;padding:0 6px 0 16px}
.cb-form input{flex:1;min-width:0;font:inherit;font-size:16px;padding:11px 0;border:0;background:transparent;color:var(--txt);outline:0}
.cb-form input::placeholder{color:var(--mut)}
.cb-snd{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--acc);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.cb-snd:active{filter:brightness(.9)}
.cb-tip{position:fixed;z-index:45;max-width:250px;display:flex;align-items:center;gap:9px;padding:8px 12px 8px 8px;border-radius:14px;background:#202c33;color:#e9edef;font-size:13px;line-height:1.3;box-shadow:0 8px 24px rgba(0,0,0,.35);opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s;pointer-events:none}
.cb-tip.show{opacity:1;transform:none}
.cb-tipav{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}
.cb-tipx{display:flex;flex-direction:column;min-width:0}
.cb-tipx b{font-size:13px;font-weight:600}
.cb-tipx span{color:#aebac1}
@media(prefers-reduced-motion:reduce){.cb-fab,.cb-fab.cb-snap,.cb-dots i,.cb-fabdot{transition:none;animation:none}}

/* ---------- animasiyalar ---------- */
.cb-win.cb-in{animation:cbwin .38s cubic-bezier(.2,.9,.25,1.15)}
@keyframes cbwin{0%{opacity:0;transform:scale(.25)}60%{opacity:1}100%{opacity:1;transform:scale(1)}}
.cb-msg{animation:cbpop .32s cubic-bezier(.2,.9,.3,1.2) both}
.cb-msg.bot{transform-origin:left top}.cb-msg.me{transform-origin:right top}
@keyframes cbpop{0%{opacity:0;transform:translateY(10px) scale(.86)}100%{opacity:1;transform:none}}
.cb-chip{animation:cbpop .35s cubic-bezier(.2,.9,.3,1.2) both;transition:background .15s,transform .12s}
.cb-chip:active{transform:scale(.96)}
.cb-chips .cb-chip:nth-child(2){animation-delay:.07s}.cb-chips .cb-chip:nth-child(3){animation-delay:.14s}.cb-chips .cb-chip:nth-child(4){animation-delay:.21s}.cb-chips .cb-chip:nth-child(5){animation-delay:.28s}.cb-chips .cb-chip:nth-child(6){animation-delay:.35s}
.cb-tick{transition:stroke .35s}
.cb-st{transition:color .25s}
.cb-st-t::after{content:"";display:inline-block;width:14px;text-align:left;animation:cbell 1.2s steps(4,end) infinite}
@keyframes cbell{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
.cb-ondot{animation:cbp 2s infinite}
.cb-av{transition:transform .2s}.cb-avw:active .cb-av{transform:scale(.92)}
.cb-pv{animation:cbfade .2s ease}.cb-pvi{animation:cbzoom .3s cubic-bezier(.2,.9,.3,1.2)}
@keyframes cbfade{from{opacity:0}to{opacity:1}}
@keyframes cbzoom{from{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}
.cb-snd{transition:transform .18s cubic-bezier(.2,.9,.3,1.4),background .2s}
.cb-snd.cb-act{transform:scale(1.08) rotate(-8deg)}
.cb-snd:active{transform:scale(.88)}
.cb-hic{flex:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--mut);text-decoration:none}
.cb-hic:hover{background:var(--line);color:#25d366}
.cb-hic.cb-sndt{border:0;background:transparent;cursor:pointer;padding:0;margin-left:auto;font:inherit}
.cb-hic.cb-sndt+.cb-hic{margin-left:2px}
.cb-hic.cb-sndt.cb-off{color:#5f6f78}
.cb-hic.cb-sndt:focus-visible{outline:2px solid var(--lnk);outline-offset:1px}
.cb-emb{flex:none;background:transparent;border:0;color:var(--mut);width:34px;height:34px;margin-left:-10px;margin-right:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;padding:0;transition:color .15s,transform .2s}
.cb-emb.cb-on{color:#25d366;transform:rotate(20deg)}
.cb-emo{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px 10px;background:var(--hd);border-top:1px solid var(--line);animation:cbup .22s ease}
.cb-emo[hidden]{display:none}
.cb-emo button{font-size:22px;line-height:1;background:transparent;border:0;padding:6px 0;border-radius:8px;cursor:pointer;transition:transform .12s,background .12s}
.cb-emo button:hover{background:var(--line);transform:scale(1.2)}
@keyframes cbup{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.cb-fab,.cb-fab::before,.cb-fab::after,.cb-ico,.cb-badge,.cb-msg,.cb-chip,.cb-win.cb-in,.cb-emo,.cb-pv,.cb-pvi,.cb-ondot,.cb-st-t::after{animation:none!important}.cb-chips{transition:none}}


/* Stabilita: başlıq və yazı paneli yerində qalır, yalnız mesaj siyahısı sürüşür. */
.cb-win{height:min(600px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);min-height:0}
.cb-head,.cb-admin,.cb-form{flex-shrink:0}
.cb-log{min-height:0;overscroll-behavior-y:contain;overflow-anchor:auto}
.cb-pv{z-index:3}
@media(max-width:560px){
  /* Mobil: tam ekran. top/height JS ilə görünən sahəyə (visualViewport) bərabərləşdirilir —
     klaviatura açılanda başlıq yuxarı qaçmır, yazı paneli klaviaturanın düz üstündə qalır. */
  .cb-win{left:0;right:0;top:0;bottom:auto;width:100%;height:100%;max-height:none;min-height:0;border-radius:0;border:0}
  .cb-head{padding-top:calc(8px + env(safe-area-inset-top,0px))}
  .cb-form{padding-bottom:calc(7px + env(safe-area-inset-bottom,0px))}
  .cb-log{flex:1 1 auto;min-height:0}
  /* klaviatura açıqdır: yer qazanmaq üçün "Adminə yaz" zolağı gizlənir, alt boşluq sıfırlanır */
  .cb-win.cb-kb .cb-admin{display:none}
  .cb-win.cb-kb .cb-form{padding-bottom:7px}
  .cb-win.cb-kb .cb-head{padding-top:8px}
}
/* çat açıq olanda (mobil) arxadakı səhifə sürüşmür */
html.cb-lock,html.cb-lock body{overflow:hidden!important;overscroll-behavior:none}
html.cb-lock body{position:fixed;left:0;right:0;width:100%}