/* WebArc AI Concierge — widget (professional agent style). Every rule is scoped to #wac-root so theme styles can't leak in. */
#wac-root{--wac-a:#2852ED;--wac-b:#7B61FF;--wac-ink:#1F2430;--wac-copy:#3A4150;--wac-mute:#6B7487;--wac-line:#E6E9F0;--wac-soft:#F3F5F9;--wac-x:24px;--wac-y:24px;
	position:fixed;bottom:var(--wac-y);z-index:2147483000;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;color:var(--wac-copy);-webkit-font-smoothing:antialiased;text-align:left}
#wac-root.wac-left{left:var(--wac-x)}
#wac-root.wac-right{right:var(--wac-x)}
#wac-root *,#wac-root *::before,#wac-root *::after{box-sizing:border-box}
#wac-root [hidden]{display:none!important}
#wac-root button{font:inherit;color:inherit;background:none;border:0;margin:0;padding:0;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none;min-height:0;min-width:0;line-height:inherit;border-radius:0;text-decoration:none;width:auto;height:auto}
#wac-root button:focus-visible,#wac-root a:focus-visible,#wac-root input:focus-visible,#wac-root textarea:focus-visible{outline:2px solid var(--wac-a);outline-offset:2px}
#wac-root svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}
#wac-root p{margin:0;padding:0}
#wac-root a{box-shadow:none}

/* ---------- launcher ---------- */
#wac-root .wac-launch{position:relative;display:flex;align-items:center;gap:12px;background:transparent;border:0;padding:0}
#wac-root.wac-right .wac-launch{flex-direction:row-reverse}
#wac-root .wac-orb{position:relative;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;color:#fff;
	background:linear-gradient(145deg,color-mix(in srgb,var(--wac-a) 82%,#fff),var(--wac-a) 55%,color-mix(in srgb,var(--wac-a) 70%,var(--wac-b)));
	box-shadow:0 10px 28px color-mix(in srgb,var(--wac-a) 38%,transparent),0 2px 6px rgba(15,23,42,.18);transition:transform .25s ease,box-shadow .25s ease}
#wac-root .wac-launch:hover .wac-orb{transform:translateY(-2px);box-shadow:0 14px 34px color-mix(in srgb,var(--wac-a) 45%,transparent),0 2px 6px rgba(15,23,42,.18)}
#wac-root .wac-orb-core,#wac-root .wac-orb-x{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .2s,transform .25s}
#wac-root .wac-orb svg{width:28px;height:28px;stroke-width:1.7}
#wac-root .wac-orb-x{opacity:0;transform:rotate(-90deg)}
#wac-root.is-open .wac-orb-core{opacity:0;transform:rotate(90deg)}
#wac-root.is-open .wac-orb-x{opacity:1;transform:none}
#wac-root .wac-live{position:absolute;right:2px;bottom:2px;width:14px;height:14px;border-radius:50%;background:#22C55E;border:2.5px solid #fff}
#wac-root .wac-pill{position:relative;padding:10px 15px;border-radius:12px;background:#fff;color:var(--wac-ink);font-weight:600;font-size:14px;white-space:nowrap;
	box-shadow:0 6px 24px rgba(15,23,42,.12),0 0 0 1px rgba(15,23,42,.05);transition:opacity .2s,transform .25s}
#wac-root .wac-pill::before{content:"";position:absolute;top:50%;width:10px;height:10px;background:#fff;transform:translateY(-50%) rotate(45deg);box-shadow:-1px 1px 0 rgba(15,23,42,.04)}
#wac-root.wac-left .wac-pill::before{left:-5px}#wac-root.wac-right .wac-pill::before{right:-5px}
#wac-root .wac-launch:hover .wac-pill{transform:translateX(2px)}
#wac-root.is-open .wac-pill{opacity:0;pointer-events:none}
#wac-root .wac-badge{position:absolute;top:-3px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#EF4444;color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 2px #fff}
#wac-root.wac-left .wac-badge{left:46px}#wac-root.wac-right .wac-badge{right:46px}

