/* PIXELFREE SUPPORT WIDGET - Isolated Styles */
#pv-support-widget { position:fixed; bottom:24px; right:24px; z-index:99999; font-family:'Inter',-apple-system,sans-serif; line-height:1.4; }
#pv-support-widget * { box-sizing:border-box; }

/* FAB */
#pv-support-widget .pvw-fab { width:56px; height:56px; border-radius:50%; background:linear-gradient(135deg,#6366f1,#4f46e5) !important; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 4px 20px rgba(99,102,241,0.4); transition:all 0.3s; animation:pvwPulse 3s infinite; }
#pv-support-widget .pvw-fab:hover { transform:scale(1.1); }
#pv-support-widget .pvw-fab svg { color:#fff !important; }
#pv-support-widget .pvw-fab-hidden { transform:scale(0) !important; opacity:0; pointer-events:none; }
@keyframes pvwPulse { 0%,100%{box-shadow:0 4px 20px rgba(99,102,241,0.4)} 50%{box-shadow:0 4px 20px rgba(99,102,241,0.4),0 0 0 8px rgba(99,102,241,0.1)} }

/* Panel */
#pv-support-widget .pvw-panel { position:absolute; bottom:72px; right:0; width:380px; height:600px; background:#ffffff !important; border-radius:16px; box-shadow:0 12px 48px rgba(0,0,0,0.15); overflow:hidden; transform:scale(0.8) translateY(20px); opacity:0; pointer-events:none; transition:all 0.3s cubic-bezier(0.4,0,0.2,1); transform-origin:bottom right; }
#pv-support-widget .pvw-panel.pvw-open { transform:scale(1) translateY(0); opacity:1; pointer-events:all; }
#pv-support-widget .pvw-hidden { display:none !important; }
#pv-support-widget .pvw-view { display:flex; flex-direction:column; height:100%; position:absolute; inset:0; background:#ffffff !important; }

/* Close button */
#pv-support-widget .pvw-x { width:30px; height:30px; border-radius:50%; background:rgba(0,0,0,0.05) !important; color:#64748b !important; font-size:0.85rem; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all 0.2s; }
#pv-support-widget .pvw-x:hover { background:rgba(0,0,0,0.1) !important; }

/* HOME HEADER */
#pv-support-widget .pvw-home-header { background:linear-gradient(135deg,#6366f1,#4f46e5) !important; padding:24px 20px 20px; display:flex; align-items:flex-start; justify-content:space-between; flex-shrink:0; }
#pv-support-widget .pvw-home-header * { color:#ffffff !important; }
#pv-support-widget .pvw-home-logo { width:40px; height:40px; background:rgba(255,255,255,0.2) !important; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1rem; }
#pv-support-widget .pvw-home-header .pvw-x { background:rgba(255,255,255,0.15) !important; }
#pv-support-widget .pvw-home-header .pvw-x:hover { background:rgba(255,255,255,0.25) !important; }

/* HOME BODY */
#pv-support-widget .pvw-home-body { flex:1; overflow-y:auto; padding:20px; background:#ffffff !important; }
#pv-support-widget .pvw-home-title { font-size:1.4rem; font-weight:800; color:#1a1a2e !important; line-height:1.3; margin-bottom:20px; }

/* Recent card */
#pv-support-widget .pvw-recent-card { background:#ffffff !important; border:1.5px solid #e2e8f0 !important; border-radius:12px; padding:14px 16px; margin-bottom:14px; cursor:pointer; transition:all 0.2s; }
#pv-support-widget .pvw-recent-card:hover { border-color:#6366f1 !important; }
#pv-support-widget .pvw-recent-label { font-size:0.72rem; font-weight:700; color:#94a3b8 !important; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:8px; }

/* Action card */
#pv-support-widget .pvw-home-card { display:flex; align-items:center; justify-content:space-between; padding:16px 18px; background:#ffffff !important; border:1.5px solid #e2e8f0 !important; border-radius:12px; cursor:pointer; transition:all 0.2s; margin-bottom:12px; }
#pv-support-widget .pvw-home-card:hover { border-color:#6366f1 !important; box-shadow:0 4px 12px rgba(99,102,241,0.08); }
#pv-support-widget .pvw-hcard-info strong { display:block; font-size:0.9rem; color:#1a1a2e !important; margin-bottom:3px; }
#pv-support-widget .pvw-hcard-info span { font-size:0.78rem; color:#64748b !important; }
#pv-support-widget .pvw-hcard-arrow { width:36px; height:36px; border-radius:50%; background:linear-gradient(135deg,#6366f1,#4f46e5) !important; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
#pv-support-widget .pvw-hcard-arrow i { color:#fff !important; font-size:0.8rem; }

