/* Core */
.wa-cc-container{position:fixed;right:16px;bottom:16px;z-index:99999;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
/* Overlay for click-outside */
.wa-cc-overlay{position:fixed;inset:0;display:none;background:rgba(0,0,0,.0)}
.wa-cc-overlay[data-show="true"]{display:block}

/* FAB with dual icon and rotation morph */
.wa-cc-fab{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.2);display:grid;place-items:center;background:var(--wa-primary,#25D366);transition:transform .2s ease,box-shadow .2s ease;position:relative}
.wa-cc-fab:focus{outline:2px solid #fff;outline-offset:2px}
.wa-cc-fab:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 10px 24px rgba(0,0,0,.24)}
.wa-cc-icon-wa,.wa-cc-icon-x{width:28px;height:28px;display:block;position:absolute;transition:transform .18s ease, opacity .18s ease}
.wa-cc-icon-wa{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M20.52 3.48A11.82 11.82 0 0 0 12.06 0C5.6 0 .36 5.24.36 11.7c0 2.06.54 4.06 1.56 5.84L0 24l6.62-1.9c1.7.93 3.62 1.42 5.58 1.42h.01c6.46 0 11.7-5.24 11.7-11.7 0-3.13-1.22-6.07-3.39-8.34zM12.2 21.5c-1.74 0-3.46-.47-4.96-1.36l-.36-.21-3.92 1.12 1.1-3.83-.24-.39a9.64 9.64 0 0 1-1.48-5.12c0-5.35 4.36-9.7 9.72-9.7 2.6 0 5.05 1.02 6.9 2.88a9.61 9.61 0 0 1 2.84 6.9c0 5.36-4.36 9.71-9.7 9.71zm5.62-7.25c-.3-.15-1.77-.87-2.05-.97-.27-.1-.47-.15-.67.15s-.77.97-.95 1.17c-.17.2-.35.22-.65.07-.3-.15-1.26-.46-2.4-1.47-.89-.79-1.5-1.76-1.67-2.06-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.57-.5-.5-.67-.51h-.57c-.2 0-.52.07-.8.37s-1.05 1.03-1.05 2.52 1.08 2.93 1.23 3.13c.15.2 2.13 3.25 5.16 4.55.72.31 1.28.5 1.72.64.72.23 1.38.2 1.9.12.58-.09 1.77-.72 2.02-1.42.25-.7.25-1.3.17-1.42-.07-.12-.27-.2-.57-.35z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M20.52 3.48A11.82 11.82 0 0 0 12.06 0C5.6 0 .36 5.24.36 11.7c0 2.06.54 4.06 1.56 5.84L0 24l6.62-1.9c1.7.93 3.62 1.42 5.58 1.42h.01c6.46 0 11.7-5.24 11.7-11.7 0-3.13-1.22-6.07-3.39-8.34zM12.2 21.5c-1.74 0-3.46-.47-4.96-1.36l-.36-.21-3.92 1.12 1.1-3.83-.24-.39a9.64 9.64 0 0 1-1.48-5.12c0-5.35 4.36-9.7 9.72-9.7 2.6 0 5.05 1.02 6.9 2.88a9.61 9.61 0 0 1 2.84 6.9c0 5.36-4.36 9.71-9.7 9.71zm5.62-7.25c-.3-.15-1.77-.87-2.05-.97-.27-.1-.47-.15-.67.15s-.77.97-.95 1.17c-.17.2-.35.22-.65.07-.3-.15-1.26-.46-2.4-1.47-.89-.79-1.5-1.76-1.67-2.06-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.57-.5-.5-.67-.51h-.57c-.2 0-.52.07-.8.37s-1.05 1.03-1.05 2.52 1.08 2.93 1.23 3.13c.15.2 2.13 3.25 5.16 4.55.72.31 1.28.5 1.72.64.72.23 1.38.2 1.9.12.58-.09 1.77-.72 2.02-1.42.25-.7.25-1.3.17-1.42-.07-.12-.27-.2-.57-.35z"/></svg>');background:#fff}
.wa-cc-icon-x{opacity:0;transform:rotate(-90deg);-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.7A1 1 0 1 0 5.7 7.11L10.59 12 5.7 16.89a1 1 0 1 0 1.41 1.41L12 13.41l4.89 4.89a1 1 0 0 0 1.41-1.41L13.41 12l4.89-4.89a1 1 0 0 0 0-1.4z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.7A1 1 0 1 0 5.7 7.11L10.59 12 5.7 16.89a1 1 0 1 0 1.41 1.41L12 13.41l4.89 4.89a1 1 0 0 0 1.41-1.41L13.41 12l4.89-4.89a1 1 0 0 0 0-1.4z"/></svg>');background:#fff}
.wa-open .wa-cc-icon-wa{opacity:0;transform:rotate(90deg) scale(.6)}
.wa-open .wa-cc-icon-x{opacity:1;transform:rotate(0deg)}

/* Panel */
.wa-cc-panel{position:fixed;right:16px;bottom:88px;width:360px;max-width:min(92vw,420px);max-height:70vh;background:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.24);overflow:hidden;transform-origin:bottom right;transform:translateY(12px) scale(.92);opacity:0;pointer-events:none;transition:transform .36s cubic-bezier(.2,.7,.2,1),opacity .36s cubic-bezier(.2,.7,.2,1)}
.wa-cc-panel[data-open="true"]{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.wa-reduced-motion .wa-cc-panel{transition:none}
.wa-cc-header{color:#fff;padding:10px 12px;display:flex;align-items:center;justify-content:space-between}
.wa-cc-title{font-size:14px;margin:0;color:#fff}
.wa-cc-close{background:transparent;border:none;color:#fff;font-size:22px;line-height:1;cursor:pointer}
.wa-cc-body{padding:10px;display:flex;flex-direction:column;gap:8px}
.wa-cc-messages{min-height:160px;overflow:auto;border:1px solid #eee;border-radius:10px;padding:8px;background:#fafafa;display:flex;flex-direction:column}
.wa-cc-base-text{color:#666;background:#f0f0f0;border-radius:10px;padding:8px 10px;align-self:flex-start;margin-bottom:6px;max-width:90%}
.wa-cc-bubble{display:inline-block;padding:8px 10px;border-radius:12px;margin-bottom:6px;font-size:14px;max-width:90%}
.wa-cc-bubble.user{background:#e1ffc7;align-self:flex-end}
#wa-cc-editor{min-height:42px;outline:none;white-space:pre-wrap;word-wrap:break-word}
#wa-cc-editor:empty:before{content:attr(data-placeholder); color:#7a7a7a}
.wa-cc-form{display:block;margin:0;padding:0}
.wa-cc-send{display:block;width:100%;background:var(--wa-primary,#25D366);color:#fff;border:none;border-radius:10px;padding:12px 14px;cursor:pointer;margin:0}

/* Responsive */
@media (max-width:480px){
  .wa-cc-panel{left:8px;right:8px;bottom:80px;width:auto;max-width:100%;max-height:72vh;border-radius:16px;transform-origin:bottom center}
}
@media (max-width:360px){
  .wa-cc-panel{left:6px;right:6px;bottom:76px;max-height:76vh}
  .wa-cc-title{font-size:13px}
}