/* Basic chat bubble UI (clean) */
.wcai-bubble{position:fixed;bottom:20px;z-index:99999}
.wcai-right{right:20px}.wcai-left{left:20px}
.wcai-bubble-btn{color:#fff;padding:0;border:none;border-radius:50%;width:56px;height:56px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.25);font-weight:700;background:var(--wcai-brand,#2563eb)}
.wcai-panel{position:fixed;bottom:80px;right:20px;width:380px;max-width:90vw;height:540px;background:#fff;border-radius:16px;box-shadow:0 14px 40px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden;z-index:99999}
.wcai-left + .wcai-panel{left:20px;right:auto}
.wcai-hidden{display:none}
.wcai-header{color:#fff;padding:10px 12px;display:flex;align-items:center;gap:8px;background:#2563eb}
.wcai-title{font-weight:700}
.wcai-close{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;margin-left:auto}
.wcai-body{flex:1;overflow:auto;background:#f8fafc;padding:12px}
.wcai-msg{display:flex;margin-bottom:10px}
.wcai-msg.user{justify-content:flex-end}
.wcai-bubbletext{max-width:80%;padding:10px 12px;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04);font-size:14px;line-height:1.6}
.wcai-msg.user .wcai-bubbletext{background:#e9f7ef}
.wcai-input-wrap{display:flex;border-top:1px solid #e5e7eb}
.wcai-input{flex:1;border:none;padding:12px}
.wcai-input:focus{outline:none}
.wcai-send{border:none;padding:12px 16px;cursor:pointer;background:#111;color:#fff}
.wcai-loading{font-style:italic;color:#555;margin:6px 0}
.wcai-cards{display:grid;grid-template-columns:1fr;gap:10px;margin-top:8px}
@media(min-width:420px){.wcai-cards{grid-template-columns:1fr 1fr}}
.wcai-card{display:block;border:1px solid #eee;border-radius:12px;overflow:hidden;text-decoration:none;color:#111;background:#fff;transition:transform .18s,box-shadow .18s}
.wcai-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.1)}
.wcai-card img{width:100%;height:130px;object-fit:cover;background:#f3f4f6}
.wcai-card-body{padding:10px}
.wcai-card-title{display:block;font-size:14px;font-weight:700;margin-bottom:6px;color:#0f172a;text-decoration:none}
.wcai-card-title:hover{text-decoration:underline}
.wcai-card-meta{font-size:12px;color:#334155;margin-bottom:6px}
.wcai-price{font-weight:700}
.wcai-btn{display:inline-block;text-decoration:none;border:1px solid var(--wcai-brand, #2563eb);color:#fff;background:var(--wcai-brand, #2563eb);padding:8px 10px;border-radius:10px;font-size:12px;font-weight:700}
.wcai-btn:hover{filter:brightness(.95)}
.wcai-card-features{font-size:12px;color:#475569;margin-bottom:8px;line-height:1.45}
.wcai-specs{list-style:disc;margin:6px 0 10px 18px;font-size:12px;color:#334155}
.wcai-card-actions{display:flex;gap:8px;align-items:center}
.wcai-qty{width:64px;border:1px solid #cbd5e1;border-radius:8px;padding:6px 8px}
.wcai-btn-small{padding:6px 8px;font-size:12px;margin-top:6px}
.wcai-variations{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.wcai-variations select{border:1px solid #cbd5e1;border-radius:8px;padding:6px 8px;font-size:12px}

/* Message typography */
.wcai-bubbletext a { color: var(--wcai-brand, #2563eb); text-decoration: underline; }
.wcai-bubbletext code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; background:#f1f5f9; padding:2px 4px; border-radius:4px; }
.wcai-ol, .wcai-ul { margin: 6px 0 10px 18px; }
.wcai-ol li, .wcai-ul li { margin: 4px 0; }
.wcai-gap { height: 4px; }