/* ---------- greeting ---------- */
#wac-root .wac-teaser{position:absolute;bottom:80px;width:300px;display:flex;gap:10px;align-items:flex-start;padding:14px 36px 14px 14px;border-radius:14px;background:#fff;
	box-shadow:0 12px 40px rgba(15,23,42,.16),0 0 0 1px rgba(15,23,42,.05);cursor:pointer;opacity:0;transform:translateY(8px);transition:.3s ease;font-size:14px;color:var(--wac-ink)}
#wac-root.wac-left .wac-teaser{left:0}#wac-root.wac-right .wac-teaser{right:0}
#wac-root .wac-teaser.in{opacity:1;transform:none}
#wac-root .wac-teaser .wac-x{position:absolute;top:8px;right:8px;color:var(--wac-mute);width:24px;height:24px;display:grid;place-items:center;border-radius:6px}
#wac-root .wac-teaser .wac-x:hover{background:var(--wac-soft)}
#wac-root .wac-teaser .wac-x svg{width:14px;height:14px}

/* ---------- panel ---------- */
#wac-root .wac-panel{position:absolute;bottom:80px;width:390px;height:min(640px,calc(100vh - 140px));display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#fff;
	box-shadow:0 24px 70px rgba(15,23,42,.22),0 0 0 1px rgba(15,23,42,.06);opacity:0;visibility:hidden;transform:translateY(12px);transform-origin:bottom left;
	transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s .28s}
#wac-root.wac-left .wac-panel{left:0}#wac-root.wac-right .wac-panel{right:0;transform-origin:bottom right}
#wac-root.is-open .wac-panel{opacity:1;visibility:visible;transform:none;transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1)}

#wac-root .wac-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 12px 14px 16px;color:#fff;
	background:linear-gradient(120deg,var(--wac-a),color-mix(in srgb,var(--wac-a) 72%,var(--wac-b)))}
#wac-root .wac-id{display:flex;align-items:center;gap:11px;min-width:0;flex:1}
#wac-root .wac-avatar{position:relative;width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;background:rgba(255,255,255,.18);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
#wac-root .wac-avatar svg{width:22px;height:22px}
#wac-root .wac-avatar .wac-dot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:#22C55E;border:2px solid var(--wac-a)}
#wac-root .is-human .wac-avatar .wac-dot{background:#F59E0B}
#wac-root .wac-id-t{min-width:0}
#wac-root .wac-name{font-weight:700;font-size:16px;letter-spacing:-.2px;color:#fff;line-height:1.25}
#wac-root .wac-sub{font-size:12.5px;color:rgba(255,255,255,.82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#wac-root .wac-actions{display:flex;align-items:center;gap:2px;flex:none}
#wac-root .wac-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:rgba(255,255,255,.9);transition:background .15s}
#wac-root .wac-icon:hover{background:rgba(255,255,255,.16);color:#fff}
#wac-root .wac-icon svg{width:19px;height:19px}

#wac-root .wac-mode{flex:none;display:flex;align-items:center;gap:9px;padding:9px 16px;font-size:12.5px;background:#FFFBEB;color:#854D0E;border-bottom:1px solid #FDE68A}
#wac-root .wac-mode svg{width:16px;height:16px}
#wac-root .wac-pulse{width:8px;height:8px;border-radius:50%;background:#F59E0B;animation:wac-pulse 1.4s infinite;flex:none}
@keyframes wac-pulse{0%{box-shadow:0 0 0 0 rgba(245,158,11,.5)}100%{box-shadow:0 0 0 9px rgba(245,158,11,0)}}

