/*! katibenevis-chat.css — دکمه شناور و پنجره پشتیبانی آنلاین */
.kn-chat{--c-red:#AF1616;--c-red-d:#8C1010;--c-green:#087B6B;--c-ink:#1C1515;--c-muted:#6F6463;--c-line:#ECE3E1;--c-paper:#FBF8F6;--c-ease:cubic-bezier(.22,1,.36,1);
  position:fixed;z-index:9990;left:calc(18px + env(safe-area-inset-left,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));direction:rtl;font-family:inherit;line-height:1.8}
.kn-chat *,.kn-chat *::before,.kn-chat *::after{box-sizing:border-box}

/* دکمه شناور */
.kn-chat__fab{position:relative;display:flex;align-items:center;gap:10px;height:60px;padding:0 8px 0 20px;border:0;border-radius:999px;background:var(--c-red);color:#fff;font:inherit;font-size:14.5px;font-weight:800;cursor:pointer;box-shadow:0 14px 30px -10px rgba(175,22,22,.65),0 4px 10px rgba(0,0,0,.12);transition:transform .35s var(--c-ease),padding .35s var(--c-ease),background-color .2s}
.kn-chat__fab:hover{background:var(--c-red-d);transform:translateY(-2px)}
.kn-chat__fab:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px var(--c-red)}
.kn-chat__fab-ic{order:-1;position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.16)}
.kn-chat__fab-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s var(--c-ease),opacity .25s}
.kn-chat__fab-ic .x{position:absolute;opacity:0;transform:rotate(-90deg)}
.kn-chat.is-open .kn-chat__fab-ic .b{opacity:0;transform:rotate(90deg)}
.kn-chat.is-open .kn-chat__fab-ic .x{opacity:1;transform:none}
.kn-chat__fab-tx{white-space:nowrap;overflow:hidden;max-width:160px;transition:max-width .35s var(--c-ease),opacity .25s}
.kn-chat.is-compact .kn-chat__fab,.kn-chat.is-open .kn-chat__fab{padding:0 7px}
.kn-chat.is-compact .kn-chat__fab-tx,.kn-chat.is-open .kn-chat__fab-tx{max-width:0;opacity:0}
.kn-chat__dot{position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#2fd3b8;border:2px solid var(--c-red)}
.kn-chat__dot[data-s="hours"]{background:#F2C14E}.kn-chat__dot[data-s="offline"]{background:#B9B0AE}
.kn-chat__dot[data-s="online"]::after{content:"";position:absolute;inset:-2px;border-radius:50%;background:#2fd3b8;animation:kn-chat-ping 2s var(--c-ease) infinite}
@keyframes kn-chat-ping{to{transform:scale(2.4);opacity:0}}
.kn-chat__badge{position:absolute;top:-6px;left:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#fff;color:var(--c-red);font-size:12px;font-weight:900;display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.2);animation:kn-chat-pop .4s var(--c-ease)}
@keyframes kn-chat-pop{from{transform:scale(.4)}}
.kn-chat__nudge{position:absolute;bottom:72px;left:0;width:max-content;max-width:min(260px,calc(100vw - 40px));padding:10px 34px 10px 14px;border-radius:16px 16px 16px 4px;background:#fff;color:var(--c-ink);font-size:13.5px;font-weight:700;box-shadow:0 14px 34px -14px rgba(28,21,21,.45);border:1px solid var(--c-line);animation:kn-chat-up .45s var(--c-ease)}
.kn-chat__nudge button{position:absolute;top:6px;right:6px;width:24px;height:24px;border:0;border-radius:50%;background:var(--c-paper);color:var(--c-muted);cursor:pointer;font-size:15px;line-height:1}
@keyframes kn-chat-up{from{opacity:0;transform:translateY(10px)}}

/* پنجره */
.kn-chat__win{position:absolute;bottom:76px;left:0;width:min(380px,calc(100vw - 36px));height:min(600px,calc(100vh - 120px));display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--c-line);box-shadow:0 40px 80px -30px rgba(28,21,21,.5);transform-origin:bottom left;animation:kn-chat-in .35s var(--c-ease)}
.kn-chat__win[hidden]{display:none}
@keyframes kn-chat-in{from{opacity:0;transform:translateY(14px) scale(.97)}}
.kn-chat__head{position:relative;display:flex;align-items:center;gap:12px;padding:16px 16px 22px;background:var(--c-red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Ccircle cx='11' cy='11' r='1.4' fill='%23fff' fill-opacity='.18'/%3E%3C/svg%3E");color:#fff}
.kn-chat__head::after{content:"";position:absolute;inset-inline:0;bottom:-6px;height:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='6'%3E%3Cpath d='M0 0h16L8 6z' fill='%23AF1616'/%3E%3C/svg%3E") repeat-x;z-index:1}
.kn-chat__av{position:relative;flex:none;width:46px;height:46px;border-radius:50%;background:#fff;padding:4px}
.kn-chat__av img{width:100%;height:100%;object-fit:contain;border-radius:50%}
.kn-chat__av .kn-chat__dot{top:auto;bottom:0;right:auto;left:0;border-color:#fff}
.kn-chat__ht{flex:1;min-width:0}
.kn-chat__ht b{display:block;font-size:15.5px;font-weight:900}
.kn-chat__ht small{font-size:12px;opacity:.85}
.kn-chat__min{width:36px;height:36px;border:0;border-radius:10px;background:rgba(255,255,255,.14);color:#fff;font-size:20px;cursor:pointer}
.kn-chat__min:hover{background:rgba(255,255,255,.25)}
.kn-chat__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:18px 14px 10px;background:var(--c-paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30 8l6 13 13-6-6 13 13 6-13 6 6 13-13-6-6 13-6-13-13 6 6-13-13-6 13-6-6-13 13 6z' fill='none' stroke='%23AF1616' stroke-opacity='.05'/%3E%3C/svg%3E");display:flex;flex-direction:column;gap:6px}
.kn-chat__day{align-self:center;padding:2px 12px;border-radius:999px;background:rgba(28,21,21,.06);font-size:11.5px;color:var(--c-muted);margin:4px 0}
.kn-chat__m{max-width:82%;padding:8px 12px 6px;border-radius:16px;font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;animation:kn-chat-up .3s var(--c-ease)}
.kn-chat__m small{display:flex;justify-content:flex-end;gap:4px;font-size:10.5px;opacity:.6;margin-top:2px}
.kn-chat__m.op{align-self:flex-start;background:#fff;border:1px solid var(--c-line);border-bottom-right-radius:4px;color:var(--c-ink)}
.kn-chat__m.me{align-self:flex-end;background:var(--c-red);color:#fff;border-bottom-left-radius:4px}
.kn-chat__m.me.is-pending{opacity:.6}
.kn-chat__m.me.is-failed{background:#6F6463}
.kn-chat__m.sys{align-self:center;max-width:92%;background:#FFF6E3;border:1px dashed #E8C67A;color:#6B4E10;font-size:13px;text-align:center}
.kn-chat__typing{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid var(--c-line)}
.kn-chat__typing i{width:7px;height:7px;border-radius:50%;background:#C9BEBC;animation:kn-chat-dot 1.2s infinite}
.kn-chat__typing i:nth-child(2){animation-delay:.15s}.kn-chat__typing i:nth-child(3){animation-delay:.3s}
@keyframes kn-chat-dot{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.kn-chat__quick{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.kn-chat__quick button{padding:6px 12px;border:1.5px solid var(--c-red);border-radius:999px;background:#fff;color:var(--c-red);font:inherit;font-size:12.5px;font-weight:800;cursor:pointer;transition:background-color .2s,color .2s}
.kn-chat__quick button:hover{background:var(--c-red);color:#fff}

/* فرم شروع */
.kn-chat__start{display:grid;gap:10px;margin-top:8px;padding:14px;border-radius:16px;background:#fff;border:1px solid var(--c-line);animation:kn-chat-up .35s var(--c-ease)}
.kn-chat__start b{font-size:14px}
.kn-chat__start label{display:grid;gap:4px;font-size:12.5px;font-weight:800;color:var(--c-ink)}
.kn-chat__start input{height:44px;padding:0 12px;border:1.5px solid var(--c-line);border-radius:12px;font:inherit;font-size:14.5px;background:#fff;color:var(--c-ink)}
.kn-chat__start input[dir=ltr]{text-align:right}
.kn-chat__start input:focus{outline:none;border-color:var(--c-red)}
.kn-chat__start button{height:44px;border:0;border-radius:12px;background:var(--c-red);color:#fff;font:inherit;font-weight:800;cursor:pointer}
.kn-chat__start p{margin:0;font-size:12px;color:var(--c-red);min-height:0}
.kn-chat__start p:empty{display:none}

/* ورودی */
.kn-chat__foot{border-top:1px solid var(--c-line);background:#fff}
.kn-chat__form{display:flex;align-items:flex-end;gap:8px;padding:10px 10px 8px}
.kn-chat__form textarea{flex:1;min-height:44px;max-height:120px;padding:10px 12px;border:1.5px solid var(--c-line);border-radius:14px;font:inherit;font-size:14.5px;line-height:1.7;resize:none;background:var(--c-paper);color:var(--c-ink)}
.kn-chat__form textarea:focus{outline:none;border-color:var(--c-red);background:#fff}
.kn-chat__send{flex:none;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:14px;background:var(--c-red);color:#fff;cursor:pointer;transition:background-color .2s,transform .2s var(--c-ease)}
.kn-chat__send:hover{background:var(--c-red-d)}
.kn-chat__send:active{transform:scale(.92)}
.kn-chat__send:disabled{background:#D9D2D0;cursor:default}
.kn-chat__send svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:scaleX(-1)}
.kn-chat__links{display:flex;align-items:center;gap:6px;padding:0 10px 10px;font-size:11.5px;color:var(--c-muted)}
.kn-chat__links span{margin-inline-end:auto}
.kn-chat__links a{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-weight:800;text-decoration:none;color:#fff}
.kn-chat__links a.eitaa{background:#F28D1F}.kn-chat__links a.telegram{background:#2AA3DF}.kn-chat__links a.whatsapp{background:#1FAF55}.kn-chat__links a.tel{background:var(--c-ink)}

@media (max-width:520px){
  .kn-chat{left:calc(12px + env(safe-area-inset-left,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px))}
  .kn-chat__fab{height:56px}
  .kn-chat.is-open .kn-chat__fab{display:none}
  .kn-chat__win{position:fixed;inset:0;width:auto;height:auto;border-radius:0;border:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
  .kn-chat__nudge{bottom:66px}
}
@media (prefers-reduced-motion:reduce){.kn-chat *{animation:none!important;transition:none!important}}
@media print{.kn-chat{display:none}}
.kn-chat .kn-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}