/* Azayem Contact Center — standalone frontend UI */
.tlcc-floating{position:fixed;inset:0;z-index:9998;pointer-events:none}
.tlcc-floating .tlcc-button{box-sizing:border-box;position:fixed;bottom:var(--tlcc-bottom,24px);display:grid;place-items:center;width:var(--tlcc-size,58px);height:var(--tlcc-size,58px);background:var(--tlcc-bg,#5265e9);color:var(--tlcc-fg,#fff);border:1px solid #ffffffa6;border-radius:18px;box-shadow:0 11px 28px #161f4450,inset 0 1px 1px #ffffff35;text-decoration:none;line-height:1;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;pointer-events:auto;isolation:isolate}
.tlcc-floating .tlcc-button:before{content:"";pointer-events:none;position:absolute;inset:4px;border-radius:14px;border:1px solid #ffffff20}
.tlcc-floating .tlcc-pos-left{left:var(--tlcc-side,24px);right:auto}
.tlcc-floating .tlcc-pos-right{right:var(--tlcc-side,24px);left:auto}
.tlcc-floating .tlcc-button:hover,.tlcc-floating .tlcc-button:focus-visible{animation-play-state:paused;filter:brightness(1.07);box-shadow:0 16px 33px #161f4460,inset 0 1px 2px #ffffff35;color:var(--tlcc-fg,#fff)}
.tlcc-floating .tlcc-button:focus-visible{outline:3px solid #5265e9;outline-offset:4px}
.tlcc-floating .tlcc-button svg{width:47%;height:47%;fill:currentColor}
.tlcc-floating .tlcc-button img{width:66%;height:66%;object-fit:contain;display:block;margin:0;padding:0}
.tlcc-floating .tlcc-button[class*="tlcc-anim-"]{animation-duration:var(--tlcc-duration,1.4s);animation-delay:var(--tlcc-delay,0s);animation-iteration-count:var(--tlcc-repeat,infinite);animation-timing-function:ease-in-out;animation-fill-mode:both;transform-origin:center}
.tlcc-anim-none{animation-name:none!important}.tlcc-anim-pulse{animation-name:tlccPulse}.tlcc-anim-heartbeat{animation-name:tlccHeartbeat}.tlcc-anim-shake{animation-name:tlccShake}.tlcc-anim-bounce{animation-name:tlccBounce}.tlcc-anim-float{animation-name:tlccFloat}.tlcc-anim-swing{animation-name:tlccSwing;transform-origin:top center}.tlcc-anim-rotate{animation-name:tlccRotate;animation-timing-function:linear}.tlcc-anim-flash{animation-name:tlccFlash}.tlcc-anim-wobble{animation-name:tlccWobble}.tlcc-anim-rubber{animation-name:tlccRubber}
@keyframes tlccPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@keyframes tlccHeartbeat{0%,28%,70%,100%{transform:scale(1)}14%,42%{transform:scale(1.16)}}
@keyframes tlccShake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
@keyframes tlccBounce{0%,20%,53%,80%,100%{transform:translateY(0)}40%,43%{transform:translateY(-14px)}70%,90%{transform:translateY(-7px)}}
@keyframes tlccFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes tlccSwing{0%,100%{transform:rotate(0)}20%{transform:rotate(12deg)}40%{transform:rotate(-9deg)}60%{transform:rotate(6deg)}80%{transform:rotate(-3deg)}}
@keyframes tlccRotate{to{transform:rotate(360deg)}}
@keyframes tlccFlash{0%,50%,100%{opacity:1}25%,75%{opacity:.38}}
@keyframes tlccWobble{0%,100%{transform:translateX(0) rotate(0)}15%{transform:translateX(-8px) rotate(-5deg)}30%{transform:translateX(6px) rotate(4deg)}45%{transform:translateX(-5px) rotate(-3deg)}60%{transform:translateX(3px) rotate(2deg)}75%{transform:translateX(-2px) rotate(-1deg)}}
@keyframes tlccRubber{0%,100%{transform:scale(1)}30%{transform:scaleX(1.2) scaleY(.82)}40%{transform:scaleX(.86) scaleY(1.16)}50%{transform:scaleX(1.1) scaleY(.9)}65%{transform:scaleX(.96) scaleY(1.04)}}
@media(prefers-reduced-motion:reduce){.tlcc-floating .tlcc-button{transition:none;animation:none!important;transform:none!important}}