/* ---------- body ---------- */
#wac-root .wac-body{flex:1;overflow-y:auto;padding:6px 16px 12px;background:#fff;overscroll-behavior:contain}
#wac-root .wac-body::-webkit-scrollbar{width:6px}#wac-root .wac-body::-webkit-scrollbar-thumb{background:#D9DEE8;border-radius:3px}
#wac-root .wac-intro{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 10px 8px;border-bottom:1px solid var(--wac-line);margin-bottom:6px}
#wac-root .wac-avatar-lg{width:56px;height:56px;color:#fff;background:linear-gradient(145deg,var(--wac-a),color-mix(in srgb,var(--wac-a) 70%,var(--wac-b)));box-shadow:0 8px 20px color-mix(in srgb,var(--wac-a) 30%,transparent);margin-bottom:9px}
#wac-root .wac-avatar-lg svg{width:28px;height:28px}
#wac-root .wac-intro b{color:var(--wac-ink);font-size:16px}
#wac-root .wac-intro>span:not(.wac-avatar){color:var(--wac-mute);font-size:12.5px;margin-bottom:6px}

#wac-root .wac-row{display:flex;gap:8px;align-items:flex-end;margin:12px 0;animation:wac-in .25s ease}
@keyframes wac-in{from{opacity:0;transform:translateY(4px)}}
#wac-root .wac-row.wac-me{justify-content:flex-end}
#wac-root .wac-av{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--wac-a),color-mix(in srgb,var(--wac-a) 70%,var(--wac-b)))}
#wac-root .wac-av svg{width:16px;height:16px}
#wac-root .wac-av-agent{background:linear-gradient(145deg,#F59E0B,#EA580C);font-size:11px;font-weight:700}
#wac-root .wac-msg{max-width:80%;padding:10px 13px 6px;border-radius:16px 16px 16px 4px;background:var(--wac-soft);font-size:14.5px;line-height:1.55;color:var(--wac-copy);overflow-wrap:anywhere}
#wac-root .wac-me .wac-msg{border-radius:16px 16px 4px 16px;background:var(--wac-a);color:#fff}
#wac-root .wac-agent .wac-msg{background:#FFF7ED}
#wac-root .wac-from{font-size:11.5px;font-weight:700;color:#9A3412;margin-bottom:2px}#wac-root .wac-from span{font-weight:500;color:#C2410C;opacity:.8}
#wac-root .wac-text p{margin:0 0 8px}#wac-root .wac-text p:last-child{margin-bottom:4px}
#wac-root .wac-text ul{margin:2px 0 8px;padding-left:18px;list-style:disc}#wac-root .wac-text li{margin:3px 0;padding:0}
#wac-root .wac-text a{color:var(--wac-a);font-weight:600;text-decoration:underline;text-underline-offset:2px}
#wac-root .wac-me .wac-text a{color:#fff}
#wac-root .wac-text strong{color:var(--wac-ink);font-weight:650}#wac-root .wac-me .wac-text strong{color:#fff}
#wac-root .wac-time{display:block;margin-top:1px;font-size:10.5px;color:var(--wac-mute);text-align:right}
#wac-root .wac-me .wac-time{color:rgba(255,255,255,.75)}
#wac-root .wac-welcome .wac-row{margin-top:14px}
#wac-root .wac-sys{text-align:center;margin:14px 0}
#wac-root .wac-sys span{display:inline-block;max-width:92%;padding:6px 12px;border-radius:999px;background:var(--wac-soft);color:var(--wac-mute);font-size:12px}

#wac-root .wac-dots{display:inline-flex;gap:4px;padding:6px 0 4px}
#wac-root .wac-dots i{width:7px;height:7px;border-radius:50%;background:#9AA3B5;animation:wac-dot 1.2s infinite}
#wac-root .wac-dots i:nth-child(2){animation-delay:.15s}#wac-root .wac-dots i:nth-child(3){animation-delay:.3s}
@keyframes wac-dot{30%{opacity:1;transform:translateY(-3px);background:var(--wac-a)}}
#wac-root .wac-think{display:block;font-size:11px;color:var(--wac-mute);margin:0 0 4px}

