/* === min/save-button-visible.min.css === */
.tk-floating-save-wrapper{position:fixed!important;bottom:30px!important;right:30px!important;z-index:1000!important}.tk-floating-save-btn{background:linear-gradient(135deg,var(--brand-primary,#3b82f6) 0,var(--brand-secondary,#1d4ed8) 100%)!important;color:#fff!important;border:none!important;padding:15px 25px!important;border-radius:50px!important;font-size:16px!important;font-weight:600!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:10px!important;box-shadow:0 8px 25px rgba(var(--brand-primary-rgb,102,126,234),.3)!important;transition:all .3s ease!important;transform:translateY(0)!important;min-width:160px!important;justify-content:center!important}.tk-floating-save-btn:hover{transform:translateY(-3px)!important;box-shadow:0 12px 35px rgba(var(--brand-primary-rgb,102,126,234),.4)!important;background:linear-gradient(135deg,var(--brand-primary,#5a6fd8) 0,var(--brand-secondary,#6a4190) 100%)!important}.tk-floating-save-btn:active{transform:translateY(-1px)!important}.tk-floating-save-btn i{font-size:16px!important;transition:transform .2s ease!important}.tk-floating-save-btn:hover i{transform:scale(1.1)!important}.tk-floating-save-btn span{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important}.tk-floating-save-btn.loading{background:linear-gradient(135deg,#95a5a6 0,#7f8c8d 100%)!important;cursor:not-allowed!important}.tk-floating-save-btn.loading i{animation:spin 1s linear infinite!important}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.tk-floating-save-btn.success{background:linear-gradient(135deg,#2ecc71 0,#27ae60 100%)!important}.tk-floating-save-btn.success i:before{content:"\f00c"!important}.tk-area-settings .tk-floating-save-wrapper{display:block!important}@media (max-width:768px){.tk-floating-save-wrapper{bottom:20px!important;right:20px!important}.tk-floating-save-btn{padding:12px 20px!important;font-size:14px!important;min-width:140px!important}}.tk-area-settings .tk-top-bar{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:20px 30px!important;background:#fff!important;border-bottom:1px solid #ddd!important}.tk-top-bar-left,.tk-top-bar-right{display:flex!important;align-items:center!important}.tk-top-bar-right{gap:15px!important}
/* === min/send-button-nuclear.min.css === */
.tk-icon-send,.tk-icon-send.tk-submit,[class*=tk-icon-send],[class*=tk-submit],div.tk-icon-send.tk-submit{background:0 0!important;background-color:transparent!important;background-image:none!important;background-attachment:scroll!important;background-position:0 0!important;background-repeat:repeat!important;background-size:auto!important;border:0!important;border-color:transparent!important;border-style:none!important;border-width:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;padding:0!important;margin:0!important;width:auto!important;height:auto!important;min-width:auto!important;min-height:auto!important;max-width:none!important;max-height:none!important}.tk-icon-send.tk-submit:after,.tk-icon-send:after,[class*=tk-icon-send]:after,[class*=tk-submit]:after,div.tk-icon-send.tk-submit:after{display:none!important;content:none!important;visibility:hidden!important}.tk-icon-send.tk-submit:before,.tk-icon-send:before,[class*=tk-icon-send]:before,[class*=tk-submit]:before,div.tk-icon-send.tk-submit:before{background:0 0!important;background-color:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important;width:auto!important;height:auto!important;display:inline!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;color:#007bff!important;font-size:16px!important;line-height:1!important}.tk-icon-send.tk-submit:hover,.tk-icon-send:hover,[class*=tk-icon-send]:hover,[class*=tk-submit]:hover,div.tk-icon-send.tk-submit:hover{background:0 0!important;background-color:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;color:#0056b3!important}.tk-icon-send.tk-submit:hover:after,.tk-icon-send:hover:after,[class*=tk-icon-send]:hover:after,div.tk-icon-send.tk-submit:hover:after{display:none!important;content:none!important;visibility:hidden!important}.tk-icon-send.tk-submit:hover:before,.tk-icon-send:hover:before,[class*=tk-icon-send]:hover:before,div.tk-icon-send.tk-submit:hover:before{background:0 0!important;background-color:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;color:#0056b3!important}.tk-icon-send.tk-submit:active,.tk-icon-send:active,[class*=tk-icon-send]:active,[class*=tk-submit]:active,div.tk-icon-send.tk-submit:active{background:0 0!important;background-color:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;color:#003d82!important}.tk-icon-send.tk-submit:active:after,.tk-icon-send:active:after,[class*=tk-icon-send]:active:after,div.tk-icon-send.tk-submit:active:after{display:none!important;content:none!important;visibility:hidden!important}.tk-icon-send.tk-submit:active:before,.tk-icon-send:active:before,[class*=tk-icon-send]:active:before,div.tk-icon-send.tk-submit:active:before{background:0 0!important;background-color:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;color:#003d82!important}.tk-chat .tk-icon-send,.tk-chat .tk-icon-send.tk-submit,.tk-chat div.tk-icon-send.tk-submit,.tk-editor .tk-icon-send,.tk-editor .tk-icon-send.tk-submit,.tk-editor div.tk-icon-send.tk-submit{background:0 0!important;background-color:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}.tk-chat .tk-icon-send.tk-submit:before,.tk-chat .tk-icon-send:before,.tk-chat div.tk-icon-send.tk-submit:before,.tk-editor .tk-icon-send.tk-submit:before,.tk-editor .tk-icon-send:before,.tk-editor div.tk-icon-send.tk-submit:before{background:0 0!important;background-color:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;color:#007bff!important}
/* === min/editor-position-fix.min.css === */
.sb-editor,.tk-editor{position:relative!important;top:-7px!important;margin-bottom:0!important}.sb-board .sb-conversation .sb-editor,.tk-board .tk-conversation .tk-editor{flex-shrink:0!important;margin:0 2px 2px 2px!important;top:-7px!important;bottom:auto!important}.sb-chat .sb-editor,.tk-chat .tk-editor{position:relative!important;top:-7px!important;bottom:auto!important;background:#fff!important;border-top:1px solid #e0e0e0!important;box-shadow:0 -2px 5px rgba(0,0,0,.05)!important}.sb-admin .sb-editor,.sb-area-conversations .sb-editor,.tk-admin .tk-editor,.tk-area-conversations .tk-editor{position:relative!important;top:-7px!important;bottom:auto!important;margin:0 2px 0 2px!important}.sb-conversation,.tk-conversation{padding-bottom:50px!important}.sb-editor .sb-bar,.tk-editor .tk-bar{position:relative!important;margin-top:12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.sb-editor .sb-icon-send,.tk-editor .tk-icon-send{margin-left:15px!important;margin-right:5px!important;padding:0 12px!important}.sb-editor .sb-textarea,.tk-editor .tk-textarea{position:relative!important}.sb-editor,.tk-editor{transition:top .2s ease,margin .2s ease!important}
/* === min/reduce-chat-images.min.css === */
.tk-image{background:0 0!important;border-radius:12px!important;overflow:hidden!important;display:block!important;border:none!important;box-shadow:none!important;max-width:fit-content!important;margin-bottom:4px!important;cursor:pointer!important}.tk-image.tk-image-sticker,.tk-image.tk-sticker{background:0 0!important}.tk-board .tk-conversation .tk-image>img,.tk-list .tk-message .tk-image>img{max-width:280px!important;max-height:320px!important;width:auto!important;height:auto!important;object-fit:contain!important;border-radius:10px!important;display:block!important;cursor:pointer!important;transition:opacity .2s ease!important}.tk-image>img[width]{width:auto!important;max-width:100%!important}.tk-image>img[style*=aspect-ratio]{aspect-ratio:auto!important}.tk-board .tk-conversation .tk-image>img:hover,.tk-list .tk-message .tk-image>img:hover{opacity:.88!important}.tk-list .tk-image,.tk-message .tk-image{max-width:280px!important}.tk-board .tk-conversation .tk-list>div .tk-image{max-width:320px!important}.tk-list .tk-message:has(.tk-image){max-width:296px!important;width:min-content!important;min-width:160px!important}.tk-list>div.tk-media-only,.tk-list>div.tk-media-only.tk-right{background:0 0!important;background-color:transparent!important;box-shadow:none!important;border:none!important;padding:0!important;width:fit-content!important}.tk-list .tk-message-media{background:0 0!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;overflow:hidden!important}.tk-list .tk-message-media .tk-image{margin:0!important;max-width:100%!important}.tk-list .tk-message-media .tk-image>img{box-shadow:none!important}.tk-list>div.tk-media-only .tk-time{padding:3px 0 0 0!important;margin:0!important;opacity:.6!important}.tk-list .tk-video{max-width:320px!important;border-radius:12px!important;overflow:hidden!important;background:#000!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important}.tk-list .tk-video video{display:block!important;width:100%!important;max-width:320px!important;max-height:400px!important;border-radius:12px!important;background:#000!important;object-fit:contain!important}.tk-list .tk-message-media .tk-video{max-width:320px!important}.tk-list .tk-message-attachments:empty{display:none!important;padding:0!important;margin:0!important}a.tk-file-card{display:flex!important;align-items:center!important;gap:10px!important;padding:8px 14px 8px 8px!important;background:#f8fafc!important;border:none!important;border-radius:12px!important;text-decoration:none!important;transition:background .15s ease!important;max-width:240px!important;min-width:160px!important;cursor:pointer!important;margin:3px 0!important}a.tk-file-card:hover{background:#f1f5f9!important}.tk-file-card-icon{width:36px!important;height:36px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.tk-file-card-icon span{font-size:10px!important;font-weight:800!important;color:#fff!important;letter-spacing:-.2px!important;line-height:1!important}.tk-file-card-icon.tk-fc-pdf{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 2px 8px rgba(239,68,68,.3)!important}.tk-file-card-icon.tk-fc-doc{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 2px 8px rgba(59,130,246,.3)!important}.tk-file-card-icon.tk-fc-xls{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 2px 8px rgba(16,185,129,.3)!important}.tk-file-card-icon.tk-fc-zip{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 2px 8px rgba(245,158,11,.3)!important}.tk-file-card-icon.tk-fc-default{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;box-shadow:0 2px 8px rgba(139,92,246,.3)!important}.tk-file-card-info{flex:1!important;min-width:0!important;overflow:hidden!important}.tk-file-card-name{font-size:13px!important;font-weight:600!important;color:#334155!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.2!important}.tk-file-card-meta{font-size:10px!important;color:#94a3b8!important;margin-top:2px!important;letter-spacing:.3px!important;font-weight:500!important;line-height:1!important}.tk-list .tk-message-attachments a{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px 12px!important;margin-top:6px!important;background:rgba(0,0,0,.04)!important;border-radius:8px!important;font-size:13px!important;color:#4b5563!important;text-decoration:none!important;transition:background .15s ease,color .15s ease!important;max-width:260px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.tk-list .tk-message-attachments a:hover{background:rgba(2,139,229,.08)!important;color:#028be5!important}.tk-list .tk-message-attachments a+a{margin-top:4px!important}.tk-list .tk-message-attachments a:before{font-size:14px!important;opacity:.6!important;flex-shrink:0!important}.tk-image.tk-image-sticker>img,.tk-image.tk-sticker>img{max-width:140px!important;max-height:140px!important}.tk-list .tk-message img.tk-emoji{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;box-shadow:none!important}.tk-list .tk-message img[src*=".gif"]{max-width:240px!important;max-height:240px!important}.tk-list .tk-profile img{width:35px!important;height:35px!important;border-radius:50%!important;box-shadow:none!important}.tk-lightbox-media>div>.tk-lb-frame>img{position:static!important;transform:none!important;border:none!important}.tk-lightbox-media.tk-active+.tk-lightbox-overlay{background-color:rgba(0,0,0,.82)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}.tk-message-media-group img{max-width:120px!important;max-height:120px!important;margin:2px!important;border-radius:8px!important;object-fit:cover!important}
/* === min/panel-redesign.min.css === */
.tk-profile-list-conversation>ul>li{display:flex!important;align-items:center!important;padding:9px 12px!important;border-bottom:1px solid #f3f4f6!important;font-size:13px!important;gap:8px!important;position:relative!important;background:#fff!important;transition:background .15s!important;overflow:visible!important;white-space:normal!important;text-overflow:unset!important}.tk-profile-list-conversation>ul>li:hover{background:#f8faff!important}.tk-profile-list-conversation>ul>li>.tk-icon,.tk-profile-list-conversation>ul>li>i.tk-icon{position:static!important;width:28px!important;height:28px!important;min-width:28px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;flex-shrink:0!important;left:auto!important;top:auto!important;background:#e0f2f1!important;color:#00796b!important}.tk-profile-list-conversation>ul>li>span{font-weight:600!important;color:#6b7280!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.3px!important;flex-shrink:0!important;white-space:nowrap!important}.tk-profile-list-conversation>ul>li>a,.tk-profile-list-conversation>ul>li>label:last-child{flex:1!important;text-align:right!important;color:#1a1a2e!important;font-weight:600!important;font-size:13px!important;white-space:nowrap!important;overflow:visible!important}.tk-profile-list-conversation>ul>li[data-id=conversation-id]>.tk-icon{background:#e3f2fd!important;color:#1976d2!important}.tk-profile-list-conversation>ul>li[data-id=id]>.tk-icon{background:#f3e5f5!important;color:#7b1fa2!important}.tk-profile-list-conversation>ul>li[data-id=email]>.tk-icon{background:#fce4ec!important;color:#c2185b!important}.tk-profile-list-conversation>ul>li[data-id=first_name]>.tk-icon,.tk-profile-list-conversation>ul>li[data-id=last_name]>.tk-icon{background:#e8eaf6!important;color:#3949ab!important}.tk-profile-list-conversation>ul>li[data-id=user_type]>.tk-icon{background:#fff3e0!important;color:#f57c00!important}.tk-profile-list-conversation>ul>li[data-id=creation_time]>.tk-icon{background:#e8f5e9!important;color:#388e3c!important}.tk-profile-list-conversation>ul>li[data-id=last_activity]>.tk-icon{background:#e0f2f1!important;color:#00796b!important}.tk-profile-list-conversation>ul>li[data-id=phone]>.tk-icon{background:#ede7f6!important;color:#512da8!important}.tk-profile-list-conversation>ul>li[data-id=browser_language]>.tk-icon,.tk-profile-list-conversation>ul>li[data-id=language]>.tk-icon{background:#fff8e1!important;color:#f9a825!important}.tk-profile-list-conversation>ul>li[data-id=country]>.tk-icon,.tk-profile-list-conversation>ul>li[data-id=location]>.tk-icon{background:#e0f7fa!important;color:#00838f!important}.tk-profile-list-conversation>ul>li>img{display:none!important}.tk-profile-list ul[style],.tk-profile-list-conversation ul[style],.tk-profile-list-conversation.tk-collapse,.tk-profile-list-conversation.tk-collapse ul,.tk-profile-list-conversation.tk-collapse.tk-active,.tk-profile-list-conversation.tk-collapse.tk-active ul,.tk-profile-list.tk-collapse,.tk-profile-list.tk-collapse ul,.tk-profile-list.tk-collapse.tk-active,.tk-profile-list.tk-collapse.tk-active ul{height:auto!important;max-height:none!important;overflow:visible!important}.sb-collapse-btn,.tk-collapse-btn,.tk-profile-list .sb-collapse-btn,.tk-profile-list-conversation .sb-collapse-btn{display:none!important}.tk-profile-list-conversation li[data-id=conversation-id],.tk-profile-list-conversation li[data-id=creation_time],.tk-profile-list-conversation li[data-id=id],.tk-profile-list-conversation li[data-id=last_activity],.tk-profile-list-conversation li[data-id=phone],.tk-profile-list-conversation li[data-id=user_type],.tk-profile-list.tk-profile-list-conversation ul li[data-id=language],.tk-profile-list.tk-profile-list-conversation ul li[data-id=token]{display:flex!important}.tk-panel-attachments>h3,.tk-panel-details>h3,.tk-panel-notes>h3,.tk-panel-tags>h3{display:flex!important;align-items:center!important;gap:8px!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.5px!important;color:#6b7280!important;padding:12px 16px 8px!important;margin:0!important;border-top:1px solid #f3f4f6!important;border-bottom:none!important;background:#fff!important;line-height:1.4!important}.tk-panel-attachments>h3::before,.tk-panel-details>h3::before,.tk-panel-notes>h3::before,.tk-panel-tags>h3::before{font-family:'Font Awesome 6 Free'!important;font-weight:900!important;font-size:10px!important;width:22px!important;height:22px!important;min-width:22px!important;border-radius:6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.tk-panel-notes>h3::before{content:'\f3f0'!important;background:#fef3c7!important;color:#d97706!important}.tk-panel-tags>h3::before{content:'\f02c'!important;background:#f3e5f5!important;color:#7b1fa2!important}.tk-panel-attachments>h3::before{content:'\f0c6'!important;background:#e3f2fd!important;color:#1976d2!important}.tk-panel-notes>div>div[data-id]{padding:0!important;margin:4px 10px!important;background:#fefce8!important;border-radius:8px!important;border-left:3px solid #eab308!important;overflow:visible!important}.tk-panel-notes>div>div[data-id]>span:first-child{font-size:11px!important;font-weight:600!important;color:#92400e!important;display:block!important;padding:8px 12px 0 12px!important;line-height:1.4!important}.tk-panel-notes .tk-note-text{font-size:13px!important;color:#374151!important;line-height:1.5!important;display:block!important;word-break:break-word!important;padding:4px 12px 6px 12px!important}.tk-panel-notes .tk-note-actions{display:flex!important;gap:4px!important;padding:0 12px 8px!important;border-top:1px solid #fde68a!important;margin-top:2px!important;padding-top:6px!important}.tk-panel-notes .tk-note-actions button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:3px 8px!important;border-radius:5px!important;border:1px solid #e2e8f0!important;background:#fff!important;background-image:none!important;color:#475569!important;font-size:11px!important;font-weight:500!important;cursor:pointer!important;transition:all .15s ease!important;box-shadow:none!important;text-shadow:none!important;transform:none!important;font-family:inherit!important}.tk-panel-notes .tk-note-actions button i{font-size:10px!important;margin:0!important;transform:none!important}.tk-panel-notes .tk-note-actions .tk-note-action-edit:hover{background:#dbeafe!important;color:#2563eb!important;border-color:#93c5fd!important}.tk-panel-notes .tk-note-actions .tk-note-action-delete:hover{background:#fee2e2!important;color:#dc2626!important;border-color:#fca5a5!important}.tk-panel-notes>div>div[data-id]>span:first-child>i.tk-delete-note,.tk-panel-notes>div>div[data-id]>span:first-child>i.tk-edit-note{display:none!important}.tk-tags-cnt{display:flex!important;flex-wrap:wrap!important;gap:6px!important;padding:4px 16px 12px!important}.tk-tags-cnt>span{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:4px 10px!important;background:#f3e5f5!important;color:#7b1fa2!important;border-radius:20px!important;font-size:12px!important;font-weight:600!important;border:1px solid #e1bee7!important;cursor:default!important;transition:all .15s!important}.tk-tags-cnt>span:hover{background:#7b1fa2!important;color:#fff!important;border-color:#7b1fa2!important}.tk-panel-attachments .tk-list-items{display:flex!important;flex-direction:column!important;gap:3px!important;padding:4px 10px 12px!important}.tk-panel-attachments .tk-list-items>a{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;background:#f8faff!important;border:1px solid #eef1f8!important;border-radius:9px!important;text-decoration:none!important;color:#374151!important;font-size:12px!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;transition:all .15s ease!important;position:static!important}.tk-panel-attachments .tk-list-items>a:hover{background:#e3f2fd!important;border-color:#1976d2!important;color:#1976d2!important;transform:none!important;box-shadow:none!important}.tk-panel-attachments .tk-list-items>a::before{font-family:'Font Awesome 6 Free'!important;font-weight:900!important;content:'\f15b'!important;width:28px!important;height:28px!important;min-width:28px!important;border-radius:7px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;background:#e3f2fd!important;color:#1976d2!important;flex-shrink:0!important;position:static!important;margin:0!important}.tk-panel-attachments .tk-list-items>a:hover::before{background:#1976d2!important;color:#fff!important}.tk-panel-attachments .tk-list-items>a .tk-icon{display:none!important}.tk-panel-attachments .tk-list-items>a[href*=".pdf"]::before{content:'\f1c1'!important;background:#fce4ec!important;color:#c2185b!important}.tk-panel-attachments .tk-list-items>a[href*=".pdf"]:hover::before{background:#c2185b!important;color:#fff!important}.tk-panel-attachments .tk-list-items>a[href*=".m4a"]::before,.tk-panel-attachments .tk-list-items>a[href*=".mp3"]::before,.tk-panel-attachments .tk-list-items>a[href*=".ogg"]::before,.tk-panel-attachments .tk-list-items>a[href*=".wav"]::before{content:'\f130'!important;background:#fce4ec!important;color:#c2185b!important}.tk-panel-attachments .tk-list-items>a.tk-att-voice::before{font-family:'Font Awesome 6 Free'!important;font-weight:900!important;content:'\f130'!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;min-width:28px!important;border-radius:7px!important;font-size:12px!important;background:#fce4ec!important;color:#c2185b!important;flex-shrink:0!important;position:static!important;margin:0!important}.tk-panel-attachments .tk-list-items>a.tk-att-voice .tk-icon{display:none!important}.tk-panel-attachments .tk-list-items>a[href*=".gif"]::before,.tk-panel-attachments .tk-list-items>a[href*=".jpeg"]::before,.tk-panel-attachments .tk-list-items>a[href*=".jpg"]::before,.tk-panel-attachments .tk-list-items>a[href*=".png"]::before,.tk-panel-attachments .tk-list-items>a[href*=".svg"]::before,.tk-panel-attachments .tk-list-items>a[href*=".webp"]::before{content:'\f03e'!important;background:#fff3e0!important;color:#f57c00!important}.tk-panel-attachments .tk-list-items>a[href*=".avi"]::before,.tk-panel-attachments .tk-list-items>a[href*=".mov"]::before,.tk-panel-attachments .tk-list-items>a[href*=".mp4"]::before,.tk-panel-attachments .tk-list-items>a[href*=".webm"]::before{content:'\f03d'!important;background:#f3e5f5!important;color:#7b1fa2!important}.tk-panel-attachments .tk-list-items>a[href*=".doc"]::before,.tk-panel-attachments .tk-list-items>a[href*=".docx"]::before{content:'\f1c2'!important;background:#e3f2fd!important;color:#1565c0!important}.tk-panel-attachments .tk-list-items>a[href*=".csv"]::before,.tk-panel-attachments .tk-list-items>a[href*=".xls"]::before,.tk-panel-attachments .tk-list-items>a[href*=".xlsx"]::before{content:'\f1c3'!important;background:#e8f5e9!important;color:#388e3c!important}.tk-panel-attachments .tk-list-items>a[href*=".7z"]::before,.tk-panel-attachments .tk-list-items>a[href*=".rar"]::before,.tk-panel-attachments .tk-list-items>a[href*=".zip"]::before{content:'\f1c6'!important;background:#fff8e1!important;color:#f9a825!important}.tk-panel-attachments .tk-list-items>a.tk-att-location::before{font-family:'Font Awesome 6 Free'!important;font-weight:900!important;content:'\f3c5'!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;min-width:28px!important;border-radius:7px!important;font-size:12px!important;background:#e8f5e9!important;color:#388e3c!important;flex-shrink:0!important;position:static!important;margin:0!important}.tk-panel-attachments .tk-list-items>a.tk-att-location .tk-icon{display:none!important}.tk-panel-attachments .tk-list-items>a.tk-att-location{color:#374151!important}.tk-panel-attachments .tk-att-images{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;padding:6px 12px 10px!important}.tk-panel-attachments .tk-att-thumb{width:100%!important;height:0!important;padding-bottom:100%!important;border-radius:10px!important;overflow:hidden!important;cursor:pointer!important;border:none!important;background:#f1f5f9!important;position:relative!important;transition:transform .15s ease,box-shadow .15s ease!important;box-shadow:0 1px 3px rgba(0,0,0,.08)!important}.tk-panel-attachments .tk-att-thumb img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.tk-panel-attachments .tk-att-thumb:hover{transform:scale(1.04)!important;box-shadow:0 4px 12px rgba(59,130,246,.2)!important}.tk-panel-attachments .tk-att-thumb-name{display:none!important}.tk-panel-attachments>h3.tk-flex{justify-content:space-between!important}#tk-attachments-filter.tk-select{height:auto!important;line-height:1!important;display:inline-flex!important;align-items:center!important;margin-left:auto!important;flex-shrink:0!important}#tk-attachments-filter.tk-select>p{height:22px!important;line-height:22px!important;padding:0 22px 0 10px!important;border:1.5px solid #d1d5db!important;border-radius:20px!important;font-size:10px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.3px!important;color:#6b7280!important;background:#f9fafb!important;cursor:pointer!important;white-space:nowrap!important;transition:all .15s!important;margin:0!important}#tk-attachments-filter.tk-select>p:hover{border-color:#1976d2!important;color:#1976d2!important;background:#e3f2fd!important}#tk-attachments-filter.tk-select>p::after{line-height:22px!important;right:7px!important;font-size:7px!important}#tk-attachments-filter.tk-select>ul{border-radius:10px!important;border:1px solid #e5e7eb!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important;top:calc(100% + 4px)!important;right:0!important;left:auto!important;min-width:120px!important;background:#fff!important;padding:4px 0!important;overflow:hidden!important}#tk-attachments-filter.tk-select>ul>li{font-size:12px!important;padding:9px 14px!important;font-weight:500!important;line-height:1.4!important;cursor:pointer!important;transition:background .12s!important;color:#374151!important}#tk-attachments-filter.tk-select>ul>li:hover{background:#f0f7ff!important;color:#1976d2!important}#tk-attachments-filter>ul>li[data-value=audio]{border-left:3px solid #c2185b!important}#tk-attachments-filter>ul>li[data-value=image]{border-left:3px solid #f57c00!important}#tk-attachments-filter>ul>li[data-value=video]{border-left:3px solid #7b1fa2!important}#tk-attachments-filter>ul>li[data-value=pdf]{border-left:3px solid #c2185b!important}#tk-attachments-filter>ul>li[data-value=location]{border-left:3px solid #388e3c!important}#tk-attachments-filter>ul>li[data-value=document]{border-left:3px solid #1565c0!important}.tk-list .tk-message-attachments{display:flex!important;flex-direction:column!important;gap:5px!important;margin-top:6px!important}.tk-list .tk-message-attachments a{display:flex!important;align-items:center!important;gap:8px!important;padding:7px 10px 7px 7px!important;padding-left:0!important;border-radius:8px!important;text-decoration:none!important;font-size:12px!important;font-weight:600!important;color:inherit!important;background:rgba(0,0,0,.05)!important;transition:background .15s!important;position:static!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;letter-spacing:0!important}.tk-list .tk-message-attachments a:hover{background:rgba(0,0,0,.1)!important}.tk-list .tk-right .tk-message-attachments a{background:rgba(255,255,255,.18)!important;color:#fff!important}.tk-list .tk-right .tk-message-attachments a:hover{background:rgba(255,255,255,.28)!important}.tk-list .tk-message-attachments a::before{font-family:'Font Awesome 6 Free'!important;font-weight:900!important;content:'\f15b'!important;width:26px!important;height:26px!important;min-width:26px!important;border-radius:6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;background:rgba(0,0,0,.12)!important;color:inherit!important;flex-shrink:0!important;position:static!important;left:auto!important;opacity:1!important;line-height:1!important}.tk-list .tk-right .tk-message-attachments a::before{background:rgba(255,255,255,.25)!important;color:#fff!important}.tk-list .tk-message-attachments a[href*=".pdf"]::before{content:'\f1c1'!important}.tk-list .tk-message-attachments a[href*=".m4a"]::before,.tk-list .tk-message-attachments a[href*=".mp3"]::before,.tk-list .tk-message-attachments a[href*=".ogg"]::before,.tk-list .tk-message-attachments a[href*=".wav"]::before{content:'\f028'!important}.tk-list .tk-message-attachments a[href*=".gif"]::before,.tk-list .tk-message-attachments a[href*=".jpeg"]::before,.tk-list .tk-message-attachments a[href*=".jpg"]::before,.tk-list .tk-message-attachments a[href*=".png"]::before,.tk-list .tk-message-attachments a[href*=".webp"]::before{content:'\f03e'!important}.tk-list .tk-message-attachments a[href*=".mov"]::before,.tk-list .tk-message-attachments a[href*=".mp4"]::before{content:'\f03d'!important}.tk-list .tk-message-attachments a[href*=".doc"]::before,.tk-list .tk-message-attachments a[href*=".docx"]::before{content:'\f1c2'!important}.tk-board .tk-user-details .tk-inline.tk-inline-departments{display:block!important;padding:0!important;border-top:1px solid #f3f4f6!important}.tk-board .tk-user-details .tk-inline.tk-inline-departments>h3{display:flex!important;align-items:center!important;gap:8px!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.5px!important;color:#6b7280!important;padding:12px 16px 8px!important;margin:0!important;line-height:1.4!important;border-top:none!important;background:#fff!important}.tk-board .tk-user-details .tk-inline.tk-inline-departments>h3::before{font-family:'Font Awesome 6 Free'!important;font-weight:900!important;font-size:10px!important;content:'\f1ad'!important;width:22px!important;height:22px!important;min-width:22px!important;border-radius:6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#d1fae5!important;color:#059669!important;flex-shrink:0!important}.tk-board .tk-user-details .tk-inline.tk-inline-departments>.tk-select,.tk-board .tk-user-details .tk-inline.tk-inline-departments>.tk-select.tk-select-colors{width:auto!important;height:auto!important;line-height:normal!important;padding:0 16px 14px!important;display:block!important;background:0 0!important;border:none!important;box-shadow:none!important;overflow:visible!important;min-width:0!important}.tk-board .tk-user-details .tk-inline.tk-inline-departments>.tk-select.tk-select-colors>p,.tk-board .tk-user-details .tk-inline.tk-inline-departments>.tk-select.tk-select-colors>p:not([data-value]),.tk-board .tk-user-details .tk-inline.tk-inline-departments>.tk-select.tk-select-colors>p[data-value=""],.tk-board .tk-user-details .tk-inline.tk-inline-departments>.tk-select.tk-select-colors>p[data-value="-1"],.tk-board .tk-user-details .tk-inline.tk-inline-departments>.tk-select>p{height:auto!important;line-height:1!important;font-size:12.5px!important;font-weight:500!important;color:#334155!important;padding:8px 32px 8px 12px!important;margin:0!important;background:#fff!important;border-radius:8px!important;border:1px solid #e2e8f0!important;cursor:pointer!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;transition:all .2s ease!important;position:relative!important;box-shadow:0 1px 2px rgba(0,0,0,.04)!important}.tk-board .tk-user-details .tk-inline.tk-inline-departments>.tk-select.tk-select-colors>p:hover,.tk-board .tk-user-details .tk-inline.tk-inline-departments>.tk-select>p:hover{border-color:#93c5fd!important;box-shadow:0 0 0 3px rgba(59,130,246,.08),0 1px 2px rgba(0,0,0,.04)!important;color:#1e293b!important;background:#fff!important}.tk-board .tk-user-details .tk-inline.tk-inline-departments>.tk-select.tk-select-colors>p::after,.tk-board .tk-user-details .tk-inline.tk-inline-departments>.tk-select>p::after{content:"\f078"!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-style:normal!important;font-size:9px!important;line-height:1!important;position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;color:#94a3b8!important;pointer-events:none!important}.tk-board .tk-user-details .tk-inline.tk-inline-departments>.tk-select>p:hover::after{color:#3b82f6!important}.tk-board .tk-user-details .tk-inline.tk-inline-departments>.tk-select.tk-select-colors>ul,.tk-board .tk-user-details .tk-inline.tk-inline-departments>.tk-select>ul{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;box-shadow:0 12px 40px rgba(0,0,0,.12),0 4px 12px rgba(0,0,0,.06)!important;padding:4px!important;z-index:100!important;margin-top:4px!important;top:calc(100% + 4px)!important;width:100%!important;left:0!important;overflow:hidden!important}.tk-board .tk-user-details .tk-inline.tk-inline-departments>.tk-select>ul>li{padding:8px 12px!important;border-radius:7px!important;font-size:12.5px!important;font-weight:500!important;line-height:1.3!important;cursor:pointer!important;border-bottom:none!important;white-space:nowrap!important;transition:all .1s ease!important;color:#334155!important;background:0 0!important}.tk-board .tk-user-details .tk-inline.tk-inline-departments>.tk-select>ul>li:hover{background:#f0f7ff!important;color:#2563eb!important}.tk-board .tk-user-details .tk-inline.tk-inline-departments>.tk-select>ul>li.tk-active{background:#eff6ff!important;color:#2563eb!important;font-weight:600!important}[dir=rtl] .tk-user-details .tk-scroll-area{direction:ltr!important;text-align:left!important}[dir=rtl] .tk-user-details .tk-scroll-area *{unicode-bidi:plaintext!important}[dir=rtl] .tk-profile-list-conversation>ul>li>a,[dir=rtl] .tk-profile-list-conversation>ul>li>label:last-child{text-align:left!important}[dir=rtl] .tk-board .tk-user-details .tk-inline.tk-inline-departments{direction:rtl!important;text-align:right!important}[dir=rtl] .tk-board .tk-user-details .tk-inline.tk-inline-departments>.tk-select.tk-select-colors>p::after,[dir=rtl] .tk-board .tk-user-details .tk-inline.tk-inline-departments>.tk-select>p::after{right:auto!important;left:12px!important}[dir=rtl] .tk-board .tk-user-details .tk-inline.tk-inline-departments>.tk-select.tk-select-colors>p,[dir=rtl] .tk-board .tk-user-details .tk-inline.tk-inline-departments>.tk-select>p{padding:8px 12px 8px 32px!important}[dir=rtl] .tk-board .tk-user-details .tk-inline.tk-inline-departments>.tk-select>ul{left:auto!important;right:0!important}[dir=rtl] #tk-attachments-filter.tk-select>p::after{right:auto!important;left:7px!important}[dir=rtl] #tk-attachments-filter.tk-select>p{padding:0 10px 0 22px!important}[dir=rtl] #tk-attachments-filter.tk-select{margin-left:0!important;margin-right:auto!important}[dir=rtl] .tk-panel-attachments>h3{direction:rtl!important;text-align:right!important}[dir=rtl] .tk-user-details .tk-scroll-area .tk-panel,[dir=rtl] .tk-user-details .tk-scroll-area .tk-panel-attachments,[dir=rtl] .tk-user-details .tk-scroll-area .tk-panel-details,[dir=rtl] .tk-user-details .tk-scroll-area .tk-panel-notes,[dir=rtl] .tk-user-details .tk-scroll-area .tk-panel-tags{direction:rtl!important;text-align:right!important}[dir=rtl] .tk-user-details .tk-scroll-area .tk-panel-attachments>h3,[dir=rtl] .tk-user-details .tk-scroll-area .tk-panel-details>h3,[dir=rtl] .tk-user-details .tk-scroll-area .tk-panel-notes>h3,[dir=rtl] .tk-user-details .tk-scroll-area .tk-panel-tags>h3{direction:rtl!important;text-align:right!important;flex-direction:row!important}[dir=rtl] .tk-user-details .tk-scroll-area .tk-panel-notes>div>div{direction:rtl!important;text-align:right!important}[dir=rtl] .tk-user-details .tk-scroll-area .tk-panel-tags>div{direction:rtl!important;text-align:right!important}.tk-popup.tk-replies .tk-header{display:flex!important;flex-direction:column!important;gap:10px!important;padding:14px 16px!important;height:auto!important;line-height:normal!important;overflow:hidden!important;box-sizing:border-box!important}.tk-popup.tk-replies .tk-header .tk-title{font-size:15px!important;font-weight:700!important;color:#1e293b!important}.tk-popup.tk-replies .tk-header .tk-search-btn{position:relative!important;width:auto!important;max-width:100%!important;height:36px!important;box-sizing:border-box!important;background:#f1f5f9!important;border-radius:10px!important;border:1.5px solid #e2e8f0!important;display:flex!important;align-items:center!important;padding:0 12px!important;gap:8px!important;transition:border-color .2s!important}.tk-popup.tk-replies .tk-header .tk-search-btn:focus-within{border-color:#3b82f6!important;background:#fff!important}.tk-popup.tk-replies .tk-header .tk-search-btn>i{position:static!important;width:16px!important;height:16px!important;font-size:13px!important;color:#94a3b8!important;flex-shrink:0!important;line-height:1!important;top:auto!important;right:auto!important;left:auto!important}.tk-popup.tk-replies .tk-header .tk-search-btn>input{position:static!important;display:block!important;flex:1!important;min-width:0!important;width:auto!important;height:auto!important;border:none!important;background:0 0!important;font-size:13px!important;color:#334155!important;padding:0!important;margin:0!important;box-shadow:none!important;outline:0!important}.tk-popup.tk-replies .tk-header .tk-search-btn>input::placeholder{color:#94a3b8!important}.tk-popup.tk-replies .tk-header .tk-search-btn.tk-active{margin-top:0!important}.tk-popup.tk-replies .tk-header .tk-search-btn.tk-active>i{position:static!important;top:auto!important;right:auto!important;left:auto!important}.tk-popup.tk-replies .tk-replies-list{height:calc(100% - 100px)!important;max-height:none!important}[dir=rtl] .tk-popup.tk-replies{direction:rtl!important;text-align:right!important}[dir=rtl] .tk-popup.tk-replies .tk-header .tk-title{text-align:right!important}[dir=rtl] .tk-popup.tk-replies .tk-header .tk-search-btn>input{direction:rtl!important;text-align:right!important}[dir=rtl] .tk-popup.tk-replies .tk-replies-list ul li{direction:rtl!important;text-align:right!important;margin-right:0!important;margin-left:15px!important;flex-direction:row!important}[dir=rtl] .tk-popup.tk-replies .tk-replies-list ul li div:first-child{margin-right:0!important;margin-left:15px!important;padding-left:0!important;padding-right:15px!important}[dir=rtl] .tk-popup.tk-replies .tk-replies-list ul li div:first-child::before{left:auto!important;right:0!important}[dir=rtl] .tk-popup.tk-replies::after{left:auto!important;right:56px!important;transform:translateX(50%)!important}@media (min-width:769px){.tk-popup.tk-replies{position:fixed!important;left:50%!important;right:auto!important;top:auto!important;bottom:80px!important;transform:translateX(-50%)!important;width:420px!important;max-width:calc(100vw - 32px)!important;height:480px!important;max-height:calc(100vh - 140px)!important;border-radius:16px!important;box-shadow:0 20px 60px rgba(0,0,0,.18)!important;z-index:99999!important}.tk-popup.tk-replies::after{display:none!important}}@media (max-width:768px){.tk-popup.tk-replies{position:fixed!important;top:auto!important;left:50%!important;right:auto!important;bottom:16px!important;transform:translateX(-50%)!important;width:calc(100vw - 32px)!important;max-width:380px!important;height:auto!important;max-height:70vh!important;border-radius:16px!important;z-index:99999!important;box-shadow:0 20px 60px rgba(0,0,0,.25)!important}.tk-popup.tk-replies .tk-header{padding:12px!important;gap:8px!important}.tk-popup.tk-replies .tk-header .tk-title{font-size:14px!important}.tk-popup.tk-replies .tk-header .tk-search-btn{height:36px!important}.tk-popup.tk-replies .tk-replies-list{max-height:calc(70vh - 110px)!important;height:auto!important}.tk-popup.tk-replies .tk-replies-list li{padding:10px 12px!important;font-size:13px!important}.tk-popup.tk-replies::after{display:none!important}}
/* === min/editor-bottom-fix.min.css === */
.tk-admin>main{box-sizing:border-box!important}.sb-conversation,.tk-conversation{padding-bottom:0!important}.sb-admin .sb-editor,.sb-area-conversations .sb-editor,.sb-board .sb-conversation .sb-editor,.sb-chat .sb-editor,.sb-editor,.tk-admin .tk-editor,.tk-area-conversations .tk-editor,.tk-board .tk-conversation .tk-editor,.tk-chat .tk-editor,.tk-editor{top:auto!important}.tk-list>div.tk-msg-selected{outline:0!important;box-shadow:0 1px .5px rgba(11,20,26,.13)!important}.tk-list>div.tk-msg-selected:not(.tk-right)>.tk-cnt{background:#a8d4f5!important}.tk-list>div.tk-right.tk-msg-selected>.tk-cnt{background:#8bcfb7!important}
/* === min/whatsapp-mobile-editor.min.css === */
/* ============================================================ WhatsApp-Style Mobile Editor — v2 Simple,clean approach. No pseudo-elements,no display:contents. ============================================================ */ @media (max-width:768px){/* ── Editor container:WhatsApp gray bar ── */ .tk-board .tk-conversation .tk-editor{background:#f0f2f5 !important;padding:6px 8px !important;margin:0 !important;border:none !important;border-radius:0 !important;box-shadow:none !important;position:relative !important;overflow:visible !important}/* ── Textarea:white rounded pill ── */ .tk-board .tk-conversation .tk-editor .tk-textarea{background:#fff !important;border-radius:21px !important;padding:8px 14px !important;border:none !important;margin:0 !important;box-shadow:none !important}.tk-board .tk-conversation .tk-editor .tk-textarea textarea{font-size:17px !important;width:98% !important;min-height:22px !important;max-height:44px !important;line-height:22px !important;padding:0 !important;color:#3b4a54 !important;background:transparent !important;overflow-y:auto !important;resize:none !important;box-sizing:border-box !important}/* ── Suggestions:rounded bottom to continue the pill ── */ .tk-board .tk-conversation .tk-editor .tk-suggestions{background:#fff !important;border-radius:0 0 16px 16px !important;margin-top:-16px !important;padding:2px 12px 8px !important;position:relative !important;z-index:1 !important}/* When suggestions exist,flatten textarea bottom corners */ .tk-board .tk-conversation .tk-editor .tk-suggestions:not(:empty) ~ .tk-textarea,.tk-board .tk-conversation .tk-editor:has(.tk-suggestions:not(:empty)) .tk-textarea{border-radius:21px 21px 0 0 !important}/* ── Attachments:inside the white area ── */ .tk-board .tk-conversation .tk-editor .tk-attachments:not(:empty){background:#fff !important;border-radius:0 0 16px 16px !important;margin-top:-16px !important;padding:4px 14px 8px !important;position:relative !important;z-index:1 !important}/* ── Bar:normal flow below textarea,flex row ── */ .tk-board .tk-conversation .tk-editor .tk-bar{position:relative !important;display:flex !important;align-items:center !important;justify-content:space-between !important;margin-top:6px !important;padding:0 2px !important;max-height:none !important;top:auto !important;bottom:auto !important;right:auto !important;left:auto !important;background:transparent !important}/* ── Icons row ── */ .tk-board .tk-conversation .tk-editor .tk-bar-icons{display:flex !important;align-items:center !important;gap:2px !important;flex-wrap:nowrap !important}/* ── Icon tiles:flat WhatsApp gray — kill colorful backgrounds ── */ .tk-board .tk-conversation .tk-editor .tk-bar-icons > div,.tk-board .tk-conversation .tk-editor .tk-bar-icons > div.tk-btn-attachment,.tk-board .tk-conversation .tk-editor .tk-bar-icons > div.tk-btn-saved-replies,.tk-board .tk-conversation .tk-editor .tk-bar-icons > div.tk-btn-audio-clip,.tk-board .tk-conversation .tk-editor .tk-bar-icons > div.tk-btn-emoji,.tk-board .tk-conversation .tk-editor .tk-bar-icons > div.tk-btn-location,.tk-board .tk-conversation .tk-editor .tk-bar-icons > div.tk-btn-woocommerce{width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;border-radius:50% !important;background:transparent !important;background-image:none !important;box-shadow:none !important;transform:none !important;margin:0 !important;transition:background 0.15s ease !important}.tk-board .tk-conversation .tk-editor .tk-bar-icons > div:hover,.tk-board .tk-conversation .tk-editor .tk-bar-icons > div.tk-btn-attachment:hover,.tk-board .tk-conversation .tk-editor .tk-bar-icons > div.tk-btn-saved-replies:hover,.tk-board .tk-conversation .tk-editor .tk-bar-icons > div.tk-btn-emoji:hover,.tk-board .tk-conversation .tk-editor .tk-bar-icons > div.tk-btn-location:hover{background:rgba(0,0,0,0.06) !important;background-image:none !important;transform:none !important;box-shadow:none !important}/* ── Icon color:flat gray ── */ .tk-board .tk-conversation .tk-editor .tk-bar-icons > div::before,.tk-board .tk-conversation .tk-editor .tk-bar-icons > div.tk-btn-attachment::before,.tk-board .tk-conversation .tk-editor .tk-bar-icons > div.tk-btn-saved-replies::before,.tk-board .tk-conversation .tk-editor .tk-bar-icons > div.tk-btn-audio-clip::before,.tk-board .tk-conversation .tk-editor .tk-bar-icons > div.tk-btn-emoji::before,.tk-board .tk-conversation .tk-editor .tk-bar-icons > div.tk-btn-location::before,.tk-board .tk-conversation .tk-editor .tk-bar-icons > div.tk-btn-woocommerce::before{color:#8696a0 !important;font-size:17px !important}.tk-board .tk-conversation .tk-editor .tk-bar-icons > div:hover::before{color:#667781 !important}/* ── Hide mic + attachment when typing (fix:chat-action-icons uses !important inline-flex) ── */ .tk-board .tk-conversation .tk-editor.tk-active .tk-bar-icons > div.tk-btn-audio-clip,.tk-board .tk-conversation .tk-editor.tk-active .tk-bar-icons > div.tk-btn-attachment{display:none !important}/* ══════════════════════════════════════════════ SEND BUTTON — WhatsApp green circle Always visible,right side of the bar ══════════════════════════════════════════════ */ .tk-board .tk-conversation .tk-editor div.tk-icon-send.tk-submit,.tk-board .tk-conversation .tk-editor .tk-icon-send.tk-submit{display:flex !important;width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;max-width:40px !important;max-height:40px !important;border-radius:50% !important;background:#00a884 !important;background-color:#00a884 !important;background-image:none !important;align-items:center !important;justify-content:center !important;padding:0 !important;margin:0 !important;flex-shrink:0 !important;cursor:pointer !important;-webkit-tap-highlight-color:transparent !important;touch-action:manipulation !important;box-shadow:none !important;border:none !important;outline:none !important;position:relative !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important}/* Icon inside send button — white */ .tk-board .tk-conversation .tk-editor div.tk-icon-send.tk-submit::before,.tk-board .tk-conversation .tk-editor .tk-icon-send.tk-submit::before{color:#fff !important;font-size:17px !important;display:inline !important;position:relative !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;transform:none !important;background:none !important;background-color:transparent !important;background-image:none !important;border:none !important;box-shadow:none !important;width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;line-height:1 !important}/* Kill::after on send */ .tk-board .tk-conversation .tk-editor div.tk-icon-send.tk-submit::after{display:none !important;content:none !important}/* Hover / active */ .tk-board .tk-conversation .tk-editor div.tk-icon-send.tk-submit:hover{background:#009977 !important;background-color:#009977 !important}.tk-board .tk-conversation .tk-editor div.tk-icon-send.tk-submit:active{background:#008c6f !important;background-color:#008c6f !important;transform:scale(0.95) !important}.tk-board .tk-conversation .tk-editor div.tk-icon-send.tk-submit:hover::before,.tk-board .tk-conversation .tk-editor div.tk-icon-send.tk-submit:active::before{color:#fff !important;background:none !important;background-color:transparent !important}/* ══════════════════════════════════════════════ SUPPORTING ══════════════════════════════════════════════ */ /* Loader */ .tk-board .tk-conversation .tk-editor .tk-loader{background:transparent !important}/* Labels */ .tk-board .tk-conversation .tk-editor .tk-labels{position:absolute !important;top:-40px !important;left:8px !important;z-index:95 !important}/* Popups */ .tk-board .tk-conversation .tk-editor .tk-popup{z-index:10 !important}/* Audio recording mode */ .tk-board .tk-conversation .tk-editor.tk-audio-message-active .tk-bar-icons{display:none !important}}/* ══════════════════════════════════════════════ Delivery Failed Banner — mobile responsive ══════════════════════════════════════════════ */ @media (max-width:768px){.tk-delivery-failed-banner{margin:0 8px 6px !important;padding:8px 10px !important;font-size:12px !important;line-height:1.4 !important;border-radius:8px !important;word-break:break-word !important;box-sizing:border-box !important}.tk-delivery-failed-banner span{flex:1 !important;min-width:0 !important}.tk-delivery-failed-banner i{font-size:13px !important;margin-top:2px !important}}@media (max-width:375px){.tk-delivery-failed-banner{font-size:11px !important;padding:6px 8px !important;margin:0 4px 4px !important}}/* ══════════════════════════════════════════════ RTL tweaks ══════════════════════════════════════════════ */ @media (max-width:768px){.tk-rtl .tk-board .tk-conversation .tk-editor .tk-bar{flex-direction:row-reverse !important}.tk-rtl .tk-board .tk-conversation .tk-editor .tk-bar-icons{direction:rtl !important}.tk-rtl .tk-board .tk-conversation .tk-editor .tk-labels{left:auto !important;right:8px !important}}/* ══════════════════════════════════════════════ Small phones (≤ 375px) ══════════════════════════════════════════════ */ @media (max-width:375px){.tk-board .tk-conversation .tk-editor .tk-bar-icons > div,.tk-board .tk-conversation .tk-editor .tk-bar-icons > div.tk-btn-attachment,.tk-board .tk-conversation .tk-editor .tk-bar-icons > div.tk-btn-saved-replies,.tk-board .tk-conversation .tk-editor .tk-bar-icons > div.tk-btn-audio-clip,.tk-board .tk-conversation .tk-editor .tk-bar-icons > div.tk-btn-emoji,.tk-board .tk-conversation .tk-editor .tk-bar-icons > div.tk-btn-location{width:32px !important;height:32px !important;min-width:32px !important;min-height:32px !important}.tk-board .tk-conversation .tk-editor .tk-bar-icons > div::before{font-size:15px !important}.tk-board .tk-conversation .tk-editor div.tk-icon-send.tk-submit{width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important}}
/* === min/whatsapp-style-overhaul.min.css === */
#tk-audio-clip{background:#f0f2f5 !important;border-top:1px solid #d1d7db !important;height:58px !important}#tk-audio-clip.tk-active{gap:10px !important}#tk-audio-clip .tk-btn-delete-audio{width:38px !important;height:38px !important;min-width:38px !important;background:rgba(239, 68, 68, 0.06) !important;color:#e74c3c !important;border-radius:50% !important;transition:all 0.2s ease !important}#tk-audio-clip .tk-btn-delete-audio:hover{background:rgba(239, 68, 68, 0.12) !important}#tk-audio-clip .tk-audio-clip-body{background:#ffffff !important;border:1px solid #d1d7db !important;border-radius:22px !important;height:40px !important;min-height:40px !important;gap:10px !important;padding:0 14px !important}#tk-audio-clip .tk-audio-rec-dot{background:#ef4444 !important;box-shadow:0 0 6px rgba(239, 68, 68, 0.5) !important}#tk-audio-clip .tk-audio-clip-time{color:#3b4a54 !important;font-size:14px !important;font-weight:500 !important}#tk-audio-clip .tk-btn-mic{color:#8696a0 !important}#tk-audio-clip .tk-btn-mic:hover{background:rgba(0, 168, 132, 0.08) !important;color:#00a884 !important}#tk-audio-clip .tk-btn-clip-player{color:#00a884 !important}#tk-audio-clip .tk-btn-clip-player:hover{background:rgba(0, 168, 132, 0.08) !important}#tk-audio-clip .tk-btn-send-audio, #tk-audio-clip .tk-btn-send-audio:hover, #tk-audio-clip .tk-btn-send-audio:active{background:#00a884 !important;background-color:#00a884 !important;box-shadow:0 2px 8px rgba(0, 168, 132, 0.35) !important}#tk-audio-clip .tk-btn-send-audio:hover{background:#009977 !important;background-color:#009977 !important;box-shadow:0 3px 12px rgba(0, 168, 132, 0.45) !important}#tk-audio-clip .tk-btn-send-audio:active{background:#008c6f !important;background-color:#008c6f !important}@media (max-width:768px){#tk-audio-clip{position:fixed !important;bottom:68px !important;left:10px !important;right:10px !important;height:auto !important;padding:8px 12px !important;background:rgba(255, 255, 255, 0.97) !important;-webkit-backdrop-filter:blur(24px) saturate(180%) !important;backdrop-filter:blur(24px) saturate(180%) !important;border-radius:26px !important;border:1px solid rgba(0, 168, 132, 0.12) !important;border-top:1px solid rgba(0, 168, 132, 0.12) !important;box-shadow:0 6px 24px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;z-index:10000 !important}#tk-audio-clip.tk-active{gap:8px !important}#tk-audio-clip .tk-btn-delete-audio{width:36px !important;height:36px !important;min-width:36px !important}#tk-audio-clip .tk-audio-clip-body{height:36px !important;min-height:36px !important;padding:0 12px !important;gap:8px !important;background:rgba(0, 168, 132, 0.04) !important;border:1px solid rgba(0, 168, 132, 0.1) !important;border-radius:18px !important}#tk-audio-clip .tk-audio-clip-time{font-size:13px !important;font-weight:600 !important;color:#00a884 !important}#tk-audio-clip .tk-btn-send-audio, #tk-audio-clip .tk-btn-send-audio:hover, #tk-audio-clip .tk-btn-send-audio:active{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;max-width:40px !important;max-height:40px !important;box-shadow:0 3px 10px rgba(0, 168, 132, 0.4) !important}#tk-audio-clip .tk-btn-mic, #tk-audio-clip .tk-btn-clip-player{width:28px !important;height:28px !important;min-width:28px !important;color:#00a884 !important}}@media (max-width:380px){#tk-audio-clip{left:6px !important;right:6px !important;padding:6px 10px !important}#tk-audio-clip .tk-btn-send-audio, #tk-audio-clip .tk-btn-send-audio:hover, #tk-audio-clip .tk-btn-send-audio:active{width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;max-width:36px !important;max-height:36px !important}}.tk-board > .tk-admin-list .tk-scroll-area{background:#ffffff !important}.tk-board > .tk-admin-list .tk-scroll-area li{border-bottom:1px solid #f0f2f5 !important;padding:12px 16px !important;transition:background-color 0.15s ease !important;cursor:pointer !important}.tk-board > .tk-admin-list .tk-scroll-area li:last-child{border-bottom:none !important}.tk-board > .tk-admin-list .tk-scroll-area li:hover{background-color:#f0f2f5 !important}.tk-board > .tk-admin-list .tk-scroll-area li.tk-active{background-color:#e9edef !important}.tk-board > .tk-admin-list .tk-scroll-area li .tk-profile img, .tk-board > .tk-admin-list .tk-scroll-area li .tk-ws-avatar-wrap img{width:44px !important;height:44px !important;min-width:44px !important;border-radius:50% !important;object-fit:cover !important;box-shadow:0 1px 3px rgba(0, 0, 0, 0.06) !important}.tk-board > .tk-admin-list .tk-scroll-area li .tk-profile .tk-name, .tk-board > .tk-admin-list .tk-scroll-area li .tk-ws-queue-name{font-size:15px !important;font-weight:400 !important;color:#111b21 !important;line-height:1.35 !important}.tk-board > .tk-admin-list .tk-scroll-area li .tk-profile .tk-time, .tk-board > .tk-admin-list .tk-scroll-area li .tk-ws-queue-time{font-size:12px !important;color:#667781 !important}.tk-board > .tk-admin-list .tk-scroll-area li p, .tk-board > .tk-admin-list .tk-scroll-area li .tk-ws-queue-preview{font-size:13px !important;color:#667781 !important;line-height:1.35 !important;display:-webkit-box !important;-webkit-line-clamp:1 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;text-overflow:ellipsis !important}.tk-board > .tk-admin-list .tk-scroll-area li[data-conversation-status="2"] .tk-profile .tk-name, .tk-board > .tk-admin-list .tk-scroll-area li[data-conversation-status="2"] .tk-ws-queue-name{font-weight:600 !important}.tk-board > .tk-admin-list .tk-scroll-area li[data-conversation-status="2"] .tk-profile .tk-time, .tk-board > .tk-admin-list .tk-scroll-area li[data-conversation-status="2"] .tk-ws-queue-time{color:#00a884 !important;font-weight:500 !important}@media (max-width:768px){.tk-board > .tk-admin-list .tk-scroll-area li{padding:14px 16px !important;min-height:68px !important;gap:12px !important}.tk-board > .tk-admin-list .tk-scroll-area li .tk-profile img, .tk-board > .tk-admin-list .tk-scroll-area li .tk-ws-avatar-wrap img{width:48px !important;height:48px !important;min-width:48px !important}.tk-board > .tk-admin-list .tk-scroll-area li .tk-profile .tk-name, .tk-board > .tk-admin-list .tk-scroll-area li .tk-ws-queue-name{font-size:16px !important;font-weight:400 !important}.tk-board > .tk-admin-list .tk-scroll-area li p, .tk-board > .tk-admin-list .tk-scroll-area li .tk-ws-queue-preview{font-size:13.5px !important}.tk-board > .tk-admin-list .tk-scroll-area li:active{background-color:#e2e8f0 !important;transition:background-color 0.05s !important}}.tk-editor{background:#f0f2f5 !important;border-top:1px solid #d1d7db !important;border-radius:0 !important;padding:8px 12px !important;box-shadow:none !important;margin:0 !important;border:none !important;border-top:1px solid #e9edef !important}.tk-editor .tk-textarea{background:#ffffff !important;border:1px solid #d1d7db !important;border-radius:20px !important;padding:0 !important;transition:border-color 0.2s ease, box-shadow 0.2s ease !important;overflow:hidden !important}.tk-editor .tk-textarea:focus-within{border-color:#00a884 !important;box-shadow:0 0 0 2px rgba(0, 168, 132, 0.08) !important}.tk-editor .tk-textarea textarea{background:transparent !important;border:none !important;padding:12px 16px !important;font-size:15px !important;line-height:1.45 !important;color:#111b21 !important;min-height:40px !important;max-height:120px !important;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif !important}.tk-editor .tk-textarea textarea::placeholder{color:#8696a0 !important}.tk-editor .tk-bar{margin-top:8px !important;padding:0 !important;border-top:none !important;gap:4px !important}.tk-editor .tk-bar-icons > div{width:38px !important;height:38px !important;border-radius:50% !important;background:transparent !important;background-image:none !important;box-shadow:none !important;transition:background 0.15s ease !important}.tk-editor .tk-bar-icons > div:hover{background:rgba(0, 0, 0, 0.05) !important;background-image:none !important;transform:none !important;box-shadow:none !important}.tk-editor .tk-bar-icons > div:active{background:rgba(0, 0, 0, 0.08) !important;transform:none !important}.tk-editor .tk-bar-icons > div::before, .tk-editor .tk-bar-icons > div:hover::before{color:#8696a0 !important;font-size:18px !important}.tk-editor .tk-bar-icons > div:hover::before{color:#54656f !important}.tk-editor .tk-btn-attachment:hover::before{color:#00a884 !important}.tk-editor .tk-btn-emoji:hover::before{color:#f59e0b !important}.tk-editor .tk-btn-audio-clip:hover::before{color:#00a884 !important}.tk-editor .tk-btn-saved-replies:hover::before{color:#8b5cf6 !important}.tk-icon-send, .tk-icon-send.tk-submit, [class*="tk-icon-send"], [class*="tk-submit"], div.tk-icon-send.tk-submit, .tk-editor .tk-submit, .tk-editor .tk-icon-send, .tk-editor .tk-icon-send.tk-submit, .tk-editor div.tk-icon-send.tk-submit, .tk-chat .tk-icon-send, .tk-chat .tk-icon-send.tk-submit, .tk-chat div.tk-icon-send.tk-submit{width:42px !important;height:42px !important;min-width:42px !important;min-height:42px !important;max-width:42px !important;max-height:42px !important;border-radius:50% !important;background:#00a884 !important;background-color:#00a884 !important;background-image:none !important;background-attachment:scroll !important;background-position:center !important;background-repeat:no-repeat !important;background-size:auto !important;color:#ffffff !important;box-shadow:0 2px 6px rgba(0, 168, 132, 0.25) !important;border:none !important;border-color:transparent !important;border-style:none !important;border-width:0 !important;cursor:pointer !important;transition:background 0.15s ease, transform 0.1s ease !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 !important;margin:0 !important;position:relative !important;overflow:visible !important;outline:none !important}.tk-icon-send::before, .tk-icon-send.tk-submit::before, [class*="tk-icon-send"]::before, [class*="tk-submit"]::before, div.tk-icon-send.tk-submit::before, .tk-editor .tk-submit::before, .tk-editor .tk-icon-send::before, .tk-editor .tk-icon-send.tk-submit::before, .tk-editor div.tk-icon-send.tk-submit::before, .tk-chat .tk-icon-send::before, .tk-chat .tk-icon-send.tk-submit::before, .tk-chat div.tk-icon-send.tk-submit::before{color:#ffffff !important;font-size:18px !important;background:none !important;background-color:transparent !important;background-image:none !important;border:none !important;border-radius:0 !important;box-shadow:none !important;width:auto !important;height:auto !important;display:inline !important;position:relative !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;transform:none !important;line-height:1 !important;padding:0 !important;margin:0 !important}.tk-icon-send::after, .tk-icon-send.tk-submit::after, [class*="tk-icon-send"]::after, [class*="tk-submit"]::after, div.tk-icon-send.tk-submit::after, .tk-editor .tk-submit::after, .tk-editor .tk-icon-send::after, .tk-editor div.tk-icon-send.tk-submit::after{display:none !important;content:none !important;visibility:hidden !important}.tk-icon-send:hover, .tk-icon-send.tk-submit:hover, [class*="tk-icon-send"]:hover, [class*="tk-submit"]:hover, div.tk-icon-send.tk-submit:hover, .tk-editor .tk-submit:hover, .tk-editor .tk-icon-send:hover, .tk-editor div.tk-icon-send.tk-submit:hover, .tk-chat .tk-icon-send:hover, .tk-chat div.tk-icon-send.tk-submit:hover{background:#009977 !important;background-color:#009977 !important;background-image:none !important;transform:scale(1.05) !important;box-shadow:0 3px 10px rgba(0, 168, 132, 0.35) !important;border:none !important;color:#ffffff !important}.tk-icon-send:hover::before, .tk-icon-send.tk-submit:hover::before, [class*="tk-icon-send"]:hover::before, [class*="tk-submit"]:hover::before, div.tk-icon-send.tk-submit:hover::before, .tk-editor .tk-submit:hover::before, .tk-editor .tk-icon-send:hover::before, .tk-editor div.tk-icon-send.tk-submit:hover::before, .tk-chat .tk-icon-send:hover::before, .tk-chat div.tk-icon-send.tk-submit:hover::before{color:#ffffff !important;background:none !important;background-color:transparent !important;background-image:none !important;border:none !important;box-shadow:none !important}.tk-icon-send:hover::after, .tk-icon-send.tk-submit:hover::after, [class*="tk-icon-send"]:hover::after, div.tk-icon-send.tk-submit:hover::after{display:none !important;content:none !important;visibility:hidden !important}.tk-icon-send:active, .tk-icon-send.tk-submit:active, [class*="tk-icon-send"]:active, [class*="tk-submit"]:active, div.tk-icon-send.tk-submit:active, .tk-editor .tk-submit:active, .tk-editor .tk-icon-send:active, .tk-editor div.tk-icon-send.tk-submit:active{background:#008c6f !important;background-color:#008c6f !important;background-image:none !important;transform:scale(0.97) !important;border:none !important;box-shadow:0 2px 6px rgba(0, 168, 132, 0.25) !important}.tk-icon-send:active::before, .tk-icon-send.tk-submit:active::before, [class*="tk-icon-send"]:active::before, div.tk-icon-send.tk-submit:active::before{color:#ffffff !important;background:none !important;background-color:transparent !important;background-image:none !important;border:none !important;box-shadow:none !important}.tk-icon-send:active::after, .tk-icon-send.tk-submit:active::after, [class*="tk-icon-send"]:active::after, div.tk-icon-send.tk-submit:active::after{display:none !important;content:none !important;visibility:hidden !important}@media (max-width:768px){.tk-editor, .tk-board .tk-conversation .tk-editor{background:#f0f2f5 !important;padding:6px 8px !important;margin:0 !important;border:none !important;border-radius:0 !important;box-shadow:none !important;border-top:1px solid #e2e8f0 !important}.tk-editor .tk-textarea, .tk-board .tk-conversation .tk-editor .tk-textarea{background:#ffffff !important;border-radius:22px !important;padding:0 !important;border:none !important;box-shadow:0 1px 3px rgba(0, 0, 0, 0.04) !important}.tk-editor .tk-textarea textarea, .tk-board .tk-conversation .tk-editor .tk-textarea textarea{font-size:16px !important;padding:12px 16px !important;min-height:42px !important;max-height:120px !important;line-height:22px !important;color:#111b21 !important}.tk-editor .tk-bar, .tk-board .tk-conversation .tk-editor .tk-bar{margin-top:6px !important;padding:0 2px !important;border-top:none !important}.tk-editor .tk-bar-icons > div, .tk-board .tk-conversation .tk-editor .tk-bar-icons > div{width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;background:transparent !important;background-image:none !important;box-shadow:none !important}.tk-editor .tk-bar-icons > div::before, .tk-board .tk-conversation .tk-editor .tk-bar-icons > div::before{color:#8696a0 !important;font-size:18px !important}.tk-editor .tk-submit, .tk-editor .tk-icon-send, .tk-editor div.tk-icon-send.tk-submit, .tk-board .tk-conversation .tk-editor div.tk-icon-send.tk-submit, .tk-board .tk-conversation .tk-editor .tk-icon-send.tk-submit{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;max-width:40px !important;max-height:40px !important;border-radius:50% !important;background:#00a884 !important;background-color:#00a884 !important;background-image:none !important;box-shadow:none !important;-webkit-tap-highlight-color:transparent !important;touch-action:manipulation !important}.tk-board .tk-conversation .tk-editor div.tk-icon-send.tk-submit::before, .tk-board .tk-conversation .tk-editor .tk-icon-send.tk-submit::before{color:#ffffff !important;font-size:17px !important;background:none !important;background-color:transparent !important;background-image:none !important;border:none !important;box-shadow:none !important}.tk-board .tk-conversation .tk-editor div.tk-icon-send.tk-submit::after{display:none !important;content:none !important}}@media (max-width:375px){.tk-editor .tk-bar-icons > div{width:32px !important;height:32px !important;min-width:32px !important;min-height:32px !important}.tk-editor .tk-bar-icons > div::before{font-size:16px !important}.tk-editor .tk-submit, .tk-editor .tk-icon-send, .tk-editor div.tk-icon-send.tk-submit, .tk-board .tk-conversation .tk-editor div.tk-icon-send.tk-submit{width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;max-width:36px !important;max-height:36px !important}}.tk-conversation .tk-top{background:#ffffff !important;border-bottom:1px solid #e9edef !important;box-shadow:none !important}.tk-conversation .tk-list{background:#efeae2 !important}@media (max-width:768px){.tk-conversation .tk-list{background:#efeae2 !important;padding:8px !important}.tk-conversation .tk-list .tk-right > .tk-cnt, .tk-conversation .tk-list div.tk-right > .tk-cnt{background:#d9fdd3 !important;border-radius:7.5px 7.5px 0 7.5px !important;box-shadow:0 1px 0.5px rgba(11, 20, 26, 0.13) !important}.tk-conversation .tk-list > div:not(.tk-right) > .tk-cnt{background:#ffffff !important;border-radius:7.5px 7.5px 7.5px 0 !important;box-shadow:0 1px 0.5px rgba(11, 20, 26, 0.13) !important}[dir="rtl"] .tk-conversation .tk-list .tk-right > .tk-cnt, [dir="rtl"] .tk-conversation .tk-list div.tk-right > .tk-cnt{border-radius:7.5px 7.5px 7.5px 0 !important}[dir="rtl"] .tk-conversation .tk-list > div:not(.tk-right) > .tk-cnt{border-radius:7.5px 7.5px 0 7.5px !important}.tk-conversation .tk-list .tk-cnt .tk-message{font-size:14.5px !important;line-height:1.45 !important;color:#111b21 !important}.tk-conversation .tk-list .tk-time{font-size:11px !important;color:#667781 !important}.tk-conversation .tk-list .tk-right .tk-time{color:rgba(0, 0, 0, 0.4) !important}}@media (max-width:768px){.tk-conversation .tk-top{padding:8px 12px !important;min-height:52px !important;max-height:52px !important;display:flex !important;align-items:center !important;border-bottom:1px solid #e2e8f0 !important}.tk-conversation .tk-top img{width:36px !important;height:36px !important;border-radius:50% !important}.tk-conversation .tk-top .tk-name, .tk-conversation .tk-top .tk-title{font-size:15px !important;font-weight:500 !important;color:#111b21 !important}}@media (max-width:768px){.tk-board > .tk-admin-list .tk-top{background:#ffffff !important;border-bottom:1px solid #e9edef !important;padding:8px 12px !important}.tk-board > .tk-admin-list .tk-top .tk-search-btn, .tk-board > .tk-admin-list .tk-top input[type="search"], .tk-board > .tk-admin-list .tk-top input[type="text"]{border-radius:20px !important;background:#f0f2f5 !important;border:none !important;padding:8px 16px !important;font-size:14px !important}}.tk-conversation .tk-list::-webkit-scrollbar, .tk-board > .tk-admin-list .tk-scroll-area::-webkit-scrollbar{width:5px !important}.tk-conversation .tk-list::-webkit-scrollbar-track, .tk-board > .tk-admin-list .tk-scroll-area::-webkit-scrollbar-track{background:transparent !important}.tk-conversation .tk-list::-webkit-scrollbar-thumb, .tk-board > .tk-admin-list .tk-scroll-area::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.15) !important;border-radius:10px !important}.tk-conversation .tk-list::-webkit-scrollbar-thumb:hover, .tk-board > .tk-admin-list .tk-scroll-area::-webkit-scrollbar-thumb:hover{background:rgba(0, 0, 0, 0.25) !important}@supports (padding-bottom:env(safe-area-inset-bottom)){@media (max-width:768px){.tk-editor, .tk-board .tk-conversation .tk-editor{padding-bottom:calc(6px + env(safe-area-inset-bottom)) !important}#tk-audio-clip{bottom:calc(68px + env(safe-area-inset-bottom)) !important}}}@media (max-width:768px){.tk-board .tk-conversation .tk-list{background-color:#efeae2 !important;background-image:radial-gradient(circle at 20% 20%, rgba(0,0,0,0.025) 1px, transparent 1.5px),radial-gradient(circle at 70% 60%, rgba(0,0,0,0.022) 1px, transparent 1.5px),radial-gradient(circle at 40% 80%, rgba(0,0,0,0.022) 1px, transparent 1.5px) !important;background-size:60px 60px, 80px 80px, 70px 70px !important;padding:8px 6px 12px !important}.tk-board .tk-conversation .tk-list > div{margin:1px 12px !important;padding:0 !important;background:transparent !important;box-shadow:none !important;max-width:82% !important;position:relative !important;float:none !important;clear:both !important}.tk-board .tk-conversation .tk-list > div:not(.tk-right):not(.tk-label-date) + div.tk-right,.tk-board .tk-conversation .tk-list > div.tk-right + div:not(.tk-right):not(.tk-label-date){margin-top:8px !important}.tk-board .tk-conversation .tk-list > div > .tk-cnt{padding:6px 9px 8px !important;position:relative !important;display:inline-block !important;max-width:100% !important;min-width:70px !important}.tk-board .tk-conversation .tk-list > div.tk-right{margin-left:auto !important;margin-right:14px !important;text-align:right !important}.tk-board .tk-conversation .tk-list > div.tk-right > .tk-cnt{text-align:left !important}[dir="rtl"] .tk-board .tk-conversation .tk-list > div.tk-right{margin-left:14px !important;margin-right:auto !important;text-align:left !important}[dir="rtl"] .tk-board .tk-conversation .tk-list > div.tk-right > .tk-cnt{text-align:right !important}.tk-board .tk-conversation .tk-list > div:not(.tk-right):not(.tk-label-date){margin-right:auto !important;margin-left:14px !important;text-align:left !important}[dir="rtl"] .tk-board .tk-conversation .tk-list > div:not(.tk-right):not(.tk-label-date){margin-right:14px !important;margin-left:auto !important;text-align:right !important}.tk-board .tk-conversation .tk-list > div:not(.tk-right):not(.tk-label-date) > .tk-cnt::before{content:'';position:absolute;top:0;left:-7px;width:8px;height:13px;background:#ffffff;clip-path:polygon(100% 0, 0 0, 100% 100%)}[dir="rtl"] .tk-board .tk-conversation .tk-list > div:not(.tk-right):not(.tk-label-date) > .tk-cnt::before{left:auto;right:-7px;clip-path:polygon(0 0, 100% 0, 0 100%)}.tk-board .tk-conversation .tk-list > div.tk-right > .tk-cnt::before{content:'';position:absolute;top:0;right:-7px;width:8px;height:13px;background:#d9fdd3;clip-path:polygon(0 0, 100% 0, 0 100%)}[dir="rtl"] .tk-board .tk-conversation .tk-list > div.tk-right > .tk-cnt::before{right:auto;left:-7px;clip-path:polygon(100% 0, 0 0, 100% 100%)}.tk-board .tk-conversation .tk-list .tk-cnt .tk-message{padding-right:60px !important;padding-bottom:4px !important;word-wrap:break-word !important;overflow-wrap:break-word !important;white-space:pre-wrap !important;overflow:visible !important}[dir="rtl"] .tk-board .tk-conversation .tk-list .tk-cnt .tk-message{padding-right:0 !important;padding-left:60px !important}.tk-board .tk-conversation .tk-list .tk-cnt .tk-time{position:absolute !important;bottom:3px !important;right:8px !important;left:auto !important;top:auto !important;font-size:11px !important;line-height:1 !important;color:rgba(0, 0, 0, 0.45) !important;opacity:1 !important;background:transparent !important;margin:0 !important;padding:0 !important;display:inline-flex !important;align-items:center !important;gap:3px !important;white-space:nowrap !important}[dir="rtl"] .tk-board .tk-conversation .tk-list .tk-cnt .tk-time{right:auto !important;left:8px !important}.tk-board .tk-conversation .tk-list .tk-cnt .tk-time .sb-icon-check,.tk-board .tk-conversation .tk-list .tk-cnt .tk-time i{font-size:13px !important;color:#53bdeb !important;padding:0 !important;margin-left:2px !important}.tk-board .tk-conversation .tk-list > div.tk-label-date{background:transparent !important;box-shadow:none !important;padding:0 !important;margin:12px 0 !important;max-width:100% !important;text-align:center !important;float:none !important}.tk-board .tk-conversation .tk-list > div.tk-label-date > .tk-cnt::before,.tk-board .tk-conversation .tk-list > div.tk-label-date::before{display:none !important}.tk-board .tk-conversation .tk-list > div.tk-label-date span{background:rgba(225, 245, 254, 0.92) !important;color:#54656f !important;box-shadow:0 1px 0.5px rgba(11, 20, 26, 0.13) !important;border-radius:8px !important;padding:5px 12px !important;font-size:12.5px !important;font-weight:500 !important;line-height:1.4 !important;margin:0 auto !important;display:inline-block !important}.tk-board .tk-conversation .tk-list .tk-thumb{display:none !important}.tk-board .tk-conversation .tk-list > div.tk-thumb-active{margin-left:14px !important}.tk-board .tk-conversation .tk-list > div.tk-right.tk-thumb-active{margin-left:auto !important;margin-right:14px !important}.tk-board .tk-conversation .tk-list > div.tk-system-message,.tk-board .tk-conversation .tk-list > div.tk-notify-message{background:transparent !important;box-shadow:none !important;text-align:center !important;max-width:100% !important;margin:8px auto !important;float:none !important}}

/* === FIX 10: mobile scroll list & editor button clip === */
@media (max-width:768px){.tk-board > .tk-admin-list,.tk-board > .tk-admin-list.tk-active,.tk-board.tk-no-conversation > .tk-admin-list{display:flex !important;flex-direction:column !important;overflow:hidden !important}.tk-board > .tk-admin-list > .tk-top{flex:0 0 auto !important;flex-shrink:0 !important;position:relative !important}.tk-board > .tk-admin-list > .tk-scroll-area,.tk-board > .tk-admin-list .tk-scroll-area{flex:1 1 0% !important;height:auto !important;min-height:0 !important;max-height:none !important;overflow-y:auto !important;overflow-x:hidden !important;-webkit-overflow-scrolling:touch !important;overscroll-behavior-y:contain !important;touch-action:pan-y !important}.tk-editor,.tk-board .tk-conversation .tk-editor{overflow:visible !important}.tk-editor .tk-bar,.tk-board .tk-conversation .tk-editor .tk-bar{position:relative !important;max-height:none !important;height:auto !important;min-height:46px !important;top:auto !important;bottom:auto !important;right:auto !important;left:auto !important;display:flex !important;align-items:center !important;flex-wrap:wrap !important;gap:4px !important;overflow:visible !important}.tk-editor .tk-bar-icons,.tk-board .tk-conversation .tk-editor .tk-bar-icons{overflow:visible !important;align-items:center !important;flex-wrap:wrap !important}.tk-editor .tk-bar-icons > div,.tk-board .tk-conversation .tk-editor .tk-bar-icons > div{flex-shrink:0 !important;flex-grow:0 !important}.tk-editor .tk-submit,.tk-editor .tk-icon-send,.tk-editor div.tk-icon-send.tk-submit,.tk-board .tk-conversation .tk-editor div.tk-icon-send.tk-submit,.tk-board .tk-conversation .tk-editor .tk-icon-send.tk-submit{flex-shrink:0 !important;flex-grow:0 !important;align-self:center !important}}

/* === FIX 11 v6: WhatsApp-grade smooth scroll + opaque li (kills swipe overlap) ===
   1. Defensive override of any translateZ(0) on .tk-scroll-area — that GPU
      promotion breaks iOS Safari momentum scrolling. (Base is patched too.)
   2. Give every li an opaque white background so when it slides over the swipe
      panel, the panel buttons aren't visible THROUGH the li.
   3. Clip the ul horizontally so li overflow can't paint over the panel.
   4. Stacking: panel z-index 0, li z-index 2.
   5. NO `contain` on the li — interferes with transform paint timing. */
@media (max-width:768px){
  .tk-board > .tk-admin-list .tk-scroll-area,.tk-board > .tk-conversation .tk-list{
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-y:contain !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    transform:none !important;
    -webkit-transform:none !important;
    will-change:auto !important;
    backface-visibility:visible !important;
    -webkit-backface-visibility:visible !important;
    perspective:none !important
  }
  .tk-board > .tk-admin-list .tk-scroll-area > ul,
  .tk-board > .tk-admin-list .tk-scroll-area ul{
    list-style:none !important;
    margin:0 !important;
    padding:0 0 76px 0 !important;
    overflow-x:hidden !important;
    position:relative !important
  }
  /* Opaque li so it fully covers the swipe panel until slid */
  .tk-board > .tk-admin-list .tk-scroll-area li[data-conversation-id]{
    background:#ffffff !important;
    background-color:#ffffff !important;
    position:relative !important;
    z-index:2 !important;
    overflow:hidden !important
  }
  .tk-board > .tk-admin-list .tk-scroll-area li[data-conversation-id].tk-active{
    background:#f0f2f5 !important;
    background-color:#f0f2f5 !important
  }
  .tk-board > .tk-admin-list .tk-scroll-area li[data-conversation-id][data-conversation-status="2"]{
    background:#f7fbff !important;
    background-color:#f7fbff !important
  }
  /* Children must NEVER spill horizontally onto the panel area */
  .tk-board > .tk-admin-list .tk-scroll-area li[data-conversation-id] > *,
  .tk-board > .tk-admin-list .tk-scroll-area li[data-conversation-id] .tk-ws-queue-left,
  .tk-board > .tk-admin-list .tk-scroll-area li[data-conversation-id] .tk-ws-queue-info,
  .tk-board > .tk-admin-list .tk-scroll-area li[data-conversation-id] .tk-ws-queue-preview,
  .tk-board > .tk-admin-list .tk-scroll-area li[data-conversation-id] .tk-ws-queue-name{
    min-width:0 !important
  }
  .tk-board > .tk-admin-list .tk-scroll-area li[data-conversation-id] .tk-ws-queue-preview{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important
  }
}
@supports (padding-bottom:env(safe-area-inset-bottom)){
  @media (max-width:768px){
    .tk-board > .tk-admin-list .tk-scroll-area > ul,
    .tk-board > .tk-admin-list .tk-scroll-area ul{
      padding-bottom:calc(76px + env(safe-area-inset-bottom)) !important
    }
  }
}

/* === FIX 12 v2: kill tap highlight, keep li opaque white at all times === */
@media (max-width:768px){.tk-board > .tk-admin-list .tk-scroll-area li,.tk-board > .tk-admin-list .tk-scroll-area li[data-conversation-id]{-webkit-tap-highlight-color:transparent !important;-webkit-touch-callout:none !important}.tk-board > .tk-admin-list .tk-scroll-area li:hover,.tk-board > .tk-admin-list .tk-scroll-area li:active,.tk-board > .tk-admin-list .tk-scroll-area li[data-conversation-id]:hover,.tk-board > .tk-admin-list .tk-scroll-area li[data-conversation-id]:active{background-color:#ffffff !important;transition:none !important}.tk-board > .tk-admin-list .tk-scroll-area li.tk-active,.tk-board > .tk-admin-list .tk-scroll-area li.tk-conv-loading{background-color:#e9edef !important;transition:background-color .15s ease !important}}

/* === FIX 13 v3: clean WhatsApp-style swipe action panel === */
@media (max-width:768px){.tk-board > .tk-admin-list .tk-scroll-area .tk-swipe-panel{width:160px !important;border-radius:0 !important;overflow:hidden !important;background:#f0f2f5 !important;display:none}.tk-board > .tk-admin-list .tk-scroll-area .tk-swipe-panel.tk-visible{display:flex !important}.tk-board > .tk-admin-list .tk-scroll-area .tk-swipe-panel .tk-swipe-archive,.tk-board > .tk-admin-list .tk-scroll-area .tk-swipe-panel .tk-swipe-delete{width:50% !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:6px !important;color:#fff !important;cursor:pointer !important;-webkit-tap-highlight-color:transparent !important;transition:filter .15s ease !important}.tk-board > .tk-admin-list .tk-scroll-area .tk-swipe-panel .tk-swipe-archive{background:#54656f !important;left:0 !important}.tk-board > .tk-admin-list .tk-scroll-area .tk-swipe-panel .tk-swipe-delete{background:#ef4444 !important;left:50% !important}.tk-board > .tk-admin-list .tk-scroll-area .tk-swipe-panel .tk-swipe-archive i,.tk-board > .tk-admin-list .tk-scroll-area .tk-swipe-panel .tk-swipe-delete i{font-size:20px !important;line-height:1 !important;display:block !important}.tk-board > .tk-admin-list .tk-scroll-area .tk-swipe-panel .tk-swipe-archive span,.tk-board > .tk-admin-list .tk-scroll-area .tk-swipe-panel .tk-swipe-delete span{font-size:11.5px !important;font-weight:600 !important;line-height:1 !important;letter-spacing:.2px !important;text-transform:none !important}.tk-board > .tk-admin-list .tk-scroll-area .tk-swipe-panel > div:active{filter:brightness(.85) !important}}

/* === min/mobile-conv-final.min.css === */
@media (max-width:768px){.tk-board>.tk-admin-list .tk-scroll-area{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain!important;scroll-behavior:auto!important;contain:none!important;will-change:auto!important;height:calc(100% - 55px)!important;touch-action:pan-y!important}.tk-board>.tk-admin-list .tk-scroll-area>ul{list-style:none!important;margin:0!important;padding:0!important}.tk-board>.tk-admin-list .tk-scroll-area li{transition:none!important;will-change:auto!important;contain:none!important;box-shadow:none!important;max-height:none!important;opacity:1!important;display:flex!important;align-items:center!important;padding:12px 16px!important;gap:10px!important;border-bottom:1px solid #f1f5f9!important;background:#fff!important;cursor:pointer!important;box-sizing:border-box!important;position:relative!important;-webkit-tap-highlight-color:transparent!important;overflow:visible!important;touch-action:manipulation!important}.tk-board>.tk-admin-list .tk-scroll-area li:active{background-color:#f0f4f8!important;transition:background-color 80ms ease-out!important}.tk-board>.tk-admin-list .tk-scroll-area li:hover{background-color:#f5f6f6!important;transition:none!important}.tk-board>.tk-admin-list .tk-scroll-area li:last-child{border-bottom:none!important}.tk-board>.tk-admin-list .tk-scroll-area li>.tk-ws-queue-left{display:flex!important;align-items:center!important;gap:10px!important;flex:1!important;min-width:0!important;contain:none!important;will-change:auto!important}.tk-board>.tk-admin-list .tk-scroll-area li .tk-ws-channel-icon{display:flex!important;font-size:14px!important;width:18px!important;flex-shrink:0!important;text-align:center!important;justify-content:center!important}.tk-board>.tk-admin-list .tk-scroll-area li .tk-ws-avatar-wrap{position:relative!important;flex-shrink:0!important}.tk-board>.tk-admin-list .tk-scroll-area li .tk-profile img,.tk-board>.tk-admin-list .tk-scroll-area li .tk-ws-queue-avatar{width:48px!important;height:48px!important;min-width:48px!important;border-radius:50%!important;object-fit:cover!important;flex-shrink:0!important;border:none!important;box-shadow:none!important}.tk-board>.tk-admin-list .tk-scroll-area li .tk-ws-queue-info{display:flex!important;flex-direction:column!important;justify-content:center!important;flex:1!important;min-width:0!important;gap:3px!important;contain:none!important;will-change:auto!important}.tk-board>.tk-admin-list .tk-scroll-area li .tk-profile .tk-name,.tk-board>.tk-admin-list .tk-scroll-area li .tk-ws-queue-name{font-size:15px!important;font-weight:500!important;color:#1e293b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.3!important}.tk-board>.tk-admin-list .tk-scroll-area li .tk-ws-queue-preview,.tk-board>.tk-admin-list .tk-scroll-area li p{font-size:13px!important;color:#94a3b8!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.3!important;max-width:none!important}.tk-board>.tk-admin-list .tk-scroll-area li>.tk-ws-queue-right{flex-shrink:0!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;align-self:flex-start!important;margin-top:2px!important;gap:4px!important;contain:none!important;will-change:auto!important}.tk-board>.tk-admin-list .tk-scroll-area li .tk-profile .tk-time,.tk-board>.tk-admin-list .tk-scroll-area li .tk-time,.tk-board>.tk-admin-list .tk-scroll-area li .tk-ws-queue-time{font-size:11px!important;color:#94a3b8!important;white-space:nowrap!important}.tk-board>.tk-admin-list .tk-scroll-area li .tk-notification-counter{min-width:20px!important;height:20px!important;font-size:11px!important;font-weight:700!important;border-radius:10px!important;padding:0 6px!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;background-color:#25d366!important;color:#fff!important}.tk-board>.tk-admin-list .tk-scroll-area li .tk-tags-area{display:flex!important;flex-wrap:wrap!important;gap:4px!important;margin-top:4px!important}.tk-board>.tk-admin-list .tk-scroll-area li .tk-classify-tag{font-size:10px!important;padding:2px 6px!important;border-radius:4px!important;background:#f1f5f9!important;color:#64748b!important;white-space:nowrap!important}.tk-board>.tk-admin-list .tk-scroll-area li .tk-conversation-item{display:grid!important;grid-template-columns:auto 1fr auto!important;grid-template-rows:auto auto!important;gap:0 12px!important;align-items:center!important;padding:0!important;width:100%!important;box-sizing:border-box!important}.tk-board>.tk-admin-list .tk-scroll-area li.tk-active{background-color:#e9edef!important;border-inline-start:3px solid #028be5!important}.tk-board>.tk-admin-list .tk-scroll-area li.tk-active .tk-profile .tk-name,.tk-board>.tk-admin-list .tk-scroll-area li.tk-active .tk-ws-queue-name{color:#0f172a!important;font-weight:600!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-status="2"]{background-color:#f0fdf4!important;border-inline-start:4px solid #25D366!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-status="2"] .tk-profile .tk-name,.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-status="2"] .tk-ws-queue-name{font-weight:700!important;color:#0f172a!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-status="2"] .tk-ws-queue-preview,.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-status="2"] p{color:#475569!important;font-weight:500!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-status="2"] .tk-profile .tk-time,.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-status="2"] .tk-time,.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-status="2"] .tk-ws-queue-time{color:#00a884!important;font-weight:600!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-status="2"][data-channel=wa],.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-status="2"][data-channel=wd]{border-inline-start-color:#25D366!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-status="2"][data-channel=fb]{border-inline-start-color:#1877F2!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-status="2"][data-channel=ig]{border-inline-start-color:#E4405F!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-status="2"][data-channel=tg]{border-inline-start-color:#0088cc!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-status="2"][data-channel=tt]{border-inline-start-color:#010101!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source=wa],.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source=whatsapp]{border-inline-start:4px solid #25D366!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source=wd]{border-inline-start:4px solid #128C7E!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source=facebook],.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source=fb]{border-inline-start:4px solid #1877F2!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source=messenger]{border-inline-start:4px solid #0084FF!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source=telegram],.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source=tg]{border-inline-start:4px solid #0088cc!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source=ig],.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source=inst],.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source=instagram]{border-inline-start:4px solid #E4405F!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source=em],.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source=email]{border-inline-start:4px solid #FFA500!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source=sms],.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source=tm]{border-inline-start:4px solid #8B4FFF!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source=tiktok],.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source=tt]{border-inline-start:4px solid #010101!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source=salla],.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source=sl]{border-inline-start:4px solid #004956!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source=fc]{border-inline-start:4px solid #1877F2!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source=ic]{border-inline-start:4px solid #E1306C!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source=tw],.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source=twitter]{border-inline-start:4px solid #1DA1F2!important}.tk-board>.tk-admin-list .tk-scroll-area li{flex-direction:column!important;align-items:stretch!important}.tk-board>.tk-admin-list .tk-scroll-area li>.tk-ws-queue-left{flex:none!important}.tk-board>.tk-admin-list .tk-scroll-area li>.tk-ws-queue-right{flex-direction:row!important;justify-content:flex-end!important;align-self:auto!important;margin-top:0!important;padding-inline-start:86px!important}[dir=rtl] .tk-board>.tk-admin-list .tk-scroll-area li>.tk-ws-queue-right{justify-content:flex-start!important;padding-inline-start:86px!important}.tk-user-conversations>li>.tk-conversation-item{flex-direction:column!important;align-items:stretch!important}.tk-user-conversations .tk-conversation-item>.tk-time{align-self:flex-end!important;margin-top:2px!important;flex-shrink:0!important}[dir=rtl] .tk-user-conversations .tk-conversation-item>.tk-time{align-self:flex-start!important}.tk-board>.tk-admin-list .tk-scroll-area li.tk-conv-loading{pointer-events:none!important;opacity:.6!important}.tk-board>.tk-admin-list .tk-scroll-area li.tk-conv-loading::after{content:''!important;position:absolute!important;top:50%!important;inset-inline-end:16px!important;width:20px!important;height:20px!important;margin-top:-10px!important;border:2.5px solid rgba(0,0,0,.12)!important;border-top-color:#6366f1!important;border-radius:50%!important;animation:tk-card-spin .7s linear infinite!important;z-index:5!important}@keyframes tk-card-spin{to{transform:rotate(360deg)}}.tk-board>.tk-admin-list .tk-scroll-area li.tk-swipe-removing{max-height:0!important;opacity:0!important;overflow:hidden!important;padding-top:0!important;padding-bottom:0!important;border-bottom:none!important;transition:max-height .3s ease,opacity .25s ease,padding .3s ease!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-id]{z-index:1!important}.tk-swipe-panel{position:absolute!important;z-index:0!important;display:none!important;inset-inline-end:0!important;width:160px!important;padding:0!important;margin:0!important;border:none!important}.tk-swipe-panel.tk-visible{display:flex!important;flex-direction:row!important;align-items:stretch!important;overflow:hidden!important}.tk-swipe-panel>div:active{filter:brightness(.85)!important}.tk-lp-backdrop{position:fixed!important;inset:0!important;background:rgba(0,0,0,0)!important;z-index:99998!important;transition:background .2s!important}.tk-lp-backdrop.tk-lp-show{background:rgba(0,0,0,.35)!important}.tk-lp-menu{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:99999!important;background:#fff!important;border-radius:14px 14px 0 0!important;padding:0 0 env(safe-area-inset-bottom,20px) 0!important;transform:translateY(100%)!important;transition:transform .25s cubic-bezier(.32,.72,0,1)!important;box-shadow:0 -4px 24px rgba(0,0,0,.12)!important}.tk-lp-menu.tk-lp-show{transform:translateY(0)!important}.tk-lp-handle{width:36px!important;height:4px!important;background:#d1d5db!important;border-radius:4px!important;margin:10px auto 6px!important}.tk-lp-item{display:flex!important;align-items:center!important;gap:14px!important;width:100%!important;padding:15px 24px!important;border:none!important;background:0 0!important;font-size:16px!important;color:#111b21!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent!important}.tk-lp-item:active{background:#f0f2f5!important}.tk-lp-item i{font-size:18px!important;width:24px!important;text-align:center!important;color:#667781!important}.tk-lp-delete{color:#c0392b!important}.tk-lp-delete i{color:#c0392b!important}.tk-lp-cancel{justify-content:center!important;color:#667781!important;border-top:1px solid #e9edef!important;margin-top:4px!important;font-weight:600!important}.tk-board .tk-conversation .tk-list>div>.tk-cnt .tk-message{padding-right:0!important;padding-bottom:0!important}[dir=rtl] .tk-board .tk-conversation .tk-list>div>.tk-cnt .tk-message{padding-left:0!important}.tk-board .tk-conversation .tk-list>div>.tk-cnt .tk-message .tk-time{position:relative!important;bottom:auto!important;right:auto!important;left:auto!important;top:auto!important;display:flex!important;justify-content:flex-end!important;width:100%!important;margin-top:3px!important;margin-bottom:0!important}[dir=rtl] .tk-board .tk-conversation .tk-list>div>.tk-cnt .tk-message .tk-time{justify-content:flex-start!important}.tk-board>.tk-admin-list .tk-top{background:#fff!important;border-bottom:1px solid #e9edef!important;padding:7px 10px!important;gap:4px!important}.tk-board>.tk-admin-list .tk-top .tk-filter-btn,.tk-board>.tk-admin-list .tk-top .tk-search-btn{background:0 0!important;color:#54656f!important}.tk-board>.tk-admin-list .tk-top .tk-filter-btn>i,.tk-board>.tk-admin-list .tk-top .tk-search-btn>i{color:#54656f!important}.tk-board>.tk-admin-list .tk-top .tk-filter-btn:hover,.tk-board>.tk-admin-list .tk-top .tk-search-btn:hover{background:#f0f2f5!important}.tk-board>.tk-admin-list .tk-top .tk-filter-btn:active,.tk-board>.tk-admin-list .tk-top .tk-search-btn:active{background:#e6e8ea!important}.tk-board>.tk-admin-list .tk-top .tk-search-btn.tk-active{height:40px!important;border-radius:21px!important;background:#f0f2f5!important;border:1px solid transparent!important;box-shadow:none!important;padding:0!important;transition:background .15s,border-color .15s!important}.tk-board>.tk-admin-list .tk-top .tk-search-btn.tk-active:focus-within{background:#fff!important;border-color:#25d366!important;box-shadow:0 0 0 3px rgba(37,211,102,.12)!important}.tk-board>.tk-admin-list .tk-top .tk-search-btn.tk-active>input{background:0 0!important;border:none!important;border-radius:21px!important;color:#111b21!important;font-size:16px!important;line-height:38px!important;padding:0 16px 0 44px!important}.tk-board>.tk-admin-list .tk-top .tk-search-btn.tk-active>input::placeholder{color:#8696a0!important;opacity:1!important}.tk-rtl .tk-board>.tk-admin-list .tk-top .tk-search-btn.tk-active>input,[dir=rtl] .tk-board>.tk-admin-list .tk-top .tk-search-btn.tk-active>input{padding:0 44px 0 16px!important}.tk-board>.tk-admin-list .tk-top .tk-search-btn.tk-active>i{position:absolute!important;top:50%!important;left:12px!important;right:auto!important;transform:translateY(-50%)!important;width:18px!important;height:18px!important;font-size:17px!important;color:#54656f!important;background:0 0!important;border-radius:0!important}.tk-rtl .tk-board>.tk-admin-list .tk-top .tk-search-btn.tk-active>i,[dir=rtl] .tk-board>.tk-admin-list .tk-top .tk-search-btn.tk-active>i{left:auto!important;right:12px!important}.tk-board .tk-conversation>.tk-top{padding:8px 12px 6px!important;background:#fff!important;border-bottom:1px solid #e9edef!important;column-gap:10px!important}.tk-board .tk-conversation>.tk-top>a{font-size:15.5px!important;font-weight:600!important;color:#111b21!important;line-height:20px!important}.tk-board .tk-conversation>.tk-top>.tk-top-page-name{color:#667781!important;font-size:12px!important;line-height:15px!important}.tk-board .tk-conversation>.tk-top>.tk-btn-back{width:36px!important;height:36px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#54656f!important;font-size:20px!important;transition:background .15s!important}.tk-board .tk-conversation>.tk-top>.tk-btn-back:active{background:#f0f2f5!important}.tk-board .tk-conversation .tk-editor{background:#f0f2f5!important;border-top:none!important;padding:6px 8px!important;padding-left:calc(8px + env(safe-area-inset-left,0px))!important;padding-right:calc(8px + env(safe-area-inset-right,0px))!important;box-sizing:border-box!important}.tk-board .tk-conversation .tk-editor textarea{background:#fff!important;border-radius:22px!important;border:none!important;padding:10px 14px!important;font-size:16px!important;box-shadow:0 1px .5px rgba(11,20,26,.08)!important}.tk-board .tk-conversation .tk-editor .tk-bar,.tk-board .tk-conversation .tk-editor .tk-bar-icons{padding-left:4px!important;padding-right:4px!important}.tk-board .tk-conversation .tk-editor div.tk-icon-send.tk-submit{margin-right:4px!important;margin-left:4px!important}}@media (max-width:768px){.tk-popup.tk-replies{width:100%!important;max-width:100%!important;height:70vh!important;max-height:70vh!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;transform:none!important;border-radius:14px 14px 0 0!important;background:#fff!important;background-color:#fff!important;opacity:1!important;filter:none!important;box-shadow:0 -10px 32px rgba(0,0,0,.22)!important;padding-bottom:env(safe-area-inset-bottom,0)!important;z-index:2147483646!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;pointer-events:auto!important}.tk-popup.tk-replies:not(.tk-active){display:none!important}.tk-popup.tk-replies::after{display:none!important}.tk-popup.tk-replies .tk-header{flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:14px 14px 10px!important;height:auto!important;border-bottom:1px solid #e9edef!important;flex-shrink:0!important}.tk-popup.tk-replies .tk-header .tk-title{font-size:16px!important;font-weight:600!important;color:#111b21!important;line-height:1.2!important}.tk-popup.tk-replies .tk-header .tk-search-btn,.tk-popup.tk-replies .tk-header .tk-search-btn.tk-active{position:relative!important;width:100%!important;min-width:0!important;max-width:100%!important;height:40px!important;margin:0!important;padding:0!important;border-radius:21px!important;background:#f0f2f5!important;border:1px solid transparent!important;box-shadow:none!important;overflow:hidden!important;box-sizing:border-box!important}.tk-popup.tk-replies .tk-header .tk-search-btn:focus-within{background:#fff!important;border-color:#25d366!important;box-shadow:0 0 0 3px rgba(37,211,102,.12)!important}.tk-popup.tk-replies .tk-header .tk-search-btn>input{position:relative!important;display:block!important;width:100%!important;min-width:0!important;height:100%!important;background:0 0!important;border:none!important;border-radius:21px!important;color:#111b21!important;font-size:16px!important;line-height:38px!important;padding:0 16px 0 44px!important;box-shadow:none!important;outline:0!important;right:auto!important;left:auto!important;top:auto!important;margin:0!important}.tk-rtl .tk-popup.tk-replies .tk-header .tk-search-btn>input,[dir=rtl] .tk-popup.tk-replies .tk-header .tk-search-btn>input{padding:0 44px 0 16px!important}.tk-popup.tk-replies .tk-header .tk-search-btn>i{position:absolute!important;top:50%!important;left:12px!important;right:auto!important;transform:translateY(-50%)!important;width:18px!important;height:18px!important;font-size:17px!important;line-height:1!important;color:#54656f!important;background:0 0!important}.tk-rtl .tk-popup.tk-replies .tk-header .tk-search-btn>i,[dir=rtl] .tk-popup.tk-replies .tk-header .tk-search-btn>i{left:auto!important;right:12px!important}.tk-popup.tk-replies .tk-replies-list{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:4px 0!important}.tk-popup.tk-replies .tk-replies-list ul{list-style:none!important;margin:0!important;padding:0!important}.tk-popup.tk-replies .tk-replies-list ul li{flex-direction:column!important;align-items:flex-start!important;white-space:normal!important;height:auto!important;line-height:1.35!important;padding:10px 16px!important;margin:0!important;border-radius:0!important;border-bottom:1px solid #f0f2f5!important;gap:2px!important}.tk-popup.tk-replies .tk-replies-list ul li:active{background:#f0f2f5!important}.tk-popup.tk-replies .tk-replies-list ul li div:first-child{font-size:14px!important;font-weight:600!important;color:#111b21!important;margin:0!important;padding-left:14px!important}[dir=rtl] .tk-popup.tk-replies .tk-replies-list ul li div:first-child{padding-left:0!important;padding-right:14px!important}.tk-popup.tk-replies .tk-replies-list ul li div:last-child{font-size:13px!important;color:#667781!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;max-height:2.7em!important}.tk-popup.tk-replies .tk-replies-list ul li:hover>div{color:inherit!important}.tk-popup.tk-replies,.tk-popup.tk-replies *,.tk-popup.tk-replies .tk-replies-list,.tk-popup.tk-replies .tk-replies-list ul,.tk-popup.tk-replies .tk-replies-list ul li,.tk-popup.tk-replies .tk-replies-list ul li *{pointer-events:auto!important}.tk-popup.tk-replies.tk-active{animation:tk-replies-slide-up .22s cubic-bezier(.32,.72,0,1)!important}@keyframes tk-replies-slide-up{from{transform:translateY(12%);opacity:.6}to{transform:translateY(0);opacity:1}}}.tk-conversation .tk-list a.tk-file-card,.tk-list .tk-message a.tk-file-card{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;margin:4px 0!important;width:100%!important;max-width:100%!important;min-width:200px!important;background:#f0f2f5!important;border:1px solid #d1d7db!important;border-radius:10px!important;text-decoration:none!important;box-shadow:0 1px .5px rgba(11,20,26,.05)!important;box-sizing:border-box!important}.tk-conversation .tk-list .tk-right a.tk-file-card,.tk-list .tk-right .tk-message a.tk-file-card{background:#c5f0bb!important;border-color:#a8d99e!important}.tk-conversation .tk-list a.tk-file-card .tk-file-card-icon{width:40px!important;height:40px!important;border-radius:8px!important;flex-shrink:0!important}.tk-conversation .tk-list a.tk-file-card .tk-file-card-name{font-size:14px!important;color:#111b21!important;line-height:1.25!important;word-break:break-word!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.tk-conversation .tk-list a.tk-file-card .tk-file-card-meta{font-size:11px!important;color:#54656f!important;margin-top:3px!important;text-transform:uppercase!important;letter-spacing:.4px!important}@media (max-width:768px){.tk-board .tk-conversation .tk-list a.tk-file-card{width:100%!important;max-width:100%!important;min-width:0!important}.tk-board .tk-conversation .tk-list .tk-cnt .tk-message:has(a.tk-file-card) br+a{margin-top:4px!important}}@supports (padding:env(safe-area-inset-left)){.tk-board .tk-conversation .tk-editor,.tk-editor{padding-left:calc(8px + env(safe-area-inset-left,0px))!important;padding-right:calc(8px + env(safe-area-inset-right,0px))!important}}
/* === min/ui-polish.min.css === */
/**
 * UI Polish — loaded in the `post` bundle (last), so overrides apply cleanly.
 *
 * Goals:
 *  1. Soften harsh table borders, add zebra striping.
 *  2. Consistent focus rings on inputs, selects, textareas, contenteditable.
 *  3. Polish generic <button> and <input type=submit> without a class.
 *  4. Modernise empty-state spans used across billing / stats.
 *  5. Subtle hover feedback on cards & list rows.
 *  6. Harmonise shadow + border-radius system.
 */

:root {
  --tkp-border: #e5e7eb;
  --tkp-border-strong: #d1d5db;
  --tkp-row-alt: rgba(248, 250, 252, 0.6);
  --tkp-row-hover: rgba(14, 165, 233, 0.06);
  --tkp-accent: #0ea5e9;
  --tkp-accent-ring: rgba(14, 165, 233, 0.15);
  --tkp-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --tkp-shadow-md: 0 4px 14px rgba(15, 23, 42, 0.08);
  --tkp-radius: 10px;
  --tkp-radius-sm: 8px;
}

/* === 1. Tables === */
.tk-table,
table.tk-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid var(--tkp-border) !important;
  border-radius: var(--tkp-radius) !important;
  overflow: hidden !important;
}
.tk-table thead th,
table.tk-table thead th {
  background: #f8fafc !important;
  color: #334155 !important;
  font-weight: 600 !important;
  border-bottom: 1px solid var(--tkp-border) !important;
  padding: 12px 16px !important;
  letter-spacing: 0.1px;
}
.tk-table td,
table.tk-table td {
  border-bottom: 1px solid var(--tkp-border) !important;
  padding: 12px 16px !important;
  transition: background 0.12s ease;
}
.tk-table tbody tr:last-child td,
table.tk-table tbody tr:last-child td {
  border-bottom: none !important;
}
.tk-table tbody tr:nth-child(odd) td,
table.tk-table tbody tr:nth-child(odd) td {
  background: var(--tkp-row-alt) !important;
}
.tk-table tbody tr:hover td,
table.tk-table tbody tr:hover td {
  background: var(--tkp-row-hover) !important;
}

/* === 2. Focus rings (global) === */
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):focus,
select:focus,
textarea:focus,
[contenteditable="true"]:focus {
  outline: none !important;
  border-color: var(--tkp-accent) !important;
  box-shadow: 0 0 0 3px var(--tkp-accent-ring) !important;
}

/* Login inputs specifically — they have only border-bottom in base CSS */
.login-form input[type="text"]:focus,
.login-form input[type="email"]:focus,
.login-form input[type="password"]:focus,
.login-center input[type="text"]:focus,
.login-center input[type="email"]:focus,
.login-center input[type="password"]:focus {
  border-bottom-color: var(--tkp-accent) !important;
  box-shadow: 0 2px 0 0 var(--tkp-accent-ring) !important;
}

/* === 3. Generic <button> without a class === */
button[type="submit"]:not([class]),
button:not([class]):not([type="button"]) {
  background: linear-gradient(135deg, #0ea5e9, #0284c7);
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: var(--tkp-radius-sm);
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: transform 0.12s ease, box-shadow 0.12s ease;
  box-shadow: var(--tkp-shadow-sm);
}
button[type="submit"]:not([class]):hover,
button:not([class]):not([type="button"]):hover {
  transform: translateY(-1px);
  box-shadow: var(--tkp-shadow-md);
}
button[type="submit"]:not([class]):disabled,
button:not([class]):disabled {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}

/* === 4. Empty-state text used across billing/stats === */
.tk-empty-placeholder,
span.tk-empty-text,
.tk-billing-empty {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #94a3b8 !important;
  font-size: 14px !important;
  font-weight: 500;
  padding: 8px 14px;
  background: #f8fafc;
  border: 1px dashed var(--tkp-border-strong);
  border-radius: var(--tkp-radius-sm);
}
.tk-empty-placeholder::before,
.tk-billing-empty::before {
  content: "\f0c3"; /* FA6 flask */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 12px;
  opacity: 0.5;
}

/* === 5. Card & list hover polish === */
.tk-card,
.tk-bot-hub-item,
.tk-connection-item,
.tk-conversation-item {
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}
.tk-card:hover,
.tk-bot-hub-item:hover,
.tk-connection-item:hover {
  transform: translateY(-1px);
  box-shadow: var(--tkp-shadow-md);
  border-color: var(--tkp-border-strong);
}

/* === 6. Sidebar badges → use consistent accent gradient === */
.tk-sidebar-badge,
.tk-menu-badge,
[data-badge] {
  background: linear-gradient(135deg, #0ea5e9, #14b8a6) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 2px 7px !important;
  border-radius: 99px !important;
  letter-spacing: 0.2px;
}

/* === 7. Escalation / warning banner (currently inline-styled) === */
.tk-escalation-banner,
.tk-warn-banner {
  background: linear-gradient(135deg, #fef3c7, #fde68a) !important;
  color: #78350f !important;
  border: 1px solid #fcd34d !important;
  border-radius: var(--tkp-radius-sm) !important;
  padding: 10px 16px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  box-shadow: 0 1px 0 rgba(251, 191, 36, 0.2);
}

/* === 8. Checkbox polish === */
input[type="checkbox"]:not(.tk-raw) {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  accent-color: var(--tkp-accent);
  cursor: pointer;
}

/* === 9. Smooth scroll + better scrollbar === */
html { scroll-behavior: smooth; }
.tk-scroll-area::-webkit-scrollbar,
*::-webkit-scrollbar { width: 10px; height: 10px; }
.tk-scroll-area::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.15);
  border-radius: 99px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.tk-scroll-area::-webkit-scrollbar-thumb:hover,
*::-webkit-scrollbar-thumb:hover {
  background: rgba(15, 23, 42, 0.3);
  background-clip: padding-box;
  border: 2px solid transparent;
}

/* === 10. Selection color matches brand === */
::selection { background: rgba(14, 165, 233, 0.25); color: inherit; }

/* === 11. Kill FA5 references — FA6 everywhere === */
.fa, .fas, .far, .fal, .fab {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
}

/* ============================================================ */
/* ESCALATION / HANDOFF UI — overrides inline styles in          */
/* bot-setup-step4-operations.php without rewriting the markup.  */
/* ============================================================ */
.wa-notification-card,
.email-notification-card {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 14px !important;
  padding: 18px !important;
  box-shadow: 0 1px 3px rgba(15,23,42,.05) !important;
  margin-bottom: 12px !important;
  transition: box-shadow .15s ease, border-color .15s ease !important;
}
.wa-notification-card:hover,
.email-notification-card:hover {
  box-shadow: 0 4px 14px rgba(15,23,42,.08) !important;
  border-color: #d1d5db !important;
}
/* Coloured top accent bar instead of full gradient bg */
.wa-notification-card { border-top: 3px solid #22c55e !important; }
.email-notification-card { border-top: 3px solid #3b82f6 !important; }

/* Head (icon + title + toggle) */
.wa-notification-card > div:first-child,
.email-notification-card > div:first-child {
  margin-bottom: 14px !important;
}
.wa-notification-card h4,
.email-notification-card h4 {
  color: #0f172a !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: -.1px;
}
.wa-notification-card h4 + p,
.email-notification-card h4 + p,
.wa-notification-card p,
.email-notification-card p {
  color: #64748b !important;
  font-size: 12.5px !important;
  margin: 2px 0 0 0 !important;
  font-weight: 400 !important;
}
.wa-notification-card > div:first-child > div:first-child > div:first-child {
  width: 40px !important; height: 40px !important; border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(34,197,94,.25) !important;
}
.email-notification-card > div:first-child > div:first-child > div:first-child {
  width: 40px !important; height: 40px !important; border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(59,130,246,.25) !important;
}

/* Inner sub-sections inside the cards */
#whatsappAlertSection > div,
#emailAlertSection > div {
  background: #fafbfc !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  padding: 14px !important;
  margin-bottom: 10px !important;
}
#whatsappAlertSection > div:last-child,
#emailAlertSection > div:last-child { margin-bottom: 0 !important; }

#whatsappAlertSection label,
#emailAlertSection label {
  color: #334155 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
}
#whatsappAlertSection input[type="text"],
#whatsappAlertSection input[type="tel"],
#whatsappAlertSection input[type="email"],
#whatsappAlertSection select,
#whatsappAlertSection textarea,
#emailAlertSection input,
#emailAlertSection select,
#emailAlertSection textarea {
  padding: 10px 12px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  font-size: 13.5px !important;
  background: #fff !important;
  box-shadow: none !important;
}
#whatsappAlertSection input:focus,
#whatsappAlertSection select:focus,
#whatsappAlertSection textarea:focus,
#emailAlertSection input:focus,
#emailAlertSection select:focus,
#emailAlertSection textarea:focus {
  border-color: var(--tkp-accent) !important;
  box-shadow: 0 0 0 3px var(--tkp-accent-ring) !important;
}

/* Consolidate the toggle switch look */
.wa-notification-card .toggle-switch input:checked + .toggle-slider,
.email-notification-card .toggle-switch input:checked + .toggle-slider {
  background: linear-gradient(135deg, var(--tkp-accent), var(--accent2, #14b8a6)) !important;
}
.wa-notification-card .toggle-switch,
.email-notification-card .toggle-switch {
  width: 46px !important; height: 26px !important;
}
.wa-notification-card .toggle-slider::before,
.email-notification-card .toggle-slider::before {
  height: 20px !important; width: 20px !important;
  left: 3px !important; bottom: 3px !important;
  background: #fff !important; border-radius: 50% !important;
  transition: .25s !important;
  content: "" !important; position: absolute !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.15);
}
.wa-notification-card input:checked + .toggle-slider::before,
.email-notification-card input:checked + .toggle-slider::before {
  transform: translateX(20px) !important;
}

/* Variable chips inside alert message */
#waCustomMessageSection code {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border: 1px solid #e2e8f0 !important;
  transition: background .12s ease !important;
}
#waCustomMessageSection code:hover {
  background: var(--tkp-accent) !important;
  color: #fff !important;
  border-color: var(--tkp-accent) !important;
}

/* Handoff pause duration row — align select + hint nicely */
.form-group select#handoffPauseMinutes {
  min-width: 180px !important;
  padding: 9px 12px !important;
  border-radius: 8px !important;
  border: 1px solid #e2e8f0 !important;
  font-size: 13.5px !important;
  background: #fff !important;
  cursor: pointer !important;
}
.form-group select#handoffPauseMinutes:focus {
  border-color: var(--tkp-accent) !important;
  box-shadow: 0 0 0 3px var(--tkp-accent-ring) !important;
}

/* === min/hide-dialogflow.min.css === */
[id="tab-dialogflow"],[data-value="dialogflow"],[data-app="dialogflow"],.tk-app-dialogflow,.tk-tab-dialogflow,[id^="dialogflow-"],[id*="-dialogflow-"],[class*="tk-dialogflow"],[class*=" dialogflow-"],.tk-dialogflow-intent-box,.tk-dialogflow-languages,.tk-dialogflow-disabled,[data-action^="dialogflow-"],[data-function^="dialogflow-"],[data-id^="dialogflow-"],[name^="dialogflow-"]{display:none!important;visibility:hidden!important;pointer-events:none!important}[class*="dialogflow" i],[id*="dialogflow" i]{display:none!important}

/* === min/conversation-skeleton.min.css === */
.tk-board>.tk-admin-list>.tk-scroll-area>ul.tk-loading:empty{background-image:none!important;list-style:none;margin:0;padding:0;position:relative;overflow:hidden;min-height:480px}.tk-board>.tk-admin-list>.tk-scroll-area>ul.tk-loading:empty::before{content:'';position:absolute;inset:0;background-color:transparent;background-image:radial-gradient(circle 20px at 28px 38px,#e2e8f0 100%,transparent 100%),linear-gradient(90deg,#e2e8f0 0,#e2e8f0 60%,transparent 60%),linear-gradient(90deg,#eef1f6 0,#eef1f6 80%,transparent 80%),linear-gradient(180deg,transparent 75px,#f1f5f9 75px,#f1f5f9 76px,transparent 76px);background-position:0 0,68px 28px,68px 48px,0 0;background-size:100% 76px,140px 12px,200px 10px,100% 76px;background-repeat:repeat-y;pointer-events:none}[dir="rtl"] .tk-board>.tk-admin-list>.tk-scroll-area>ul.tk-loading:empty::before{background-position:100% 0,calc(100% - 68px) 28px,calc(100% - 68px) 48px,0 0}.tk-board>.tk-admin-list>.tk-scroll-area>ul.tk-loading:empty::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.6) 50%,transparent 100%);background-size:200% 100%;background-repeat:no-repeat;animation:tk-skeleton-shimmer 1.4s linear infinite;pointer-events:none}@keyframes tk-skeleton-shimmer{0%{background-position:-100% 0}100%{background-position:200% 0}}@media (prefers-reduced-motion:reduce){.tk-board>.tk-admin-list>.tk-scroll-area>ul.tk-loading:empty::after{animation:none;opacity:.4}}

/* === min/conversation-rows-polish.min.css === */
@media (min-width:769px){.tk-board>.tk-admin-list .tk-scroll-area li.tk-active[data-conversation-source]{background:#f8fafc!important;box-shadow:none!important;transform:none!important;transition:background-color .15s ease,border-color .15s ease!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source]:not(.tk-active):hover{background:#fafbfc!important;box-shadow:none!important;transform:none!important}[dir="rtl"] .tk-board>.tk-admin-list .tk-scroll-area li.tk-active[data-conversation-source]{background:#f8fafc!important;box-shadow:none!important;transform:none!important;border-left:none!important}.tk-board>.tk-admin-list .tk-scroll-area li.tk-active[data-conversation-source="wa"]{border-left:4px solid #25d366!important}.tk-board>.tk-admin-list .tk-scroll-area li.tk-active[data-conversation-source="wd"]{border-left:4px solid #128C7E!important}.tk-board>.tk-admin-list .tk-scroll-area li.tk-active[data-conversation-source="inst"],.tk-board>.tk-admin-list .tk-scroll-area li.tk-active[data-conversation-source="ig"]{border-left:4px solid #E4405F!important}.tk-board>.tk-admin-list .tk-scroll-area li.tk-active[data-conversation-source="tg"]{border-left:4px solid #0088cc!important}.tk-board>.tk-admin-list .tk-scroll-area li.tk-active[data-conversation-source="sl"]{border-left:4px solid #4A154B!important}.tk-board>.tk-admin-list .tk-scroll-area li.tk-active[data-conversation-source="fb"]{border-left:4px solid #1877F2!important}.tk-board>.tk-admin-list .tk-scroll-area li.tk-active[data-conversation-source="em"]{border-left:4px solid #6b7280!important}.tk-board>.tk-admin-list .tk-scroll-area li.tk-active[data-conversation-source="tt"]{border-left:4px solid #000000!important}[dir="rtl"] .tk-board>.tk-admin-list .tk-scroll-area li.tk-active[data-conversation-source="wa"]{border-right:4px solid #25d366!important}[dir="rtl"] .tk-board>.tk-admin-list .tk-scroll-area li.tk-active[data-conversation-source="wd"]{border-right:4px solid #128C7E!important}[dir="rtl"] .tk-board>.tk-admin-list .tk-scroll-area li.tk-active[data-conversation-source="inst"],[dir="rtl"] .tk-board>.tk-admin-list .tk-scroll-area li.tk-active[data-conversation-source="ig"]{border-right:4px solid #E4405F!important}[dir="rtl"] .tk-board>.tk-admin-list .tk-scroll-area li.tk-active[data-conversation-source="tg"]{border-right:4px solid #0088cc!important}[dir="rtl"] .tk-board>.tk-admin-list .tk-scroll-area li.tk-active[data-conversation-source="sl"]{border-right:4px solid #4A154B!important}[dir="rtl"] .tk-board>.tk-admin-list .tk-scroll-area li.tk-active[data-conversation-source="fb"]{border-right:4px solid #1877F2!important}[dir="rtl"] .tk-board>.tk-admin-list .tk-scroll-area li.tk-active[data-conversation-source="em"]{border-right:4px solid #6b7280!important}[dir="rtl"] .tk-board>.tk-admin-list .tk-scroll-area li.tk-active[data-conversation-source="tt"]{border-right:4px solid #000000!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source]:not(.tk-active){border-left:4px solid transparent!important}[dir="rtl"] .tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source]:not(.tk-active){border-left:none!important;border-right:4px solid transparent!important}}
/* === min/conversation-row-density.min.css === */
@media (min-width:769px){.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source]{padding-top:10px!important;padding-bottom:10px!important}.tk-board>.tk-admin-list .tk-scroll-area li .tk-time{font-size:11px!important;color:#94a3b8!important;font-weight:500!important;white-space:nowrap}.tk-board>.tk-admin-list .tk-scroll-area li .tk-time>span{color:inherit!important}.tk-board>.tk-admin-list .tk-scroll-area li .tk-notification-counter{min-width:20px!important;height:20px!important;padding:0 6px!important;border-radius:10px!important;font-size:11px!important;font-weight:700!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 1px 3px rgba(0,0,0,.15)!important;line-height:1!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-status="2"]:has(.tk-notification-counter) .tk-ws-queue-name{font-weight:700!important;color:#0f172a!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-status="2"]:has(.tk-notification-counter) .tk-ws-queue-preview{color:#334155!important;font-weight:500!important}.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-status="2"]:has(.tk-notification-counter) .tk-time{color:#1e293b!important;font-weight:600!important}.tk-board>.tk-admin-list .tk-scroll-area li:not([data-conversation-status="2"]) .tk-ws-queue-name,.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-status="2"]:not(:has(.tk-notification-counter)) .tk-ws-queue-name{font-weight:500!important;color:#334155!important}.tk-board>.tk-admin-list .tk-scroll-area li:not([data-conversation-status="2"]) .tk-ws-queue-preview{color:#94a3b8!important;font-weight:400!important}.tk-board>.tk-admin-list .tk-scroll-area li .tk-ws-channel-icon{font-size:12px!important;opacity:.85}.tk-board>.tk-admin-list .tk-scroll-area li:hover .tk-ws-channel-icon,.tk-board>.tk-admin-list .tk-scroll-area li.tk-active .tk-ws-channel-icon{opacity:1}.tk-board>.tk-admin-list .tk-scroll-area li .tk-ws-queue-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px!important;line-height:1.4!important;margin-top:2px!important}.tk-board>.tk-admin-list .tk-scroll-area li .tk-classify-tag{font-size:10px!important;padding:1px 6px!important;border-radius:4px!important;margin-left:6px!important;font-weight:600!important;border-width:1px!important;border-style:solid!important;vertical-align:middle}[dir="rtl"] .tk-board>.tk-admin-list .tk-scroll-area li .tk-classify-tag{margin-left:0!important;margin-right:6px!important}}
/* === min/conversation-empty-state.min.css === */
@media (min-width:769px){.tk-board:not(:has(.tk-admin-list li.tk-active)) .tk-conversation{position:relative}.tk-board:not(:has(.tk-admin-list li.tk-active)) .tk-conversation::before{content:'';position:absolute;inset:0;background-color:#fafbfc;background-image:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%2393c5fd'/><stop offset='1' stop-color='%23818cf8'/></linearGradient></defs><circle cx='210' cy='110' r='80' fill='%23eff6ff'/><path d='M170 90 q0 -12 12 -12 h56 q12 0 12 12 v32 q0 12 -12 12 h-26 l-16 13 v-13 h-14 q-12 0 -12 -12 z' fill='url(%23g)' opacity='0.95'/><circle cx='192' cy='106' r='4.5' fill='white'/><circle cx='210' cy='106' r='4.5' fill='white'/><circle cx='228' cy='106' r='4.5' fill='white'/><text x='210' y='235' text-anchor='middle' font-family='Poppins, system-ui, sans-serif' font-size='17' font-weight='600' fill='%231e293b'>Select a conversation to start</text><text x='210' y='262' text-anchor='middle' font-family='Poppins, system-ui, sans-serif' font-size='13' font-weight='400' fill='%2364748b'>Pick any chat from the left to view messages and reply</text></svg>");background-repeat:no-repeat,no-repeat;background-position:center center,center center;background-size:100% 100%,min(420px,80%) auto;z-index:50;pointer-events:none}[dir="rtl"] .tk-board:not(:has(.tk-admin-list li.tk-active)) .tk-conversation::before{background-image:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%2393c5fd'/><stop offset='1' stop-color='%23818cf8'/></linearGradient></defs><circle cx='210' cy='110' r='80' fill='%23eff6ff'/><path d='M170 90 q0 -12 12 -12 h56 q12 0 12 12 v32 q0 12 -12 12 h-26 l-16 13 v-13 h-14 q-12 0 -12 -12 z' fill='url(%23g)' opacity='0.95'/><circle cx='192' cy='106' r='4.5' fill='white'/><circle cx='210' cy='106' r='4.5' fill='white'/><circle cx='228' cy='106' r='4.5' fill='white'/><text x='210' y='235' text-anchor='middle' font-family='Noto Kufi Arabic, system-ui, sans-serif' font-size='17' font-weight='600' fill='%231e293b' direction='rtl'>اختر محادثة للبدء</text><text x='210' y='262' text-anchor='middle' font-family='Noto Kufi Arabic, system-ui, sans-serif' font-size='13' font-weight='400' fill='%2364748b' direction='rtl'>اختر محادثة من القائمة لعرض الرسائل والرد</text></svg>")}}

/* === min/conversation-row-extras.min.css === */
@media (min-width:769px){.tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-id]{position:relative}.tk-board>.tk-admin-list .tk-scroll-area li .tk-ws-queue-right{transition:opacity .15s ease,transform .15s ease}.tk-board>.tk-admin-list .tk-scroll-area li:hover .tk-ws-queue-right{opacity:0;transform:scale(.92);pointer-events:none}.tk-board>.tk-admin-list .tk-scroll-area li .tk-row-actions{position:absolute;top:50%;right:10px;display:flex;gap:4px;opacity:0;pointer-events:none;transform:translateY(-50%) scale(.92);transition:opacity .15s ease,transform .15s ease;z-index:5}[dir="rtl"] .tk-board>.tk-admin-list .tk-scroll-area li .tk-row-actions{right:auto;left:10px}.tk-board>.tk-admin-list .tk-scroll-area li:hover .tk-row-actions{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}.tk-row-action{width:24px;height:24px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:10px;line-height:1;transition:all .12s ease;padding:0;font-family:inherit}.tk-row-action:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.1)}.tk-row-action-archive:hover{background:#eff6ff;color:#2563eb;border-color:#93c5fd}.tk-row-action-delete:hover{background:#fef2f2;color:#dc2626;border-color:#fca5a5}.tk-row-action:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}}@media (max-width:768px){.tk-row-actions{display:none!important}}.tk-density-toggle{width:32px;height:32px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:13px;transition:all .15s ease;padding:0;margin-left:8px;font-family:inherit;flex-shrink:0}.tk-density-toggle:hover{border-color:#93c5fd;color:#2563eb;background:#f0f7ff}.tk-density-toggle.active{background:#2563eb;color:#fff;border-color:#2563eb}[dir="rtl"] .tk-density-toggle{margin-left:0;margin-right:8px}body.tk-density-compact .tk-board>.tk-admin-list .tk-scroll-area li[data-conversation-source]{padding-top:6px!important;padding-bottom:6px!important}body.tk-density-compact .tk-board>.tk-admin-list .tk-scroll-area li .tk-ws-queue-avatar{width:32px!important;height:32px!important}body.tk-density-compact .tk-board>.tk-admin-list .tk-scroll-area li .tk-ws-queue-preview{display:none!important}body.tk-density-compact .tk-board>.tk-admin-list .tk-scroll-area li .tk-ws-queue-info{padding-top:0!important}body.tk-density-compact .tk-board>.tk-admin-list .tk-scroll-area li .tk-ws-queue-name{line-height:1.3!important;font-size:13px!important}body.tk-density-compact .tk-board>.tk-admin-list .tk-scroll-area li .tk-classify-tag,body.tk-density-compact .tk-board>.tk-admin-list .tk-scroll-area li .tk-tag{display:none!important}body.tk-density-compact .tk-row-action{width:22px!important;height:22px!important;font-size:9px!important}body.tk-density-compact .tk-board>.tk-admin-list .tk-scroll-area li .tk-row-actions{padding:3px 8px!important;gap:3px!important}