/* Links */
#pv-support-widget .pvw-home-links { border:1.5px solid #e2e8f0 !important; border-radius:12px; overflow:hidden; margin-bottom:14px; background:#fff !important; }
#pv-support-widget .pvw-hlink { display:flex; align-items:center; justify-content:space-between; padding:14px 18px; font-size:0.85rem; color:#1a1a2e !important; border-bottom:1px solid #f1f5f9 !important; transition:background 0.2s; }
#pv-support-widget .pvw-hlink:last-child { border-bottom:none !important; }
#pv-support-widget .pvw-hlink:hover { background:#f8fafc !important; }
#pv-support-widget .pvw-hlink i { color:#6366f1 !important; font-size:0.75rem; }

/* FAQ */
#pv-support-widget .pvw-home-faq { background:#f8f9ff !important; border-radius:12px; overflow:hidden; border:1.5px solid #ede9fe !important; }
#pv-support-widget .pvw-faq-head { display:flex; align-items:center; justify-content:space-between; padding:14px 18px; font-size:0.85rem; font-weight:700; color:#1a1a2e !important; border-bottom:1px solid #ede9fe !important; }
#pv-support-widget .pvw-faq-head i { color:#6366f1 !important; }
#pv-support-widget .pvw-faq-item { display:flex; align-items:center; justify-content:space-between; padding:13px 18px; font-size:0.82rem; color:#475569 !important; cursor:pointer; transition:all 0.2s; border-bottom:1px solid #f1f0ff !important; background:transparent !important; }
#pv-support-widget .pvw-faq-item:last-child { border-bottom:none !important; }
#pv-support-widget .pvw-faq-item:hover { background:#ede9fe !important; color:#6366f1 !important; }
#pv-support-widget .pvw-faq-item i { font-size:0.65rem; color:#6366f1 !important; }

/* TABS */
#pv-support-widget .pvw-tabs { display:flex; border-top:1px solid #f1f5f9 !important; flex-shrink:0; background:#ffffff !important; }
#pv-support-widget .pvw-tab { flex:1; display:flex; flex-direction:column; align-items:center; gap:4px; padding:12px 0; color:#94a3b8 !important; font-size:0.68rem; font-weight:600; cursor:pointer; transition:all 0.2s; background:transparent !important; }
#pv-support-widget .pvw-tab i { font-size:1rem; color:inherit !important; }
#pv-support-widget .pvw-tab.active { color:#6366f1 !important; }
#pv-support-widget .pvw-tab.active i { color:#6366f1 !important; }

/* MESSAGES VIEW */
#pv-support-widget .pvw-simple-header { display:flex; align-items:center; justify-content:space-between; padding:16px 20px; border-bottom:1px solid #f1f5f9 !important; flex-shrink:0; background:#fff !important; }
#pv-support-widget .pvw-simple-header span { font-size:1rem; font-weight:700; color:#1a1a2e !important; }
#pv-support-widget .pvw-msglist { flex:1; overflow-y:auto; padding:12px; background:#fff !important; }
#pv-support-widget .pvw-conv { display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:10px; cursor:pointer; border-bottom:1px solid #f1f5f9 !important; background:transparent !important; }
#pv-support-widget .pvw-conv:hover { background:#f8fafc !important; }
#pv-support-widget .pvw-conv-av { width:36px; height:36px; border-radius:50%; background:linear-gradient(135deg,#6366f1,#4f46e5) !important; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
#pv-support-widget .pvw-conv-av i { color:#fff !important; font-size:0.75rem; }
#pv-support-widget .pvw-conv-info { flex:1; min-width:0; }
#pv-support-widget .pvw-conv-info strong { display:block; font-size:0.85rem; color:#1a1a2e !important; }
#pv-support-widget .pvw-conv-info span { display:block; font-size:0.75rem; color:#94a3b8 !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#pv-support-widget .pvw-conv-time { font-size:0.7rem; color:#94a3b8 !important; flex-shrink:0; }
#pv-support-widget .pvw-newmsg-btn { padding:16px 20px; flex-shrink:0; background:#fff !important; }
#pv-support-widget .pvw-newmsg-btn button { width:100%; padding:12px; background:linear-gradient(135deg,#6366f1,#4f46e5) !important; color:#fff !important; border-radius:100px; font-size:0.88rem; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; transition:all 0.2s; }
#pv-support-widget .pvw-newmsg-btn button i { color:#fff !important; }
#pv-support-widget .pvw-newmsg-btn button:hover { transform:translateY(-1px); box-shadow:0 4px 12px rgba(99,102,241,0.3); }

