/* WorkSphere Assistant — compact support chat (website) */
.wsa,.wsa *{box-sizing:border-box}
.wsa .wsa-p{padding:0;margin:0}
.wsa .wsa-h,.wsa .wsa-nv{position:static;margin:0;width:auto;height:auto;background:none;box-shadow:none}
.wsa{--p:#6d28d9;--p2:#7c3aed;--t:#0d9488;--ink:#16121f;--sub:#71697f;--mut:#a39cb0;--ln:#ece9f2;--bg:#f8f7fb;
  font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5}
.wsa svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wsa button{font-family:inherit}

/* launcher (support icon) */
.wsa-l{position:fixed;right:18px;bottom:calc(18px + var(--wsa-off,0px));z-index:100002;width:56px;height:56px;border:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#7c3aed,#5b21b6 55%,#0f9b8e);box-shadow:0 12px 28px -10px rgba(91,33,182,.75),inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,bottom .25s}
.wsa-l:hover{transform:translateY(-2px) scale(1.03)}
.wsa-l:focus-visible{outline:3px solid rgba(124,58,237,.35);outline-offset:3px}
.wsa-l svg{position:absolute;width:24px;height:24px;transition:opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1)}
.wsa-l .x{opacity:0;transform:rotate(-90deg) scale(.6)}
.wsa.open .wsa-l .c{opacity:0;transform:rotate(90deg) scale(.6)}.wsa.open .wsa-l .x{opacity:1;transform:none}
.wsa-l i{position:absolute;top:3px;right:3px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid #fff;transition:opacity .2s}
.wsa.open .wsa-l i{opacity:0}
.wsa-tip{position:fixed;right:84px;bottom:calc(28px + var(--wsa-off,0px));z-index:100001;max-width:220px;background:#fff;color:var(--ink);font-size:13px;padding:9px 30px 9px 13px;border-radius:12px 12px 4px 12px;
  box-shadow:0 10px 30px -10px rgba(22,18,31,.35);border:1px solid var(--ln);opacity:0;transform:translateX(8px);transition:opacity .3s,transform .3s;pointer-events:none}
.wsa-tip.on{opacity:1;transform:none;pointer-events:auto;cursor:pointer}
.wsa-tip button{position:absolute;right:4px;top:4px;width:22px;height:22px;border:0;background:none;color:var(--mut);cursor:pointer;border-radius:6px;display:grid;place-items:center}
.wsa-tip button svg{width:13px;height:13px}

/* panel */
.wsa-p{position:fixed;right:18px;bottom:calc(86px + var(--wsa-off,0px));z-index:100003;width:360px;height:min(540px,calc(100vh - 110px - var(--wsa-off,0px)));height:min(540px,calc(100dvh - 110px - var(--wsa-off,0px)));display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--ln);border-radius:18px;overflow:hidden;box-shadow:0 24px 60px -18px rgba(22,18,31,.4);
  transform-origin:calc(100% - 28px) 100%;transition:opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1),visibility 0s .25s;opacity:0;visibility:hidden;transform:translateY(10px) scale(.95)}
