#kk-chat-root{--kk-primary:#2f6b3a;--kk-soft:#f3f7f1;--kk-text:#1f2a1f;--kk-user-text:#fff;--kk-fab:60px;--kk-w:370px;--kk-h:560px;--kk-r:16px;--kk-fs:14px;
  --kk-muted:#6b7a6b;--kk-warn:#fff7e6;--kk-warn-b:#f0c36d;--kk-line:#e2e8e0;
  position:fixed;bottom:20px;z-index:99999;direction:rtl;font-family:inherit;display:flex;flex-direction:column;align-items:flex-start}
#kk-chat-root.kk-pos-left{left:20px;align-items:flex-end}
#kk-chat-root.kk-pos-right{right:20px;align-items:flex-start}
#kk-chat-root *{box-sizing:border-box;font-family:inherit;letter-spacing:normal}
#kk-chat-root button{font:inherit;line-height:1.4;text-transform:none;min-height:0}

.kk-fab{width:var(--kk-fab);height:var(--kk-fab);border-radius:50%;border:0;padding:0;background:var(--kk-primary);color:#fff;font-size:calc(var(--kk-fab) * .43);cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .15s,filter .15s}
.kk-fab:hover{filter:brightness(.92);transform:scale(1.04)}
.kk-fab img{width:100%;height:100%;object-fit:cover}
.kk-fab:focus-visible,.kk-send:focus-visible,.kk-btn:focus-visible,.kk-x:focus-visible,.kk-chip:focus-visible{outline:3px solid var(--kk-primary);outline-offset:2px}

.kk-teaser{max-width:240px;background:#fff;color:var(--kk-text);padding:10px 14px;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.15);font-size:calc(var(--kk-fs) - 1px);line-height:1.7;margin-bottom:10px;cursor:pointer;position:relative;animation:kk-pop .25s ease-out}
.kk-teaser-x{position:absolute;top:-8px;left:-8px;width:22px;height:22px;border-radius:50%;border:0;background:#fff;color:#555;box-shadow:0 2px 6px rgba(0,0,0,.2);cursor:pointer;font-size:14px;line-height:22px;padding:0}

.kk-panel{display:none;flex-direction:column;width:var(--kk-w);max-width:calc(100vw - 32px);height:var(--kk-h);max-height:calc(100vh - var(--kk-fab) - 50px);background:#fff;border-radius:var(--kk-r);box-shadow:0 10px 40px rgba(0,0,0,.22);overflow:hidden;margin-bottom:12px;animation:kk-pop .2s ease-out}
.kk-open .kk-panel{display:flex}
.kk-open .kk-teaser{display:none}
.kk-head{background:var(--kk-primary);color:#fff;padding:12px 16px;display:flex;gap:10px;align-items:center}
.kk-head .kk-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#fff;flex:none}
.kk-head .kk-titles{flex:1;min-width:0}
.kk-head b{display:block;font-size:calc(var(--kk-fs) + 1px)}
.kk-head small{display:block;opacity:.85;font-size:calc(var(--kk-fs) - 3px)}
.kk-x{background:none;border:0;color:#fff;font-size:24px;cursor:pointer;line-height:1;padding:4px}

.kk-body{flex:1;overflow-y:auto;padding:14px;background:var(--kk-soft);display:flex;flex-direction:column}
.kk-msg{max-width:88%;padding:10px 12px;border-radius:12px;margin:6px 0;font-size:calc(var(--kk-fs) - .5px);line-height:1.85;word-wrap:break-word;overflow-wrap:anywhere;color:var(--kk-text)}
.kk-bot{background:#fff;align-self:flex-start;border-top-right-radius:4px}
.kk-user{background:var(--kk-primary);color:var(--kk-user-text);align-self:flex-end;border-top-left-radius:4px}
.kk-bot a{color:var(--kk-primary);font-weight:700;text-decoration:underline}
.kk-disclaimer{background:var(--kk-warn);border:1px solid var(--kk-warn-b);border-radius:12px;padding:10px 12px;font-size:calc(var(--kk-fs) - 1.5px);line-height:1.9;color:#5a4400;margin-bottom:10px}
.kk-disclaimer a{color:inherit;text-decoration:underline}

.kk-form{background:#fff;border-radius:12px;padding:12px;font-size:calc(var(--kk-fs) - 1px);color:var(--kk-text)}
.kk-form label{display:block;font-size:calc(var(--kk-fs) - 2px);color:var(--kk-muted);margin:8px 0 4px}
.kk-form input[type=text],.kk-form input[type=tel]{width:100%;padding:9px 10px;border:1px solid #d6dfd4;border-radius:8px;font-size:var(--kk-fs);background:#fff;color:var(--kk-text);margin:0;height:auto}
.kk-form .kk-chk{display:flex;gap:6px;align-items:flex-start;color:var(--kk-text);margin-top:10px;line-height:1.7}
.kk-form .kk-chk input{margin-top:5px;flex:none}
.kk-btn{width:100%;margin-top:12px;padding:10px;border:0;border-radius:8px;background:var(--kk-primary);color:#fff;font-size:var(--kk-fs);cursor:pointer}
.kk-btn:disabled,.kk-send:disabled{opacity:.6;cursor:default}
.kk-err{color:#b3261e;font-size:calc(var(--kk-fs) - 2px);margin-top:6px;min-height:1em}

.kk-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}
.kk-chip{border:1px solid var(--kk-primary);background:#fff;color:var(--kk-primary);border-radius:999px;padding:5px 12px;font-size:calc(var(--kk-fs) - 2px);cursor:pointer}
.kk-chip:hover{background:var(--kk-primary);color:#fff}

.kk-foot{display:flex;gap:8px;padding:10px;border-top:1px solid var(--kk-line);background:#fff}
.kk-foot textarea{flex:1;resize:none;height:42px;min-height:42px;padding:10px;border:1px solid #d6dfd4;border-radius:10px;font-size:var(--kk-fs);line-height:1.5;color:var(--kk-text);background:#fff;margin:0}
.kk-send{border:0;background:var(--kk-primary);color:#fff;border-radius:10px;padding:0 14px;cursor:pointer;font-size:var(--kk-fs)}

.kk-typing{align-self:flex-start;display:flex;gap:4px;align-items:center;font-size:calc(var(--kk-fs) - 2px);color:var(--kk-muted);padding:6px 2px}
.kk-dots{display:inline-flex;gap:3px}
.kk-dots i{width:6px;height:6px;border-radius:50%;background:var(--kk-muted);animation:kk-blink 1.2s infinite}
.kk-dots i:nth-child(2){animation-delay:.2s}.kk-dots i:nth-child(3){animation-delay:.4s}

@keyframes kk-pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes kk-blink{0%,80%,100%{opacity:.25}40%{opacity:1}}
@media (prefers-reduced-motion:reduce){.kk-panel,.kk-teaser{animation:none}.kk-dots i{animation:none}}
@media (max-width:480px){
  #kk-chat-root{bottom:12px!important}
  #kk-chat-root.kk-pos-left{left:12px!important}
  #kk-chat-root.kk-pos-right{right:12px!important}
  .kk-panel{width:calc(100vw - 24px);height:calc(100vh - var(--kk-fab) - 40px)}
}
