/* 22Media live chat / help desk v6.6 */
.m22-chat{position:fixed;right:22px;bottom:22px;z-index:9996;font-family:Inter,Arial,sans-serif;color:#17233a}.m22-chat-launcher{border:0;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:18px;background:linear-gradient(135deg,#075ff0,#0e47bd);color:#fff;box-shadow:0 18px 50px rgba(5,55,150,.28);cursor:pointer;transition:.2s}.m22-chat-launcher:hover{transform:translateY(-2px);box-shadow:0 24px 60px rgba(5,55,150,.34)}.m22-chat-launcher-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.16);position:relative;font-size:17px}.m22-chat-launcher-icon b{position:absolute;right:2px;bottom:3px;width:9px;height:9px;border-radius:50%;background:#36d487;border:2px solid #0a55d4}.m22-chat[data-online="0"] .m22-chat-launcher-icon b{background:#ffb84a}.m22-chat-launcher-copy{display:grid;text-align:left}.m22-chat-launcher-copy strong{font-size:12px}.m22-chat-launcher-copy small{font-size:9px;opacity:.82}.m22-chat-panel{position:absolute;right:0;bottom:64px;width:min(390px,calc(100vw - 28px));height:min(610px,calc(100vh - 120px));display:flex;flex-direction:column;background:#fff;border:1px solid #dce6f4;border-radius:24px;box-shadow:0 30px 90px rgba(4,24,65,.28);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(14px) scale(.98);transition:.2s}.m22-chat.is-open .m22-chat-panel{opacity:1;visibility:visible;transform:none}.m22-chat-head{display:flex;align-items:center;justify-content:space-between;padding:15px;background:linear-gradient(120deg,#071847,#0c57df);color:#fff}.m22-chat-brand{display:flex;align-items:center;gap:10px}.m22-chat-brand img{width:42px;height:42px;border-radius:12px;object-fit:cover;box-shadow:0 8px 22px rgba(0,0,0,.18)}.m22-chat-brand span{display:grid}.m22-chat-brand b{font-size:13px}.m22-chat-brand small{font-size:9px;opacity:.86;display:flex;align-items:center;gap:6px}.m22-chat-status i{width:7px;height:7px;border-radius:50%;background:#35d58a}.m22-chat[data-online="0"] .m22-chat-status i{background:#ffb84a}.m22-chat-close{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}.m22-chat-body{flex:1;min-height:0;overflow:auto;padding:15px;background:linear-gradient(180deg,#f6f9ff,#fff)}.m22-chat-bot-bubble{padding:13px 14px;border-radius:5px 16px 16px 16px;background:#edf4ff;color:#243552;font-size:12px;line-height:1.65}.m22-chat-offline-note{display:flex;gap:9px;margin:10px 0;padding:10px 11px;border:1px solid #ffe0a6;border-radius:12px;background:#fff9ee;color:#70501a;font-size:10px;line-height:1.55}.m22-chat-start-form{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.m22-chat-start-form label{display:grid;gap:5px;font-size:9px;font-weight:800;color:#526179}.m22-chat-start-form label.wide{grid-column:1/-1}.m22-chat-start-form input,.m22-chat-start-form textarea{width:100%;border:1px solid #dce4f0;border-radius:11px;padding:9px 10px;background:#fff;outline:none;font-size:12px}.m22-chat-start-form input:focus,.m22-chat-start-form textarea:focus{border-color:#6fa9ff;box-shadow:0 0 0 3px rgba(26,106,238,.08)}.m22-chat-start-form button{grid-column:1/-1;border:0;border-radius:11px;background:#0b62ed;color:#fff;padding:10px 12px;font-size:11px;font-weight:850;cursor:pointer}.m22-chat-quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.m22-chat-quick button{border:1px solid #dce6f4;background:#fff;border-radius:999px;padding:6px 9px;color:#385071;font-size:9px;font-weight:750;cursor:pointer}.m22-chat-messages{height:100%;overflow:auto;display:flex;flex-direction:column;gap:9px;padding:2px}.m22-chat-msg{max-width:84%;display:grid;gap:3px}.m22-chat-msg p{margin:0;padding:10px 12px;border-radius:15px;font-size:12px;line-height:1.6;white-space:pre-wrap}.m22-chat-msg small{font-size:8px;color:#8c99ac}.m22-chat-msg.visitor{align-self:flex-end}.m22-chat-msg.visitor p{background:#0c62eb;color:#fff;border-bottom-right-radius:4px}.m22-chat-msg.visitor small{text-align:right}.m22-chat-msg.agent,.m22-chat-msg.bot{align-self:flex-start}.m22-chat-msg.agent p{background:#0b1530;color:#fff;border-bottom-left-radius:4px}.m22-chat-msg.bot p{background:#eef4fd;color:#2a3951;border-bottom-left-radius:4px}.m22-chat-send-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid #e5ebf4;background:#fff}.m22-chat-send-form textarea{flex:1;resize:none;border:1px solid #dce4ef;border-radius:13px;padding:10px 11px;outline:0;font-size:12px;max-height:90px}.m22-chat-send-form button{width:40px;height:40px;border:0;border-radius:12px;background:#0b62ed;color:#fff;cursor:pointer}.m22-chat-foot{padding:7px 12px;text-align:center;font-size:8px;color:#8491a4;background:#fbfcfe}.m22-chat-foot i{margin-right:5px;color:#0b62ed}
/* portal desk */
.m22-chatdesk-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:22px;border:1px solid #dce6f3;border-radius:22px;background:linear-gradient(135deg,#fff,#f4f8ff);margin-bottom:16px}.m22-chatdesk-head h3{margin:4px 0;font-size:25px}.m22-chatdesk-head p{margin:0;color:#6d7b91;max-width:700px}.m22-chatdesk-availability{display:flex;align-items:center;gap:10px}.m22-chatdesk-availability label{display:flex;align-items:center;gap:9px}.m22-chatdesk-availability input{position:absolute;opacity:0}.m22-status-switch{width:48px;height:27px;border-radius:999px;background:#c9d3e1;padding:3px;transition:.2s}.m22-status-switch i{display:block;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 3px 9px rgba(0,0,0,.15);transition:.2s}.m22-chatdesk-availability input:checked+.m22-status-switch{background:#20bd77}.m22-chatdesk-availability input:checked+.m22-status-switch i{transform:translateX(21px)}.m22-chatdesk-grid{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:650px;border:1px solid #dbe5f2;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 24px 65px rgba(13,45,91,.08)}.m22-chatdesk-list{border-right:1px solid #e3e9f2;overflow:auto;max-height:760px}.m22-chatdesk-list-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;padding:15px;background:#f7f9fd;border-bottom:1px solid #e3e9f2;font-size:11px}.m22-chatdesk-list-head span{color:#738197}.m22-chatdesk-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;padding:12px;border-bottom:1px solid #edf1f6}.m22-chatdesk-item:hover,.m22-chatdesk-item.active{background:#eef5ff}.m22-chatdesk-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#0a63ee,#0a3d9e);color:#fff;font-weight:900}.m22-chatdesk-item>span:nth-child(2){display:grid;min-width:0}.m22-chatdesk-item b{font-size:11px}.m22-chatdesk-item small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7c899c;font-size:9px}.m22-chatdesk-item em{font-style:normal;font-size:8px;text-transform:uppercase;color:#8b98aa}.m22-chatdesk-item em.open{color:#15955d}.m22-chatdesk-thread{display:flex;flex-direction:column;min-width:0}.m22-chatdesk-thread>header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e5ebf3}.m22-chatdesk-thread>header>div{display:grid}.m22-chatdesk-thread>header span{color:#7d899b;font-size:9px}.m22-chatdesk-messages{flex:1;max-height:560px;overflow:auto;padding:18px;background:linear-gradient(#f8faff,#fff)}.m22-chatdesk-message{max-width:74%;margin-bottom:11px}.m22-chatdesk-message p{margin:2px 0;padding:10px 12px;border-radius:15px;background:#edf3fb;line-height:1.6}.m22-chatdesk-message span,.m22-chatdesk-message small{font-size:8px;color:#7d899d}.m22-chatdesk-message.agent{margin-left:auto}.m22-chatdesk-message.agent p{background:#0b5fe4;color:#fff}.m22-chatdesk-message.bot p{background:#101a31;color:#fff}.m22-chatdesk-reply{padding:13px;border-top:1px solid #e5ebf3}.m22-chatdesk-reply textarea{width:100%;border:1px solid #dce5f0;border-radius:13px;padding:11px;resize:vertical}.m22-chatdesk-reply>div{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px}.m22-chatdesk-reply>div span{font-size:9px;color:#78869a}.m22-chatdesk-empty{display:grid;place-items:center;text-align:center;gap:5px;padding:35px;color:#8290a4}.m22-chatdesk-empty i{font-size:25px;color:#0b62ed}.m22-chatdesk-empty.large{margin:auto}.m22-chatdesk-settings{margin-top:18px!important}
body.m22-lang-ur .m22-chat{font-family:"Noto Sans Arabic",Tahoma,sans-serif;right:auto;left:22px}.m22-lang-ur .m22-chat-panel{right:auto;left:0;direction:rtl}.m22-lang-ur .m22-chat-launcher-copy{text-align:right}.m22-lang-ur .m22-chat-start-form,.m22-lang-ur .m22-chat-msg{text-align:right}.m22-lang-ur .m22-chat-foot i{margin-right:0;margin-left:5px}
@media(max-width:780px){.m22-chat{right:14px;bottom:74px}.m22-lang-ur .m22-chat{left:14px;right:auto}.m22-chat-launcher-copy{display:none}.m22-chat-launcher{padding:7px;border-radius:16px}.m22-chat-panel{position:fixed;inset:auto 10px 78px 10px;width:auto;height:min(620px,calc(100vh - 105px));border-radius:20px}.m22-chatdesk-head{align-items:flex-start;flex-direction:column}.m22-chatdesk-availability{width:100%;justify-content:space-between}.m22-chatdesk-grid{grid-template-columns:1fr;min-height:0}.m22-chatdesk-list{max-height:260px;border-right:0;border-bottom:1px solid #e3e9f2}.m22-chatdesk-messages{min-height:360px;max-height:480px}.m22-chatdesk-reply>div{align-items:flex-start;flex-direction:column}}
.m22-chat-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}