/* v6 additions: CTA button + inline quote form */
:root{ --wcm-accent-from:#7c3aed; --wcm-accent-to:#2563eb; --wcm-surface: rgba(255,255,255,0.9); --wcm-text:#111827; --wcm-muted:#6b7280; --wcm-border:#e5e7eb; --wcm-shadow: 0 10px 30px rgba(0,0,0,.18); --wcm-radius: 16px; }
@media (prefers-color-scheme: dark){ :root{ --wcm-surface: rgba(17,24,39,0.9); --wcm-text:#e5e7eb; --wcm-muted:#9ca3af; --wcm-border:#374151; --wcm-shadow: 0 16px 50px rgba(0,0,0,.4);}}
.wcm-widget { font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; z-index: 999999; }
.wcm-floating { position: fixed; bottom: 18px; } .wcm-right { right: 18px; } .wcm-left { left: 18px; }
.wcm-toggle { width: 56px; height:56px; border-radius: 999px; border: none; cursor: pointer; color: #fff; background: linear-gradient(135deg, var(--wcm-accent-from), var(--wcm-accent-to)); box-shadow: var(--wcm-shadow); display:flex; align-items:center; justify-content:center; position: relative; }
.wcm-toggle::after{ content:''; position:absolute; inset:-8px; border-radius:inherit; background: radial-gradient(closest-side, rgba(0,0,0,.08), transparent); opacity:.0; transform: scale(.8); transition: opacity .3s ease, transform .3s ease; }
.wcm-toggle:hover::after{ opacity:1; transform: scale(1); } .wcm-toggle svg{ pointer-events:none; }
.wcm-panel{ width: 360px; max-height: 70vh; display:flex; flex-direction:column; border-radius: var(--wcm-radius); background: var(--wcm-surface); box-shadow: var(--wcm-shadow); overflow: hidden; margin-top: 12px; position: relative; border: 1px solid var(--wcm-border); backdrop-filter: blur(12px); }
.wcm-floating .wcm-panel { position:absolute; bottom: 68px; right:0; } @media (max-width: 480px){ .wcm-panel{ width: calc(100vw - 24px);} }
.wcm-header{ padding: 12px; display:flex; align-items:center; justify-content:space-between; background: linear-gradient(135deg, var(--wcm-accent-from), var(--wcm-accent-to)); color: #fff; }
.wcm-brand{ display:flex; align-items:center; gap:10px; } .wcm-avatar-img{ width:28px;height:28px;border-radius:999px; object-fit: cover; background:#ffffff30; border:1px solid #ffffff40; }
.wcm-close{ background:none;border:none;color:#fff;font-size:22px;cursor:pointer; }
.wcm-messages{ padding: 12px; overflow-y:auto; flex:1; color: var(--wcm-text); }
.wcm-msg{ margin: 10px 0; line-height:1.4; font-size: 14px; display:flex; } .wcm-msg.user{ justify-content: flex-end; }
.wcm-bubble{ max-width: 85%; padding: 10px 12px; border-radius: 16px; border: 1px solid var(--wcm-border); background: rgba(255,255,255,.75); }
@media (prefers-color-scheme: dark){ .wcm-bubble{ background: rgba(31,41,55,.6); } }
.wcm-msg.user .wcm-bubble{ color:#fff; border-color: transparent; background: linear-gradient(135deg, var(--wcm-accent-from), var(--wcm-accent-to)); }
.wcm-typing .wcm-bubble{ width:64px; display:flex; justify-content:center; } .wcm-dots{ display:inline-flex; gap:6px; align-items:center; }
.wcm-dots i{ width:6px; height:6px; display:inline-block; border-radius:999px; background:#9ca3af; animation:wcm-bounce 1.2s infinite; } .wcm-dots i:nth-child(2){ animation-delay:.15s; } .wcm-dots i:nth-child(3){ animation-delay:.3s; }
@keyframes wcm-bounce{ 0%,80%,100%{ transform: translateY(0); opacity:.6; } 40%{ transform: translateY(-6px); opacity:1; } }
.wcm-quick{ display:flex; flex-wrap: wrap; gap:8px; padding: 0 12px 10px; }
.wcm-quick button{ border: 1px solid var(--wcm-border); background: transparent; color: var(--wcm-text); border-radius: 999px; padding: 6px 10px; cursor: pointer; font-size: 12px; }
.wcm-quick button:hover{ background: linear-gradient(135deg, var(--wcm-accent-from), var(--wcm-accent-to)); color:#fff; border-color: transparent; }
.wcm-cta{ padding: 0 12px 10px; } .wcm-quote-btn{ width:100%; border: none; border-radius: 12px; padding: 10px 12px; cursor: pointer; background: linear-gradient(135deg, var(--wcm-accent-from), var(--wcm-accent-to)); color:#fff; }
.wcm-form{ display:flex; gap:8px; padding: 10px; border-top: 1px solid var(--wcm-border); } .wcm-input{ flex:1; padding: 12px; border-radius: 12px; border: 1px solid var(--wcm-border); background: rgba(255,255,255,.8); color: var(--wcm-text); }
.wcm-send{ border:none; border-radius: 12px; padding: 0 14px; cursor:pointer; background: linear-gradient(135deg, var(--wcm-accent-from), var(--wcm-accent-to)); color:#fff; }
.wcm-quote{ position:absolute; inset: 10px; background: var(--wcm-surface); border: 1px solid var(--wcm-border); border-radius: var(--wcm-radius); box-shadow: var(--wcm-shadow); padding: 12px; overflow:auto; }
.wcm-quote-inner h3{ margin: 0 0 6px; } .wcm-quote-inner p{ margin: 0 0 10px; color: var(--wcm-muted); }
#wcm-quote-form .wcm-row{ margin-bottom: 8px; } #wcm-quote-form input, #wcm-quote-form textarea{ width:100%; border:1px solid var(--wcm-border); border-radius: 10px; padding: 10px; background: rgba(255,255,255,.85); }
.wcm-quote .wcm-cancel{ margin-left: 8px; border: 1px solid var(--wcm-border); background: transparent; padding: 10px 12px; border-radius: 10px; cursor: pointer; }