/* Leads Fresh DB — support chat widget (same identity: jumpsuit red, bone, warm black, stamps) */
.lfc{position:fixed;right:24px;bottom:24px;z-index:120;font-family:Inter,"Segoe UI",sans-serif}
.lfc-launch{position:relative;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:24px;cursor:pointer;
  background:linear-gradient(160deg,#e0311f,#a8190c);box-shadow:0 16px 40px rgba(214,39,24,.45),inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .3s cubic-bezier(.2,.9,.2,1.3),box-shadow .3s}
.lfc-launch:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 22px 50px rgba(214,39,24,.6)}
.lfc-launch:active{transform:scale(.93)}
.lfc-launch i{position:absolute;transition:transform .35s cubic-bezier(.2,.9,.2,1.3),opacity .25s}
.lfc-i2{transform:rotate(-90deg) scale(.4);opacity:0}
.lfc.open .lfc-i1{transform:rotate(90deg) scale(.4);opacity:0}
.lfc.open .lfc-i2{transform:none;opacity:1}
.lfc-ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--red2,#ff4a36);animation:lfcRing 2.4s ease-out infinite;pointer-events:none}
.lfc.open .lfc-ring{display:none}
@keyframes lfcRing{0%{transform:scale(1);opacity:.8}80%,100%{transform:scale(1.7);opacity:0}}
.lfc-badge{position:absolute;top:-4px;right:-4px;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:#fff;color:#d62718;font:800 12px/24px Inter,sans-serif;box-shadow:0 4px 10px rgba(0,0,0,.4);animation:badgePop .5s cubic-bezier(.2,.9,.2,1.5)}
.lfc.has-new .lfc-launch{animation:lfcWiggle 2.6s ease-in-out infinite}
@keyframes lfcWiggle{0%,88%,100%{transform:rotate(0)}91%{transform:rotate(-12deg)}94%{transform:rotate(10deg)}97%{transform:rotate(-6deg)}}
.lfc-hint{position:absolute;right:76px;bottom:18px;font-size:14px;white-space:nowrap;transform:rotate(-4deg) scale(.8);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.2,.9,.2,1.3);background:#0a0908}
.lfc:not(.open) .lfc-launch:hover + .lfc-hint{opacity:1;transform:rotate(-4deg) scale(1)}

.lfc-panel{position:absolute;right:0;bottom:80px;width:min(380px,calc(100vw - 32px));height:min(580px,calc(100vh - 130px));display:flex;flex-direction:column;overflow:hidden;
  border-radius:18px;background:linear-gradient(180deg,#1b1511 0%,#0f0c0a 100%);border:1px solid rgba(239,231,216,.1);box-shadow:0 40px 90px rgba(0,0,0,.65),0 0 0 1px rgba(0,0,0,.5);
  transform-origin:calc(100% - 32px) calc(100% + 40px);transform:scale(.3) translateY(40px);opacity:0;pointer-events:none;
  clip-path:circle(30px at calc(100% - 32px) calc(100% + 40px));transition:transform .45s cubic-bezier(.2,.9,.2,1.1),opacity .25s,clip-path .5s cubic-bezier(.2,.9,.2,1)}
.lfc.open .lfc-panel{transform:none;opacity:1;pointer-events:auto;clip-path:circle(150% at calc(100% - 32px) calc(100% + 40px))}
.lfc-hd{display:flex;align-items:center;gap:12px;padding:16px 16px 14px;background:linear-gradient(160deg,#d62718,#8f170c);position:relative}
.lfc-hd::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent);pointer-events:none}
.lfc-av{position:relative;width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;background:#f3ecdf;color:#1b1714;font-size:20px;box-shadow:0 0 0 3px rgba(255,255,255,.18)}
.lfc-dot{position:absolute;right:0;bottom:1px;width:12px;height:12px;border-radius:50%;background:#8a8173;border:2px solid #b81d10}
.lfc.online .lfc-dot{background:#3fb950;animation:lfcOn 2s infinite}
@keyframes lfcOn{50%{box-shadow:0 0 0 5px rgba(63,185,80,0)}0%{box-shadow:0 0 0 0 rgba(63,185,80,.6)}}
.lfc-who{flex:1;min-width:0}
.lfc-who b{display:block;font-size:21px;color:#fff;letter-spacing:.02em;line-height:1.1}
.lfc-st{display:block;font-size:11px;color:rgba(255,255,255,.85);letter-spacing:.02em;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lfc-st i{font-size:7px;color:#9ff0a8;vertical-align:2px;margin-right:3px}
.lfc-x{width:36px;height:36px;border-radius:50%;color:#fff;display:grid;place-items:center;background:rgba(0,0,0,.18)}
.lfc-x:hover{background:rgba(0,0,0,.35)}

.lfc-body{flex:1;overflow-y:auto;padding:18px 14px 8px;scrollbar-width:thin;scrollbar-color:#3a322b transparent;scroll-behavior:auto}
.lfc-welcome{margin-bottom:6px}
.lfc-welcome > .stamp{font-size:12px;transform:rotate(-3deg);margin:0 0 12px 4px;display:inline-block}
.lfc.started .lfc-quick{display:none}
.lfc-quick{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px 2px}
.lfc-quick button{padding:7px 12px;border-radius:999px;border:1px solid rgba(255,74,54,.45);color:#ffb4a8;font:600 12.5px Inter,sans-serif;background:rgba(214,39,24,.06);transition:all .2s;animation:lfcIn .4s cubic-bezier(.2,.9,.2,1.2) both}
.lfc-quick button:nth-child(2){animation-delay:.05s}.lfc-quick button:nth-child(3){animation-delay:.1s}.lfc-quick button:nth-child(4){animation-delay:.15s}.lfc-quick button:nth-child(5){animation-delay:.2s}
.lfc-quick button:hover{background:#d62718;color:#fff;border-color:#d62718;transform:translateY(-2px)}
.lfc-day{text-align:center;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#6b6257;margin:12px 0 8px}
.lfc-sys{text-align:center;font-size:11.5px;color:#8a8173;margin:10px 20px;padding:6px 10px;border:1px dashed rgba(239,231,216,.12);border-radius:8px}
.lfc-msg{display:flex;flex-direction:column;max-width:82%;margin:4px 0 10px}
.lfc-msg.in{align-items:flex-start}
.lfc-msg.out{align-items:flex-end;margin-left:auto}
.lfc-from{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#ff8a78;margin:0 0 4px 6px}
.lfc-b{padding:10px 14px;border-radius:16px;font-size:14.5px;line-height:1.45;word-wrap:break-word;overflow-wrap:anywhere}
.lfc-b a{text-decoration:underline}
.lfc-msg.in .lfc-b{background:#241d18;color:#efe7d8;border:1px solid rgba(239,231,216,.08);border-bottom-left-radius:5px}
.lfc-msg.out .lfc-b{background:linear-gradient(165deg,#e0311f,#b81d10);color:#fff;border-bottom-right-radius:5px;box-shadow:0 8px 20px rgba(214,39,24,.25)}
.lfc-t{font-size:10.5px;color:#6b6257;margin:4px 6px 0}
.lfc-tick{font-size:10px;color:#6b6257;margin-left:2px;transition:color .3s}
.lfc-tick.read{color:#5cc2f0}
.lfc-msg.pop{animation:lfcPop .42s cubic-bezier(.2,.9,.2,1.35) both}
.lfc-msg.out.pop{transform-origin:100% 100%}.lfc-msg.in.pop{transform-origin:0 100%}
@keyframes lfcPop{from{opacity:0;transform:scale(.6) translateY(10px)}to{opacity:1;transform:none}}
@keyframes lfcIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.lfc-msg.sending .lfc-b{opacity:.7}
.lfc-msg.failed .lfc-b{background:#3a1410;box-shadow:none}
.lfc-msg.failed .lfc-t{color:#ff8a78}
.lfc-typing{display:inline-flex;gap:5px;padding:12px 14px;margin:0 0 10px;border-radius:16px 16px 16px 5px;background:#241d18;border:1px solid rgba(239,231,216,.08);animation:lfcIn .3s both}
.lfc-typing span{width:7px;height:7px;border-radius:50%;background:#ff8a78;animation:lfcDot 1.1s infinite}
.lfc-typing span:nth-child(2){animation-delay:.15s}.lfc-typing span:nth-child(3){animation-delay:.3s}
@keyframes lfcDot{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}
.lfc-typing[hidden]{display:none}

.lfc-namebar{display:flex;align-items:center;gap:10px;margin:0 12px;padding:8px 10px;border-radius:10px;background:#1f1915;border:1px dashed rgba(255,74,54,.35);animation:lfcIn .35s both}
.lfc-namebar[hidden]{display:none}
.lfc-namebar i{color:#ff8a78}
.lfc-name{flex:1;min-width:0;border:0;background:transparent;color:#efe7d8;font:500 13.5px Inter,sans-serif;outline:none}
.lfc-skip{font-size:11px;color:#8a8173;letter-spacing:.1em;text-transform:uppercase}
.lfc-skip:hover{color:#efe7d8}
.lfc-form{display:flex;align-items:flex-end;gap:8px;margin:10px 12px 6px;padding:6px 6px 6px 14px;border-radius:24px;background:#0a0807;border:1px solid rgba(239,231,216,.12);transition:border-color .2s,box-shadow .2s}
.lfc-form:focus-within{border-color:#ff4a36;box-shadow:0 0 0 3px rgba(255,74,54,.14)}
.lfc-in{flex:1;min-width:0;resize:none;border:0;background:transparent;color:#efe7d8;font:500 14.5px/1.4 Inter,sans-serif;padding:8px 0;max-height:120px;outline:none}
.lfc-send{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,#e0311f,#a8190c);transition:transform .2s,opacity .2s,filter .2s}
.lfc-send:disabled{opacity:.35;filter:grayscale(.6)}
.lfc-send:not(:disabled):hover{transform:scale(1.08) rotate(-8deg)}
.lfc-send.fly i{animation:lfcFly .5s cubic-bezier(.4,0,.2,1)}
@keyframes lfcFly{0%{transform:none}45%{transform:translate(18px,-18px) scale(.6);opacity:0}46%{transform:translate(-14px,14px) scale(.6);opacity:0}100%{transform:none;opacity:1}}
.lfc-foot{text-align:center;font-size:10.5px;color:#6b6257;padding:2px 0 10px;letter-spacing:.04em}
.lfc-foot a{color:#5cc2f0}
/* images */
.lfc-clip{width:36px;height:36px;flex:none;margin-bottom:2px;border-radius:50%;display:grid;place-items:center;color:#8a8173;cursor:pointer;transition:color .2s,background .2s,transform .2s}
.lfc-clip:hover{color:#ff8a78;background:rgba(214,39,24,.12);transform:rotate(-20deg)}
.lfc-form{padding-left:6px}
.lfc-pic{display:block;width:min(240px,100%);max-height:320px;border-radius:14px;overflow:hidden;background:#241d18;border:1px solid rgba(239,231,216,.08);cursor:zoom-in;margin-bottom:4px;position:relative}
.lfc-pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.lfc-pic:hover img{transform:scale(1.04)}
.lfc-msg.out .lfc-pic{border-color:rgba(214,39,24,.5);border-bottom-right-radius:5px}
.lfc-msg.in .lfc-pic{border-bottom-left-radius:5px}
.lfc-msg.sending .lfc-pic::after{content:"";position:absolute;left:0;bottom:0;height:4px;width:100%;background:#ff4a36;transform-origin:0 50%;transform:scaleX(var(--up,0));transition:transform .15s}
.lfc-msg.sending .lfc-pic img{filter:brightness(.6) blur(1px)}
.lfc-att{display:flex;align-items:center;gap:12px;margin:0 12px 2px;padding:8px;border-radius:12px;background:#1f1915;border:1px solid rgba(255,74,54,.3)}
.lfc-att[hidden]{display:none}
.lfc-att.pop{animation:lfcPop .35s cubic-bezier(.2,.9,.2,1.35)}
.lfc-att-img{position:relative;width:52px;height:52px;border-radius:8px;overflow:hidden;flex:none}
.lfc-att-img img{width:100%;height:100%;object-fit:cover}
.lfc-att-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#ff4a36;transform:scaleX(0);transform-origin:0 50%;transition:transform .15s}
.lfc-att-t{flex:1;min-width:0}
.lfc-att-t b{display:block;font-size:12px;color:#efe7d8;letter-spacing:.1em;text-transform:uppercase}
.lfc-att-t small{font-size:11px;color:#8a8173}
.lfc-att-x{width:30px;height:30px;border-radius:50%;color:#8a8173}
.lfc-att-x:hover{background:rgba(214,39,24,.2);color:#fff}
.lfc-drop{position:absolute;inset:8px;border-radius:14px;border:2px dashed #ff4a36;background:rgba(15,12,10,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#ff8a78;opacity:0;pointer-events:none;transition:opacity .2s;z-index:5}
.lfc-drop i{font-size:44px;animation:bump .8s infinite}
.lfc-drop b{font-size:24px;color:#efe7d8;letter-spacing:.04em}
.lfc.dragging .lfc-drop{opacity:1}
.lfc-panel{position:absolute}
@media (max-width:600px){
  .lfc{right:14px;bottom:14px}
  .lfc-launch{width:56px;height:56px;font-size:21px}
  .lfc-panel{position:fixed;right:8px;left:8px;bottom:80px;width:auto;height:calc(100vh - 100px)}
}
@media (prefers-reduced-motion:reduce){.lfc-panel,.lfc-msg.pop,.lfc-ring{transition:none;animation:none}}
/* status line: last seen + "typing..." (widget header and admin conversation header) */
.lfc-st .fa-clock{font-size:10px;color:rgba(255,255,255,.7);vertical-align:0}
.lfc-st-tp{color:#fff;font-style:italic;font-weight:600;letter-spacing:.04em}
.lfc-st-tp i,.sc-tp i{font-style:normal;display:inline-block;animation:lfcTpDot 1.2s infinite;font-size:inherit!important;color:inherit!important;vertical-align:0!important;margin:0!important}
.lfc-st-tp i:nth-child(2),.sc-tp i:nth-child(2){animation-delay:.18s}.lfc-st-tp i:nth-child(3),.sc-tp i:nth-child(3){animation-delay:.36s}
@keyframes lfcTpDot{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}
.lfc.typing .lfc-av{animation:lfcTpPulse 1.2s ease-in-out infinite}
@keyframes lfcTpPulse{50%{box-shadow:0 0 0 5px rgba(255,255,255,.18)}}
.sc-tp{color:#ff8a78;font-style:italic;font-weight:600}
.sc-seen{color:var(--dim)}
.lfc-wiped{border-color:rgba(255,138,120,.35);color:#ffb3a6;animation:lfcIn .35s both}
.lfc-wiped i{margin-right:4px}
.sc-list.wiping>*{animation:scWipe .45s ease-in forwards}
@keyframes scWipe{to{opacity:0;transform:translateX(40px) scale(.96);filter:blur(3px)}}