/* HELP VIEW */
#pv-support-widget .pvw-helpbody { flex:1; overflow-y:auto; padding:16px; background:#fff !important; }
#pv-support-widget .pvw-help-item { border:1.5px solid #e2e8f0 !important; border-radius:10px; margin-bottom:8px; overflow:hidden; background:#fff !important; }
#pv-support-widget .pvw-help-q { display:flex; align-items:center; justify-content:space-between; padding:13px 16px; font-size:0.84rem; font-weight:600; color:#1a1a2e !important; cursor:pointer; background:transparent !important; }
#pv-support-widget .pvw-help-q:hover { background:#f8fafc !important; }
#pv-support-widget .pvw-help-q i { font-size:0.7rem; color:#6366f1 !important; transition:transform 0.2s; }
#pv-support-widget .pvw-help-item.open .pvw-help-q i { transform:rotate(180deg); }
#pv-support-widget .pvw-help-a { padding:0 16px; max-height:0; overflow:hidden; font-size:0.8rem; color:#64748b !important; line-height:1.6; transition:all 0.3s; }
#pv-support-widget .pvw-help-item.open .pvw-help-a { padding:0 16px 14px; max-height:200px; }

/* CHAT VIEW */
#pv-support-widget .pvw-chat-header { display:flex; align-items:center; gap:10px; padding:12px 16px; border-bottom:1px solid #f1f5f9 !important; flex-shrink:0; position:relative; background:#ffffff !important; }
#pv-support-widget .pvw-back { width:30px; height:30px; color:#64748b !important; font-size:0.9rem; cursor:pointer; display:flex; align-items:center; justify-content:center; border-radius:50%; background:transparent !important; }
#pv-support-widget .pvw-back:hover { background:#f1f5f9 !important; }
#pv-support-widget .pvw-chat-avatars { display:flex; margin-left:4px; }
#pv-support-widget .pvw-cav { width:30px; height:30px; border-radius:50%; background:linear-gradient(135deg,#6366f1,#4f46e5) !important; display:flex; align-items:center; justify-content:center; border:2px solid #fff !important; margin-left:-8px; }
#pv-support-widget .pvw-cav:first-child { margin-left:0; }
#pv-support-widget .pvw-cav i { color:#fff !important; font-size:0.6rem; }
#pv-support-widget .pvw-cav.c2 { background:linear-gradient(135deg,#818cf8,#6366f1) !important; }
#pv-support-widget .pvw-cav.c3 { background:linear-gradient(135deg,#10b981,#059669) !important; }
#pv-support-widget .pvw-chat-hinfo { flex:1; margin-left:8px; }
#pv-support-widget .pvw-chat-hinfo strong { display:block; font-size:0.85rem; color:#1a1a2e !important; }
#pv-support-widget .pvw-chat-hinfo span { font-size:0.7rem; color:#10b981 !important; display:flex; align-items:center; gap:4px; }
#pv-support-widget .pvw-chat-hinfo span i { font-size:0.4rem; color:#10b981 !important; }
#pv-support-widget .pvw-chat-hright { display:flex; gap:4px; }
#pv-support-widget .pvw-chat-hright button { width:30px; height:30px; color:#64748b !important; font-size:0.85rem; cursor:pointer; display:flex; align-items:center; justify-content:center; border-radius:50%; background:transparent !important; }
#pv-support-widget .pvw-chat-hright button:hover { background:#f1f5f9 !important; }
#pv-support-widget .pvw-chat-menu { position:absolute; top:50px; right:16px; background:#fff !important; border:1px solid #e2e8f0 !important; border-radius:10px; box-shadow:0 4px 16px rgba(0,0,0,0.1); overflow:hidden; z-index:10; }
#pv-support-widget .pvw-chat-menu button { display:flex; align-items:center; gap:10px; width:100%; padding:12px 16px; font-size:0.82rem; color:#1a1a2e !important; cursor:pointer; background:transparent !important; text-align:left; }
#pv-support-widget .pvw-chat-menu button:hover { background:#f8fafc !important; }
#pv-support-widget .pvw-chat-menu button i { color:#6366f1 !important; }

/* Chat body */
#pv-support-widget .pvw-chat-body { flex:1; overflow-y:auto; padding:16px; background:#ffffff !important; }

