/**
 * WhatsApp Live Chat - Widget Styles
 */
:root{--wlc-color:#25D366;--wlc-bg:#fff;--wlc-bg2:#f0f2f5;--wlc-text:#111b21;--wlc-muted:#667781;--wlc-border:#e9edef;--wlc-radius:12px;--wlc-shadow:0 8px 24px rgba(0,0,0,.12)}
#wlc-widget{position:fixed;bottom:20px;z-index:99999;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
#wlc-widget.wlc-right{right:20px}#wlc-widget.wlc-left{left:20px}
.wlc-toggle{width:60px;height:60px;border-radius:50%;background:var(--wlc-color);border:0;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--wlc-shadow);transition:.3s;padding:0}
.wlc-toggle:hover{transform:scale(1.05);background:#128C7E}.wlc-icon{width:32px;height:32px}
.wlc-badge{position:absolute;top:4px;right:4px;width:16px;height:16px;background:#ff3b30;border-radius:50%;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;animation:wlc-pulse 2s infinite}
@keyframes wlc-pulse{0%,70%{box-shadow:0 0 0 0 rgba(255,59,48,.7)}100%{box-shadow:0 0 0 10px rgba(255,59,48,0)}}
.wlc-window{position:absolute;bottom:80px;width:380px;max-width:90vw;height:500px;max-height:80vh;background:var(--wlc-bg);border-radius:var(--wlc-radius);box-shadow:var(--wlc-shadow);display:none;flex-direction:column;opacity:0;transform:translateY(20px);transition:.3s;overflow:hidden}
#wlc-widget.wlc-open .wlc-window{display:flex;opacity:1;transform:translateY(0)}
.wlc-header{background:var(--wlc-color);color:#fff;padding:15px;display:flex;align-items:center;justify-content:space-between}
.wlc-agent{display:flex;align-items:center;gap:12px}.wlc-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}
.wlc-agent strong{font-weight:600;font-size:15px}.wlc-status{font-size:12px;opacity:.9}
.wlc-status.online::before{content:"";display:inline-block;width:8px;height:8px;background:#34c759;border-radius:50%;margin-right:4px}
.wlc-close{background:0;border:0;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;opacity:.8}
.wlc-close:hover{opacity:1}.wlc-body{flex:1;padding:15px;background:var(--wlc-bg2);overflow-y:auto;display:flex;flex-direction:column}
.wlc-messages{display:flex;flex-direction:column;gap:10px}
.wlc-msg{max-width:80%;padding:10px 14px;border-radius:8px;position:relative;word-wrap:break-word}
.wlc-msg-user{align-self:flex-end;background:var(--wlc-color);color:#fff;border-bottom-right-radius:4px}
.wlc-msg-agent{align-self:flex-start;background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.wlc-msg.wlc-error{background:#ffebee!important;color:#c62828!important}
.wlc-content{font-size:14px;line-height:1.4}.wlc-meta{font-size:11px;opacity:.7;display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
.wlc-typing{align-self:flex-start;background:#fff;padding:12px 16px;border-radius:8px;display:flex;gap:4px;border-bottom-left-radius:4px}
.wlc-typing span{width:8px;height:8px;background:#667781;border-radius:50%;display:inline-block;animation:wlc-bounce 1.4s infinite ease-in-out}
.wlc-typing span:nth-child(1){animation-delay:-.32s}.wlc-typing span:nth-child(2){animation-delay:-.16s}
@keyframes wlc-bounce{0%,80%,100%{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}
.wlc-footer{padding:12px 15px;background:#fff;border-top:1px solid var(--wlc-border)}.wlc-form{display:flex;flex-direction:column;gap:8px}
.wlc-input-wrap{display:flex;gap:8px;align-items:flex-end}.wlc-input,.wlc-textarea{flex:1;padding:10px 14px;border:1px solid var(--wlc-border);border-radius:20px;outline:0;font-family:inherit;font-size:14px;transition:border-color .2s}
.wlc-textarea{resize:none;max-height:120px;line-height:1.4}.wlc-input:focus,.wlc-textarea:focus{border-color:var(--wlc-color)}
.wlc-send{width:40px;height:40px;border-radius:50%;background:var(--wlc-color);border:0;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;padding:0;flex-shrink:0}
.wlc-send:hover{background:#128C7E}.wlc-send:disabled{opacity:.5;cursor:not-allowed}.wlc-send svg{width:20px;height:20px}
.wlc-btn{background:var(--wlc-color);color:#fff;border:0;padding:10px 20px;border-radius:20px;cursor:pointer;font-weight:500;transition:background .2s}
.wlc-btn:hover{background:#128C7E}.wlc-btn:disabled{opacity:.6;cursor:not-allowed}
.wlc-footer small{font-size:12px;color:var(--wlc-muted);text-align:center;display:block}.wlc-logout{display:none;width:100%;padding:8px;background:0;border:0;color:var(--wlc-muted);font-size:12px;cursor:pointer;text-align:center;margin-top:5px}
.wlc-logout:hover{color:var(--wlc-color);text-decoration:underline}
@media(max-width:480px){.wlc-window{width:calc(100vw - 40px);height:calc(100vh - 150px);bottom:70px}.wlc-toggle{width:55px;height:55px}}
.wlc-toggle:focus,.wlc-close:focus,.wlc-send:focus,.wlc-input:focus,.wlc-textarea:focus{outline:2px solid #005fcc;outline-offset:2px}
.wlc-body::-webkit-scrollbar{width:6px}.wlc-body::-webkit-scrollbar-track{background:transparent}.wlc-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}
.wlc-body::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}
@media(prefers-color-scheme:dark){#wlc-widget{--wlc-bg:#1a1a1a;--wlc-bg2:#242424;--wlc-text:#e9edef;--wlc-muted:#8696a0;--wlc-border:#333}.wlc-msg-agent{background:#242424;color:#e9edef}}