#wac-root .wac-chips{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 6px 36px}
#wac-root .wac-chip{padding:8px 13px;border-radius:999px;background:#fff;border:1px solid color-mix(in srgb,var(--wac-a) 35%,#fff);color:var(--wac-a);font-size:13px;font-weight:600;line-height:1.3;transition:background .15s,color .15s;text-align:left}
#wac-root .wac-chip:hover{background:var(--wac-a);color:#fff;border-color:var(--wac-a)}
#wac-root .wac-cta{margin:4px 0 8px 36px}
#wac-root .wac-cta button{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;background:#fff;border:1px solid var(--wac-line);color:var(--wac-ink);font-weight:600;font-size:13px;box-shadow:0 2px 8px rgba(15,23,42,.06)}
#wac-root .wac-cta button:hover{border-color:var(--wac-a);color:var(--wac-a)}
#wac-root .wac-cta svg{width:16px;height:16px}

/* ---------- lead card ---------- */
#wac-root .wac-lead{margin:10px 0 12px 36px;padding:16px;border-radius:14px;background:#fff;border:1px solid var(--wac-line);box-shadow:0 6px 22px rgba(15,23,42,.07);animation:wac-in .25s}
#wac-root .wac-sheet .wac-lead{margin:14px 0 0;box-shadow:none}
#wac-root .wac-lead-h{font-weight:700;color:var(--wac-ink);font-size:15px}
#wac-root .wac-lead p{font-size:12.5px;color:var(--wac-mute);margin:3px 0 8px}
#wac-root .wac-lead label{display:block;margin:9px 0 0}
#wac-root .wac-lead label span{display:block;font-size:12px;font-weight:600;color:var(--wac-ink);margin-bottom:4px}
#wac-root .wac-lead label em{font-style:normal;font-weight:400;color:var(--wac-mute)}
#wac-root .wac-lead input,#wac-root .wac-lead textarea{width:100%;height:auto;padding:10px 12px;border-radius:9px;border:1px solid #D5DAE4;background:#fff;font:inherit;font-size:14px;line-height:1.4;color:var(--wac-ink);margin:0;box-shadow:none;min-height:0}
#wac-root .wac-lead input:focus,#wac-root .wac-lead textarea:focus{border-color:var(--wac-a);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--wac-a) 15%,transparent)}
#wac-root .wac-lead button[type=submit]{margin-top:14px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:9px;background:var(--wac-a);color:#fff;font-weight:600;font-size:14px;transition:filter .15s}
#wac-root .wac-lead button[type=submit]:hover{filter:brightness(.92)}
#wac-root .wac-lead button svg{width:16px;height:16px}
#wac-root .wac-lead.busy{opacity:.6;pointer-events:none}
#wac-root .wac-lead.done{padding:12px 14px;box-shadow:none;background:#F0FDF4;border-color:#BBF7D0}
#wac-root .wac-lead-ok{display:flex;align-items:center;gap:8px;font-weight:600;color:#15803D;font-size:13.5px}
#wac-root .wac-err{margin-top:8px;font-size:12.5px;color:#C2410C}