/* Bubbles */
#pv-support-widget .pvw-bubble { display:flex; gap:8px; margin-bottom:12px; animation:pvwFadeIn 0.3s ease; }
@keyframes pvwFadeIn { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }
#pv-support-widget .pvw-bot { align-items:flex-start; }
#pv-support-widget .pvw-user { justify-content:flex-end; }
#pv-support-widget .pvw-bav { width:28px; height:28px; border-radius:50%; background:linear-gradient(135deg,#6366f1,#4f46e5) !important; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
#pv-support-widget .pvw-bav i { color:#fff !important; font-size:0.6rem; }
#pv-support-widget .pvw-bav.human { background:linear-gradient(135deg,#10b981,#059669) !important; }
#pv-support-widget .pvw-bot .pvw-btxt { background:#f1f5f9 !important; color:#1a1a2e !important; padding:10px 14px; border-radius:4px 14px 14px 14px; font-size:0.82rem; line-height:1.5; max-width:75%; }
#pv-support-widget .pvw-human .pvw-btxt { background:#ecfdf5 !important; border:1px solid #d1fae5 !important; }
#pv-support-widget .pvw-user .pvw-btxt { background:linear-gradient(135deg,#6366f1,#4f46e5) !important; color:#fff !important; padding:10px 14px; border-radius:14px 14px 4px 14px; font-size:0.82rem; line-height:1.5; max-width:75%; }

/* Options */
#pv-support-widget .pvw-opts { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
#pv-support-widget .pvw-opts button { padding:6px 12px; border-radius:100px; background:#fff !important; border:1.5px solid #e2e8f0 !important; color:#6366f1 !important; font-size:0.72rem; font-weight:600; cursor:pointer; transition:all 0.2s; }
#pv-support-widget .pvw-opts button:hover { background:#6366f1 !important; color:#fff !important; border-color:#6366f1 !important; }

/* Typing */
#pv-support-widget .pvw-typing-ind { display:flex; align-items:center; gap:8px; margin-bottom:12px; }
#pv-support-widget .pvw-dots { display:flex; gap:3px; padding:10px 14px; background:#f1f5f9 !important; border-radius:4px 14px 14px 14px; }
#pv-support-widget .pvw-dots span { width:6px; height:6px; border-radius:50%; background:#6366f1 !important; animation:pvwDot 1.2s infinite; }
#pv-support-widget .pvw-dots span:nth-child(2) { animation-delay:0.2s; }
#pv-support-widget .pvw-dots span:nth-child(3) { animation-delay:0.4s; }
@keyframes pvwDot { 0%,60%,100%{opacity:0.3;transform:scale(0.8)} 30%{opacity:1;transform:scale(1)} }

/* Chat footer */
#pv-support-widget .pvw-chat-footer { padding:12px 16px; border-top:1px solid #f1f5f9 !important; flex-shrink:0; display:flex; align-items:center; gap:8px; background:#ffffff !important; }
#pv-support-widget .pvw-chat-inputwrap { flex:1; border:1.5px solid #e2e8f0 !important; border-radius:24px; padding:8px 14px; display:flex; flex-direction:column; background:#fff !important; }
#pv-support-widget .pvw-chat-inputwrap input { border:none !important; outline:none; font-size:0.85rem; color:#1a1a2e !important; width:100%; background:transparent !important; padding:4px 0; }
#pv-support-widget .pvw-chat-inputwrap input::placeholder { color:#94a3b8 !important; }
#pv-support-widget .pvw-input-icons { display:flex; gap:4px; margin-top:4px; }
#pv-support-widget .pvw-input-icons button { width:28px; height:28px; color:#94a3b8 !important; font-size:0.85rem; cursor:pointer; display:flex; align-items:center; justify-content:center; border-radius:50%; background:transparent !important; }
#pv-support-widget .pvw-input-icons button:hover { color:#6366f1 !important; }
#pv-support-widget .pvw-sendbtn { width:36px; height:36px; border-radius:50%; background:#e2e8f0 !important; color:#94a3b8 !important; font-size:0.8rem; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all 0.2s; flex-shrink:0; }
#pv-support-widget .pvw-sendbtn:hover { background:linear-gradient(135deg,#6366f1,#4f46e5) !important; color:#fff !important; }

/* Responsive */
@media (max-width:480px) { #pv-support-widget { bottom:16px; right:16px; } #pv-support-widget .pvw-panel { width:calc(100vw - 32px); height:calc(100vh - 120px); right:-8px; } }