.wsa.open .wsa-p{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1),visibility 0s}
.wsa-h{display:flex;align-items:center;gap:10px;padding:11px 10px 11px 13px;border-bottom:1px solid var(--ln)}
.wsa-h img{width:34px;height:34px;border-radius:10px;border:1px solid var(--ln);padding:3px;background:#fff;flex:none}
.wsa-h > div{min-width:0}
.wsa-h b{display:block;font-size:14px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}
.wsa-h small{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--sub);white-space:nowrap}.wsa-h small:before{content:"";width:6px;height:6px;border-radius:50%;background:#22c55e}
.wsa-nv{margin-left:auto;display:flex;align-items:center;gap:2px}
.wsa-seg{display:flex;background:var(--bg);border:1px solid var(--ln);border-radius:9px;padding:2px;margin-right:2px}
.wsa-seg button{border:0;background:none;font-size:11.5px;font-weight:500;color:var(--sub);padding:3px 8px;border-radius:7px;cursor:pointer}
.wsa-seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.wsa-ib{width:30px;height:30px;border:0;background:none;border-radius:8px;display:grid;place-items:center;color:var(--sub);cursor:pointer}
.wsa-ib:hover{background:var(--bg);color:var(--ink)}.wsa-ib svg{width:16px;height:16px}

.wsa-b{flex:1;overflow-y:auto;padding:14px 13px 6px;display:flex;flex-direction:column;gap:9px;overscroll-behavior:contain;scrollbar-width:thin}
.wsa-b > *{flex-shrink:0}
.wsa-in{padding:2px 1px}
.wsa-in h3{margin:0;font-size:17px;font-weight:600;letter-spacing:-.02em;line-height:1.3;color:var(--ink)}
.wsa-in h3 span{background:linear-gradient(90deg,var(--p2),var(--t));-webkit-background-clip:text;background-clip:text;color:transparent}
.wsa-in p{margin:3px 0 0;font-size:12.5px;color:var(--sub)}
.wsa-facts{display:flex;flex-wrap:wrap;gap:3px 11px;margin-top:8px;font-size:11px;color:var(--sub)}.wsa-facts span{display:flex;align-items:center;gap:4px;white-space:nowrap}.wsa-facts svg{width:13px;height:13px;color:var(--t)}
.wsa-q{display:grid;gap:5px}
.wsa-q button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:1px solid var(--ln);background:#fff;border-radius:11px;padding:8px 11px;font-size:12.8px;font-weight:500;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}
.wsa-q button:hover{border-color:#d4c8f3;background:#fcfbff}.wsa-q button svg{width:16px;height:16px;color:var(--p)}.wsa-q button em{margin-left:auto;font-style:normal;color:var(--mut);display:flex}
.wsa-m{max-width:88%;font-size:13.3px;line-height:1.55;white-space:pre-line;word-wrap:break-word;overflow-wrap:anywhere;animation:wsaIn .22s ease-out}
.wsa-m.me{align-self:flex-end;background:var(--ink);color:#fff;padding:7px 11px;border-radius:13px 13px 4px 13px}
.wsa-m.ai{align-self:flex-start;color:var(--ink);padding:1px}
.wsa-m b{font-weight:600}.wsa-m a{color:var(--p);text-decoration:underline}
@keyframes wsaIn{from{opacity:0;transform:translateY(5px)}}
.wsa-ty{display:flex;gap:4px;padding:5px 1px}.wsa-ty i{width:6px;height:6px;border-radius:50%;background:var(--mut);animation:wsaBl 1s infinite}.wsa-ty i:nth-child(2){animation-delay:.15s}.wsa-ty i:nth-child(3){animation-delay:.3s}
@keyframes wsaBl{0%,80%,100%{opacity:.25}40%{opacity:1}}
.wsa-jobs{border:1px solid var(--ln);border-radius:12px;overflow:hidden;animation:wsaIn .22s ease-out}
.wsa-job{display:flex;align-items:center;gap:9px;padding:8px 11px;border-top:1px solid var(--ln);text-decoration:none!important;color:inherit;transition:background .15s}
.wsa-job:first-child{border-top:0}.wsa-job:hover{background:var(--bg)}
.wsa-job div{min-width:0;flex:1}.wsa-job b{display:block;font-size:12.8px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wsa-job small{display:block;font-size:11.3px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wsa-job em{font-style:normal;font-size:11.5px;font-weight:600;color:var(--t);white-space:nowrap;max-width:42%;overflow:hidden;text-overflow:ellipsis}
.wsa-steps{border-left:1.5px solid var(--ln);margin:0 0 0 7px;padding-left:13px;animation:wsaIn .22s ease-out}
.wsa-steps div{position:relative;font-size:12.8px;padding:4px 0;color:var(--ink)}.wsa-steps div:before{content:"";position:absolute;left:-18px;top:10px;width:8px;height:8px;border-radius:50%;background:#fff;border:1.5px solid var(--p2)}
.wsa-cta{display:flex;gap:6px;animation:wsaIn .22s ease-out}
.wsa-cta a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:36px;border-radius:10px;font-size:12.8px;font-weight:500;text-decoration:none!important;transition:filter .15s}
.wsa-cta a:hover{filter:brightness(.97)}
.wsa-cta .a{background:linear-gradient(135deg,var(--p2),var(--p));color:#fff!important}.wsa-cta .w{border:1px solid var(--ln);color:var(--ink)!important;background:#fff}.wsa-cta .w svg{color:#16a34a;width:16px;height:16px}.wsa-cta .a svg{width:15px;height:15px}
.wsa-c{display:flex;gap:5px;padding:2px 11px 7px;overflow-x:auto;scrollbar-width:none}.wsa-c::-webkit-scrollbar{display:none}
.wsa-c button{flex:none;border:1px solid var(--ln);background:#fff;border-radius:999px;padding:4px 10px;font-size:11.8px;color:var(--sub);cursor:pointer;transition:color .15s,border-color .15s}
.wsa-c button:hover{color:var(--ink);border-color:#d4c8f3}
.wsa-f{margin:0 11px 8px;display:flex;align-items:center;gap:6px;border:1px solid var(--ln);border-radius:13px;padding:3px 3px 3px 11px;transition:border-color .15s,box-shadow .15s;background:#fff}
.wsa-f:focus-within{border-color:var(--p2);box-shadow:0 0 0 3px rgba(124,58,237,.1)}
.wsa-f input{flex:1;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;font-family:inherit;font-size:16px;color:var(--ink);background:none;height:34px;padding:0}
.wsa-f button{width:34px;height:34px;border:0;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer;transition:opacity .15s}
.wsa-f button:disabled{opacity:.35;cursor:default}.wsa-f button svg{width:16px;height:16px}
.wsa-ft{font-size:10.3px;color:var(--mut);text-align:center;padding:0 11px 8px;display:flex;align-items:center;justify-content:center;gap:4px}.wsa-ft svg{width:11px;height:11px}

/* keep other floating buttons clear of the support icon */
body.wsa-on .scroll-top{bottom:calc(86px + var(--wsa-off,0px))!important}

@media (min-width:768px){.wsa-f input{font-size:13.5px}}
@media (max-width:480px){
  .wsa-l{right:14px;bottom:calc(14px + var(--wsa-off,0px));width:52px;height:52px}
  .wsa-tip{right:76px;bottom:calc(22px + var(--wsa-off,0px))}
  .wsa-p{right:10px;left:10px;bottom:calc(76px + var(--wsa-off,0px));width:auto;height:min(500px,calc(100vh - 150px - var(--wsa-off,0px)));height:min(500px,calc(100dvh - 150px - var(--wsa-off,0px)));border-radius:16px}
  body.wsa-on .scroll-top{bottom:calc(76px + var(--wsa-off,0px))!important}
}
@media (prefers-reduced-motion:reduce){.wsa *,.wsa-l,.wsa-p{animation:none!important;transition:none!important}}
@media print{.wsa{display:none!important}}