/* ---------- handoff sheet ---------- */
#wac-root .wac-sheet{position:absolute;inset:0;z-index:3;background:rgba(15,23,42,.32);display:flex;align-items:flex-end;opacity:0;transition:opacity .2s}
#wac-root .wac-sheet.in{opacity:1}
#wac-root .wac-sheet-in{width:100%;max-height:90%;overflow-y:auto;background:#fff;border-radius:18px 18px 0 0;padding:14px 16px 18px;transform:translateY(24px);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
#wac-root .wac-sheet.in .wac-sheet-in{transform:none}
#wac-root .wac-sheet-h{display:flex;align-items:center;gap:8px;margin-bottom:12px}
#wac-root .wac-sheet-h .wac-icon{color:var(--wac-mute)}#wac-root .wac-sheet-h .wac-icon:hover{background:var(--wac-soft);color:var(--wac-ink)}
#wac-root .wac-sheet-h div b{display:block;color:var(--wac-ink);font-size:16px}
#wac-root .wac-sheet-h div span{display:block;font-size:12.5px;color:var(--wac-mute)}
#wac-root .wac-agentcard{display:flex;align-items:center;gap:11px;padding:12px;border-radius:12px;background:var(--wac-soft);margin-bottom:10px}
#wac-root .wac-agentcard .wac-av{width:40px;height:40px;font-size:14px}
#wac-root .wac-agentcard div b{display:block;color:var(--wac-ink);font-size:14px}#wac-root .wac-agentcard div span{display:block;font-size:12px;color:var(--wac-mute)}
#wac-root .wac-agentcard em{margin-left:auto;font-style:normal;font-size:12px;font-weight:600;color:var(--wac-mute)}
#wac-root .wac-agentcard em.on{color:#15803D}
#wac-root .wac-opts{display:grid;gap:8px}
#wac-root .wac-opt{display:flex;align-items:center;gap:12px;width:100%;padding:12px 13px;border-radius:12px;border:1px solid var(--wac-line);background:#fff;text-align:left;transition:border-color .15s,box-shadow .15s}
#wac-root .wac-opt:hover{border-color:var(--wac-a);box-shadow:0 4px 14px rgba(15,23,42,.08)}
#wac-root .wac-opt-i{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--wac-a) 10%,#fff);color:var(--wac-a);flex:none}
#wac-root .wac-opt[data-ch=whatsapp] .wac-opt-i{background:#E8F8EF;color:#16A34A}
#wac-root .wac-opt[data-ch=calendly] .wac-opt-i{background:#F2EEFF;color:#6D4AE0}
#wac-root .wac-opt[data-ch=email] .wac-opt-i{background:#FFF4E8;color:#C2410C}
#wac-root .wac-opt-t{min-width:0}
#wac-root .wac-opt-t b{display:block;color:var(--wac-ink);font-size:14px}
#wac-root .wac-opt-t small{display:block;color:var(--wac-mute);font-size:12px;line-height:1.4}
#wac-root .wac-opt em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;color:#15803D;background:#E8F8EF;padding:3px 8px;border-radius:999px;flex:none}

/* ---------- input ---------- */
#wac-root .wac-input{flex:none;display:flex;align-items:flex-end;gap:8px;padding:10px 10px 10px 16px;border-top:1px solid var(--wac-line);background:#fff;margin:0}
#wac-root .wac-input textarea{flex:1;resize:none;border:0;outline:0;background:transparent;font:inherit;font-size:14.5px;line-height:1.45;color:var(--wac-ink);padding:9px 0;max-height:120px;min-height:0;height:auto;box-shadow:none;margin:0;border-radius:0}
#wac-root .wac-input textarea::placeholder{color:#9AA3B5}
#wac-root .wac-send{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--wac-a);color:#fff;transition:filter .15s,opacity .15s;flex:none}
#wac-root .wac-send:hover{filter:brightness(.9)}
#wac-root .wac-send svg{fill:currentColor;stroke:none;width:17px;height:17px}
#wac-root .wac-input.busy .wac-send{opacity:.5}
#wac-root .wac-foot{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 16px 10px;text-align:center;font-size:10.5px;color:#9AA3B5;line-height:1.4;background:#fff}
#wac-root .wac-foot b{font-weight:600;color:#7C8597;letter-spacing:.2px}

@media (prefers-reduced-motion:reduce){#wac-root *{transition:none!important;animation-duration:.01ms!important}}

/* ---------- mobile ---------- */
@media (max-width:600px){
	#wac-root .wac-pill{padding:9px 13px;font-size:13px}
	#wac-root .wac-orb{width:56px;height:56px}
	#wac-root .wac-panel{position:fixed;inset:0;width:auto;height:100%;height:100dvh;border-radius:0;bottom:0}
	#wac-root.is-open .wac-launch{display:none}
	#wac-root .wac-head{padding-top:max(14px,env(safe-area-inset-top))}
	#wac-root .wac-teaser{width:min(300px,calc(100vw - 2 * var(--wac-x)))}
	#wac-root .wac-msg{max-width:86%}
	#wac-root .wac-input textarea{font-size:16px}
	#wac-root .wac-foot{padding-bottom:max(10px,env(safe-area-inset-bottom))}
}
#wac-root .wac-launch:focus,#wac-root .wac-launch:focus-visible{outline:none}
#wac-root .wac-launch:focus-visible .wac-orb{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--wac-a),0 10px 28px color-mix(in srgb,var(--wac-a) 38%,transparent)}
