/* Skill WhatsApp Chat Pro — frontend (scoped, lightweight) */
#swcp-widget.swcp-wrap{position:fixed;bottom:var(--swcp-y,20px);z-index:99999;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.4}
#swcp-widget.swcp-right{right:var(--swcp-x,20px)}
#swcp-widget.swcp-left{left:var(--swcp-x,20px)}
@media (max-width:782px){#swcp-widget.swcp-show-desktop{display:none}}
@media (min-width:783px){#swcp-widget.swcp-show-mobile{display:none}}

#swcp-widget .swcp-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;background:var(--swcp-bg,#25D366);color:var(--swcp-icon,#fff);padding:12px 18px;border-radius:50px;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.18);transition:transform .2s ease,box-shadow .2s ease;font-size:15px;font-weight:600;text-decoration:none!important;-webkit-tap-highlight-color:transparent}
#swcp-widget a.swcp-btn,#swcp-widget a.swcp-btn:visited,#swcp-widget a.swcp-btn:hover,#swcp-widget a.swcp-btn:focus{color:var(--swcp-icon,#fff);text-decoration:none!important}
#swcp-widget .swcp-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.22)}
#swcp-widget .swcp-btn-icon{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center}
#swcp-widget .swcp-btn-icon img{width:28px;height:28px;object-fit:contain;display:block}
#swcp-widget .swcp-btn-text{white-space:nowrap}

#swcp-widget .swcp-popup{position:absolute;bottom:calc(100% + 14px);width:340px;max-width:calc(100vw - 30px);background:#fff;border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.22);overflow:hidden;animation:swcpUp .25s ease}
#swcp-widget.swcp-right .swcp-popup{right:0}
#swcp-widget.swcp-left .swcp-popup{left:0}
@keyframes swcpUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

#swcp-widget .swcp-popup-header{display:flex;align-items:center;gap:12px;padding:14px;background:var(--swcp-header,#075E54);color:#fff}
#swcp-widget .swcp-avatar{position:relative;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.2);overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex:0 0 44px}
#swcp-widget .swcp-avatar img{width:100%;height:100%;object-fit:cover}
#swcp-widget .swcp-status{position:absolute;right:0;bottom:0;width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:#94a3b8}
#swcp-widget .swcp-status.on{background:#22c55e}
#swcp-widget .swcp-agent{flex:1;display:flex;flex-direction:column;line-height:1.2}
#swcp-widget .swcp-agent strong{font-size:15px}
#swcp-widget .swcp-agent small{font-size:12px;opacity:.85}
#swcp-widget .swcp-close{all:unset;cursor:pointer;color:#fff;font-size:24px;line-height:1;padding:0 4px;opacity:.85}
#swcp-widget .swcp-close:hover{opacity:1}

#swcp-widget .swcp-popup-body{padding:18px 14px;background:#ECE5DD;background-image:linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,.4))}
#swcp-widget .swcp-bubble{background:#fff;border-radius:0 12px 12px 12px;padding:10px 12px;font-size:14px;color:#222;box-shadow:0 1px 1px rgba(0,0,0,.05);max-width:90%}
#swcp-widget .swcp-popup-footer{padding:12px 14px;background:#fff}
#swcp-widget .swcp-cta{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--swcp-bg,#25D366);color:#fff;text-decoration:none;padding:10px 16px;border-radius:50px;font-weight:600;font-size:15px}
#swcp-widget .swcp-cta:hover{filter:brightness(.95)}

@media (max-width:480px){
  #swcp-widget .swcp-popup{width:calc(100vw - 24px)}
  #swcp-widget .swcp-btn-text{display:none}
  #swcp-widget .swcp-btn{padding:14px;border-radius:50%}
}

/* Shortcode button */
.swcp-shortcode-btn{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#fff!important;text-decoration:none!important;padding:10px 18px;border-radius:50px;font-weight:600;font-size:15px}
.swcp-shortcode-btn:hover{filter:brightness(.95)}
.swcp-shortcode-btn svg{width:20px;height:20px}