.livechat-launcher{position:fixed;z-index:120;right:24px;bottom:24px;border:0;border-radius:50px;background:linear-gradient(135deg,#8c42ff,#6124c7);color:#fff;min-height:58px;padding:0 20px;display:flex;align-items:center;gap:10px;font-family:inherit;font-weight:800;box-shadow:0 16px 45px #6f30d855;cursor:pointer}.livechat-launcher.hidden{display:none}.livechat-launcher>i{font-size:25px}.livechat-pulse{position:absolute;right:5px;top:4px;width:11px;height:11px;border-radius:50%;background:#42e98d;border:2px solid #6124c7}.livechat-window{position:fixed;z-index:121;right:22px;bottom:22px;width:min(390px,calc(100vw - 28px));height:min(650px,calc(100dvh - 35px));display:none;grid-template-rows:auto 1fr auto;background:#0e0b19;border:1px solid #ffffff18;border-radius:24px;overflow:hidden;box-shadow:0 28px 90px #000c;font-family:Cairo,Tajawal,Arial,sans-serif}.livechat-window.open{display:grid}.livechat-window>header{display:flex;align-items:center;gap:12px;padding:15px 17px;background:linear-gradient(135deg,#6124c7,#8c42ff);color:white}.livechat-window>header>div:nth-child(2){display:flex;flex-direction:column}.livechat-window>header small{opacity:.8;font-size:10px}.livechat-window>header button{margin-right:auto;border:0;background:#ffffff18;color:white;width:35px;height:35px;border-radius:10px;font-size:20px}.livechat-avatar{position:relative;width:44px;height:44px;border-radius:14px;background:#ffffff18;display:grid;place-items:center;font-size:23px}.livechat-avatar span{position:absolute;width:10px;height:10px;background:#44e590;border:2px solid #7431d9;border-radius:50%;bottom:-1px;left:-1px}.livechat-window>footer{text-align:center;color:#777186;background:#090711;padding:7px;font-size:9px}.livechat-intro{padding:28px 22px;overflow:auto;text-align:center}.livechat-intro>i{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin:auto;background:#8c42ff20;color:#b47cff;font-size:28px}.livechat-intro h3{margin:13px 0 5px;color:white}.livechat-intro p{margin:0 0 20px;color:#aaa4b4;font-size:13px}.livechat-intro form{display:grid;gap:10px}.livechat-intro input{background:#151121;border:1px solid #ffffff14;color:white;border-radius:12px;padding:12px 13px;outline:none}.livechat-intro input:focus{border-color:#8c42ff}.livechat-intro button{border:0;background:linear-gradient(135deg,#e0a900,#ffca24);color:#151006;border-radius:12px;padding:12px;font-weight:800;font-family:inherit}.livechat-chat{min-height:0;display:grid;grid-template-rows:1fr auto auto auto}.livechat-chat[hidden]{display:none}.livechat-messages{overflow:auto;padding:16px;display:flex;flex-direction:column;gap:11px;background:radial-gradient(circle at 30% 0,#6124c711,transparent 40%)}.chat-bubble{max-width:84%;display:flex;flex-direction:column}.chat-bubble>div{padding:10px 13px;border-radius:15px;font-size:13px;line-height:1.7}.chat-bubble small{font-size:8px;color:#777186;margin:3px 6px}.chat-bubble.visitor{align-self:flex-start}.chat-bubble.visitor>div{background:linear-gradient(135deg,#7731db,#8c42ff);color:white;border-bottom-right-radius:4px}.chat-bubble.bot,.chat-bubble.admin{align-self:flex-end}.chat-bubble.bot>div,.chat-bubble.admin>div{background:#1b1727;color:#eee;border:1px solid #ffffff0d;border-bottom-left-radius:4px}.chat-bubble.system{align-self:center;text-align:center;max-width:95%}.chat-bubble.system>div{background:#e0a90010;color:#c9b870;font-size:10px}.livechat-compose{display:flex;align-items:flex-end;gap:8px;padding:10px;border-top:1px solid #ffffff0d}.livechat-compose textarea{flex:1;resize:none;max-height:90px;background:#181423;border:1px solid #ffffff12;color:white;border-radius:13px;padding:10px 12px;outline:none;font-family:inherit}.livechat-compose button{width:43px;height:43px;border-radius:13px;border:0;background:#8c42ff;color:white;font-size:19px}.livechat-typing{padding:5px 14px;color:#817b8b;font-size:9px}.livechat-typing span{display:inline-block;width:4px;height:4px;background:#8c42ff;border-radius:50%}.livechat-end{border:0;background:transparent;color:#8f8998;font-size:9px;padding:5px;cursor:pointer}.whatsapp-float{left:24px!important;right:auto!important}
@media(max-width:600px){.livechat-launcher{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));width:56px;height:56px;padding:0;justify-content:center}.livechat-launcher b{display:none}.livechat-window{inset:0;width:100vw;height:100dvh;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto}.livechat-window>header{min-height:64px;padding:10px 12px}.livechat-intro{padding:24px 18px calc(24px + env(safe-area-inset-bottom))}.livechat-chat{min-height:0;grid-template-rows:minmax(0,1fr) auto auto auto}.livechat-messages{padding:14px 10px;overscroll-behavior:contain}.chat-bubble{max-width:88%}.chat-bubble>div{overflow-wrap:anywhere}.livechat-compose{padding:9px 10px calc(9px + env(safe-area-inset-bottom));background:#0e0b19}.livechat-compose textarea{min-height:44px;max-height:116px;font-size:16px}.livechat-compose button{width:44px;height:44px;flex:0 0 auto}.livechat-window>footer{display:none}.whatsapp-float{left:14px!important;bottom:calc(14px + env(safe-area-inset-bottom))!important}}
@media(max-width:380px){.chat-bubble{max-width:93%}.livechat-window>header{gap:8px}.livechat-avatar{width:39px;height:39px}.livechat-window>header strong{font-size:13px}}
.livechat-typing{width:max-content;max-width:calc(100% - 28px);margin:5px 14px 7px auto;padding:8px 11px;display:flex;align-items:center;gap:7px;color:#aaa4b4;background:#1b1727;border:1px solid #ffffff0d;border-radius:14px 14px 4px 14px;font-size:9px}.livechat-typing[hidden]{display:none}.livechat-typing>i{color:#ad76ff;font-size:15px}.livechat-typing>div{display:flex;gap:3px}.livechat-typing span{display:block;width:5px;height:5px;background:#9b61ed;border-radius:50%;animation:chatTyping 1.05s infinite ease-in-out}.livechat-typing span:nth-child(2){animation-delay:.15s}.livechat-typing span:nth-child(3){animation-delay:.3s}.livechat-typing small{font-size:9px}@keyframes chatTyping{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}.chat-bubble.pending{opacity:.72}
.livechat-unread{position:absolute;left:-5px;top:-7px;min-width:24px;height:24px;padding:0 6px;border-radius:20px;background:#ff4057;color:#fff;border:2px solid #0e0b19;display:grid;place-items:center;font-size:11px;font-weight:900;box-shadow:0 5px 15px #ff405766}.livechat-unread[hidden]{display:none}
.livechat-compose textarea{overflow-y:hidden;min-height:43px}