.anil-ac{--anil-accent:#d71920;--anil-bg:#f5f7fa;--anil-border:#e5e7eb;--anil-text:#1f2937;--anil-muted:#6b7280;--anil-soft:color-mix(in srgb,var(--anil-accent) 8%,#fff);font-family:inherit;color:var(--anil-text);max-width:920px;margin:32px auto;border:1px solid var(--anil-border);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 14px 40px rgba(17,24,39,.08)}
.anil-ac *{box-sizing:border-box}.anil-ac [hidden]{display:none!important}.anil-ac button,.anil-ac input,.anil-ac textarea{font:inherit}.anil-ac button{cursor:pointer}.anil-ac button:focus-visible,.anil-ac input:focus-visible,.anil-ac textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--anil-accent) 22%,transparent);outline-offset:2px}
.anil-ac__icon{display:inline-block;width:20px;height:20px;flex:0 0 auto;background:currentColor;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain}.anil-ac__icon--emoji{-webkit-mask-image:url(../icons/emoji.svg);mask-image:url(../icons/emoji.svg)}.anil-ac__icon--sticker{-webkit-mask-image:url(../icons/sticker.svg);mask-image:url(../icons/sticker.svg)}.anil-ac__icon--symbol{-webkit-mask-image:url(../icons/symbol.svg);mask-image:url(../icons/symbol.svg)}.anil-ac__icon--paperclip{-webkit-mask-image:url(../icons/paperclip.svg);mask-image:url(../icons/paperclip.svg)}.anil-ac__icon--microphone{-webkit-mask-image:url(../icons/microphone.svg);mask-image:url(../icons/microphone.svg)}.anil-ac__icon--send{-webkit-mask-image:url(../icons/send.svg);mask-image:url(../icons/send.svg)}.anil-ac__icon--stop{-webkit-mask-image:url(../icons/stop.svg);mask-image:url(../icons/stop.svg)}.anil-ac__icon--trash{-webkit-mask-image:url(../icons/trash.svg);mask-image:url(../icons/trash.svg)}.anil-ac__icon--close{-webkit-mask-image:url(../icons/close.svg);mask-image:url(../icons/close.svg)}.anil-ac__icon--audio{-webkit-mask-image:url(../icons/audio.svg);mask-image:url(../icons/audio.svg)}.anil-ac__icon--file{-webkit-mask-image:url(../icons/file.svg);mask-image:url(../icons/file.svg)}.anil-ac__icon--play{-webkit-mask-image:url(../icons/play.svg);mask-image:url(../icons/play.svg)}
.anil-ac__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,var(--anil-accent),color-mix(in srgb,var(--anil-accent) 72%,#111));color:#fff}.anil-ac__header h3{margin:0 0 4px;font-size:20px;color:#fff}.anil-ac__header p{margin:0;opacity:.86;font-size:13px}.anil-ac__online-dot{width:12px;height:12px;border-radius:50%;background:#40d17c;box-shadow:0 0 0 5px rgba(255,255,255,.16)}
.anil-ac__chat{position:relative;min-height:260px;max-height:680px;overflow:auto;background-color:var(--anil-bg);background-image:radial-gradient(rgba(31,41,55,.045) 1px,transparent 1px);background-size:18px 18px;padding:18px;scroll-behavior:smooth}.anil-ac__messages{display:flex;flex-direction:column;gap:14px}.anil-ac__load-more{display:block;margin:16px auto 0;padding:8px 15px;border:1px solid var(--anil-border);border-radius:999px;background:#fff;color:var(--anil-text);box-shadow:0 3px 12px rgba(0,0,0,.05)}.anil-ac__load-more:hover{border-color:var(--anil-accent);color:var(--anil-accent)}
.anil-ac__message{display:flex;align-items:flex-end;gap:9px;max-width:84%;align-self:flex-start}.anil-ac__message.is-mine,.anil-ac__message.is-staff{align-self:flex-end;flex-direction:row-reverse}.anil-ac__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.12);flex:0 0 auto}.anil-ac__bubble{min-width:130px;padding:11px 13px;border-radius:16px 16px 16px 4px;background:#fff;border:1px solid var(--anil-border);box-shadow:0 4px 15px rgba(17,24,39,.06)}.anil-ac__message.is-mine .anil-ac__bubble,.anil-ac__message.is-staff .anil-ac__bubble{border-radius:16px 16px 4px 16px;background:var(--anil-soft);border-color:color-mix(in srgb,var(--anil-accent) 25%,#fff)}.anil-ac__message.is-pending .anil-ac__bubble{opacity:.78;border-style:dashed}.anil-ac__meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:5px}.anil-ac__meta strong{font-size:13px}.anil-ac__meta time{font-size:10px;color:var(--anil-muted);margin-right:auto}.anil-ac__staff-badge{font-size:10px;padding:2px 6px;border-radius:999px;background:var(--anil-accent);color:#fff}.anil-ac__content{font-size:14px;line-height:1.85;overflow-wrap:anywhere}.anil-ac__content p{margin:0 0 7px}.anil-ac__content p:last-child{margin-bottom:0}.anil-ac__content a{color:var(--anil-accent)}.anil-ac-sticker{display:inline-block;width:76px;height:76px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 5px 6px rgba(0,0,0,.12));transform-origin:center;animation:anilStickerPop .22s ease-out}@keyframes anilStickerPop{from{transform:scale(.65);opacity:.2}to{transform:scale(1);opacity:1}}
.anil-ac__quote{display:flex;flex-direction:column;border-right:3px solid var(--anil-accent);padding:6px 9px;margin:6px 0 9px;background:rgba(255,255,255,.65);border-radius:7px;font-size:11px}.anil-ac__quote span{color:var(--anil-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:330px}.anil-ac__message-actions{display:flex;align-items:center;gap:10px;margin-top:7px;min-height:18px}.anil-ac__message-actions button{border:0;background:none;padding:0;color:var(--anil-accent);font-size:11px}.anil-ac__message-actions span{font-size:10px;color:#a16207}
.anil-ac__media-grid{display:grid;gap:7px;margin-top:8px;max-width:520px}.anil-ac__media-image{display:block;overflow:hidden;border-radius:11px;background:#eee}.anil-ac__media-image img{display:block;width:100%;max-height:360px;object-fit:cover}.anil-ac__media-grid video{display:block;width:100%;max-height:360px;border-radius:11px;background:#111}.anil-ac__audio{min-width:min(340px,70vw);padding:10px;border-radius:13px;background:rgba(255,255,255,.78);border:1px solid var(--anil-border)}.anil-ac__audio-label{display:flex!important;align-items:center;gap:7px;font-size:11px;margin-bottom:7px;color:var(--anil-accent)}.anil-ac__audio-label .anil-ac__icon{width:18px;height:18px}.anil-ac__audio audio{display:block;width:100%;height:40px}.anil-ac__file{display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid var(--anil-border);border-radius:11px;background:#fff;color:var(--anil-text);text-decoration:none}.anil-ac__file-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--anil-accent);background:var(--anil-soft)}.anil-ac__file-icon .anil-ac__icon{width:21px;height:21px}.anil-ac__file>span:nth-child(2){min-width:0;display:flex;flex-direction:column;flex:1}.anil-ac__file strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.anil-ac__file small{color:var(--anil-muted);font-size:10px}.anil-ac__file b{font-size:11px;color:var(--anil-accent)}
.anil-ac__empty{text-align:center;padding:50px 15px;color:var(--anil-muted);font-size:14px}.anil-ac__composer{position:relative;padding:16px 18px 18px;border-top:1px solid var(--anil-border);background:#fff}.anil-ac__composer.is-dragging{background:var(--anil-soft);box-shadow:inset 0 0 0 2px var(--anil-accent)}.anil-ac__identity{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.anil-ac__identity.is-single{grid-template-columns:1fr}.anil-ac__identity label{font-size:11px;color:var(--anil-muted)}.anil-ac__identity input{display:block;width:100%;margin-top:4px;border:1px solid var(--anil-border);border-radius:10px;padding:9px 11px;outline:0}.anil-ac__identity input:focus,.anil-ac__text:focus{border-color:var(--anil-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--anil-accent) 12%,transparent)}
.anil-ac__toolbar{display:flex;gap:6px;margin-bottom:9px}.anil-ac__toolbar button{border:1px solid var(--anil-border);background:#fff;color:#4b5563;border-radius:11px;width:40px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:.18s ease}.anil-ac__toolbar button:hover,.anil-ac__toolbar button.is-active{transform:translateY(-1px);border-color:var(--anil-accent);color:var(--anil-accent);background:var(--anil-soft)}.anil-ac__toolbar .anil-ac__voice{margin-right:auto}.anil-ac__voice.is-recording{color:#fff;background:var(--anil-accent);border-color:var(--anil-accent);animation:anilPulse 1.2s infinite}@keyframes anilPulse{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--anil-accent) 18%,transparent)}}
.anil-ac__panel{display:flex;flex-wrap:wrap;gap:7px;padding:10px;margin-bottom:10px;border:1px solid var(--anil-border);border-radius:14px;background:#fafafa}.anil-ac__panel button{border:0;background:transparent;border-radius:10px;width:42px;height:42px;padding:4px;display:grid;place-items:center;transition:.15s ease}.anil-ac__panel button:hover{background:#fff;transform:scale(1.08);box-shadow:0 3px 10px rgba(0,0,0,.09)}.anil-ac__panel button img{display:block;width:100%;height:100%;object-fit:contain}.anil-ac__panel .anil-ac__sticker-button{width:58px;height:58px;padding:3px}.anil-ac__panel--symbol button{font-size:20px;color:#111827}
.anil-ac__replying{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;margin-bottom:9px;border-right:3px solid var(--anil-accent);background:var(--anil-soft);border-radius:9px}.anil-ac__replying div{display:flex;flex-direction:column;min-width:0}.anil-ac__replying strong{font-size:11px}.anil-ac__replying small{color:var(--anil-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:480px}.anil-ac__replying button{border:0;background:none;font-size:24px;color:var(--anil-muted)}
.anil-ac__recorder{position:relative;margin:4px 0 12px;padding:14px;border:1px solid color-mix(in srgb,var(--anil-accent) 24%,var(--anil-border));border-radius:17px;background:linear-gradient(135deg,#fff,var(--anil-soft));box-shadow:0 9px 28px rgba(17,24,39,.08);overflow:hidden}.anil-ac__recorder:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--anil-accent)}.anil-ac__recorder-live,.anil-ac__recorder-ready{display:grid;grid-template-columns:minmax(190px,1fr) auto;gap:12px;align-items:center}.anil-ac__record-status,.anil-ac__voice-ready-title{display:flex;align-items:center;gap:10px;min-width:0}.anil-ac__record-status div,.anil-ac__voice-ready-title div{display:flex;flex-direction:column;min-width:0}.anil-ac__record-status strong,.anil-ac__voice-ready-title strong{font-size:13px}.anil-ac__record-status small,.anil-ac__voice-ready-title small{font-size:10px;color:var(--anil-muted);margin-top:2px}.anil-ac__record-dot{width:12px;height:12px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 0 rgba(239,68,68,.5);animation:anilRecordDot 1.1s infinite}@keyframes anilRecordDot{70%{box-shadow:0 0 0 9px rgba(239,68,68,0)}}.anil-ac__record-time{direction:ltr;font-variant-numeric:tabular-nums;font-weight:800;color:#b91c1c;font-size:18px}.anil-ac__wave{grid-column:1/-1;height:44px;border-radius:12px;padding:7px 12px;display:flex;align-items:center;justify-content:center;gap:4px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.9)}.anil-ac__wave span{width:4px;height:9px;border-radius:999px;background:var(--anil-accent);opacity:.55;transform-origin:center}.anil-ac__recorder.is-recording .anil-ac__wave span{animation:anilWave .75s ease-in-out infinite alternate}.anil-ac__wave span:nth-child(2n){animation-delay:-.15s}.anil-ac__wave span:nth-child(3n){animation-delay:-.32s}.anil-ac__wave span:nth-child(4n){animation-delay:-.48s}@keyframes anilWave{from{height:8px;opacity:.35}to{height:32px;opacity:1}}.anil-ac__record-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.anil-ac__record-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border-radius:11px;padding:0 13px;border:1px solid var(--anil-border);background:#fff;color:#374151;font-size:12px;font-weight:700}.anil-ac__record-actions button .anil-ac__icon{width:17px;height:17px}.anil-ac__record-stop{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.anil-ac__voice-ready-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--anil-accent);color:#fff;box-shadow:0 5px 15px color-mix(in srgb,var(--anil-accent) 25%,transparent)}.anil-ac__voice-ready-icon .anil-ac__icon{width:23px;height:23px}.anil-ac__voice-preview{grid-column:1/-1;width:100%;height:42px}.anil-ac__voice-send{background:var(--anil-accent)!important;border-color:var(--anil-accent)!important;color:#fff!important}
.anil-ac__previews{display:flex;gap:8px;overflow:auto;padding:5px 0 10px}.anil-ac__preview{position:relative;flex:0 0 92px;height:80px;border:1px solid var(--anil-border);border-radius:12px;overflow:hidden;background:#f4f4f4;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center}.anil-ac__preview img,.anil-ac__preview video{width:100%;height:100%;object-fit:cover}.anil-ac__preview>span:not(.anil-ac__icon){font-size:9px;padding:0 6px;text-align:center;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}.anil-ac__preview-icon{width:26px;height:26px;color:var(--anil-accent)}.anil-ac__preview button{position:absolute;left:4px;top:4px;width:24px;height:24px;border:0;border-radius:50%;background:rgba(17,24,39,.78);color:#fff;padding:5px;display:grid;place-items:center}.anil-ac__preview button .anil-ac__icon{width:14px;height:14px}
.anil-ac__input-row{display:flex;align-items:flex-end;gap:9px}.anil-ac__text{display:block;flex:1;resize:vertical;min-height:50px;max-height:160px;border:1px solid var(--anil-border);border-radius:15px;padding:12px 13px;outline:0;line-height:1.7}.anil-ac__send{height:50px;min-width:96px;border:0;border-radius:14px;background:var(--anil-accent);color:#fff;font-weight:700;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 5px 14px color-mix(in srgb,var(--anil-accent) 25%,transparent)}.anil-ac__send .anil-ac__icon{width:18px;height:18px}.anil-ac__send:disabled,.anil-ac__voice-send:disabled{opacity:.55;cursor:not-allowed}.anil-ac__progress{height:4px;border-radius:999px;background:#eee;overflow:hidden;margin-top:9px}.anil-ac__progress span{display:block;width:0;height:100%;background:var(--anil-accent);transition:width .18s}.anil-ac__status{min-height:20px;font-size:11px;padding-top:5px;color:var(--anil-muted)}.anil-ac__status.is-error{color:#b91c1c}.anil-ac__status.is-success{color:#15803d}.anil-ac__website{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;left:-9999px!important}.anil-ac__closed{text-align:center;padding:18px;background:#fff3cd;color:#7c5d00}.anil-ac__powered{text-align:center;font-size:10px;color:var(--anil-muted);padding:5px 0 10px}
@media(max-width:640px){.anil-ac{margin:18px 0;border-radius:14px}.anil-ac__header{padding:16px}.anil-ac__chat{padding:12px;max-height:560px}.anil-ac__message{max-width:94%;gap:6px}.anil-ac__avatar{width:32px;height:32px}.anil-ac__bubble{padding:9px 10px}.anil-ac__identity{grid-template-columns:1fr}.anil-ac__composer{padding:12px}.anil-ac__toolbar{gap:5px}.anil-ac__toolbar button{width:38px;height:37px}.anil-ac__input-row{gap:7px}.anil-ac__send{min-width:54px;width:54px;padding:0}.anil-ac__send-label{display:none}.anil-ac__send .anil-ac__icon{width:21px;height:21px}.anil-ac__media-image img,.anil-ac__media-grid video{max-height:270px}.anil-ac__quote span{max-width:220px}.anil-ac__recorder-live,.anil-ac__recorder-ready{grid-template-columns:1fr auto}.anil-ac__record-status small{max-width:200px}.anil-ac__record-actions{justify-content:stretch}.anil-ac__record-actions button{flex:1;padding:0 8px}.anil-ac__panel button{width:40px;height:40px}.anil-ac__panel .anil-ac__sticker-button{width:54px;height:54px}}
/* کاهش هزینه رندر پیام‌های خارج از محدوده دید */
.anil-ac__message{content-visibility:auto;contain-intrinsic-size:110px}