.lead-flow{width:100%;display:flex;justify-content:center}.lead-flow .lf-card{background:#111d33;border:1px solid #00ccff33;border-radius:10px;padding:clamp(14px,4vw,22px);width:100%;max-width:460px;box-shadow:0 0 15px #00ccff14;font-family:Outfit,sans-serif}.lead-flow .lf-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;opacity:0;animation:lfFadeIn .4s ease forwards;animation-delay:.2s}.lead-flow .lf-pulse-dot{width:9px;height:9px;border-radius:50%;background:#00c8ff;box-shadow:0 0 8px #00c8ff;animation:lfPulse 1.5s infinite}@keyframes lfPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.lead-flow .lf-header span{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#0cf}.lead-flow .lf-lead-card{background:#112840;border:1px solid #1e3f5c;border-radius:10px;padding:14px;margin-bottom:14px;opacity:0;animation:lfSlideDown .4s ease forwards;animation-delay:.6s}.lead-flow .lf-lead-name{color:#e8f4ff;font-size:15px;font-weight:600;margin-bottom:4px}.lead-flow .lf-lead-phone,.lead-flow .lf-lead-issue{color:#7ab3d4;font-size:12px;margin-bottom:2px}.lead-flow .lf-response-row{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:12px;color:#5a8aa8;opacity:0;animation:lfFadeIn .4s ease forwards;animation-delay:1s}.lead-flow .lf-timer{color:#00c8ff;font-weight:700;font-size:13px}.lead-flow .lf-call-row{background:#112840;border:1px solid #1e3f5c;border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:12px;margin-bottom:14px;opacity:0;animation:lfSlideDown .4s ease forwards;animation-delay:1.4s}.lead-flow .lf-call-icon{width:34px;height:34px;border-radius:50%;background:#00c8ff1a;border:1px solid rgba(0,200,255,.3);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.lead-flow .lf-call-title{color:#e8f4ff;font-size:12px;font-weight:600;margin-bottom:2px}.lead-flow .lf-call-sub{color:#5a8aa8;font-size:11px}.lead-flow .lf-call-dot{width:8px;height:8px;border-radius:50%;background:#00c8ff;margin-left:auto;flex-shrink:0;animation:lfPulse 1.2s infinite}.lead-flow .lf-chat-wrap{margin-bottom:14px}.lead-flow .lf-bubble-out{background:#1565a0;border-radius:18px 18px 4px;padding:11px 14px;color:#e8f4ff;font-size:12.5px;line-height:1.5;margin-bottom:10px;max-width:85%;margin-left:auto;opacity:0;animation:lfSlideLeft .4s ease forwards;animation-delay:2s;min-height:20px}.lead-flow .lf-bubble-in{background:#112840;border:1px solid #1e3f5c;border-radius:18px 18px 18px 4px;padding:11px 14px;color:#c8dff0;font-size:12.5px;line-height:1.5;max-width:85%;opacity:0;animation:lfSlideRight .4s ease forwards;animation-delay:4.2s;min-height:20px}.lead-flow .lf-slots-wrap{background:#112840;border:1px solid #1e3f5c;border-radius:10px;padding:14px;margin-bottom:14px;opacity:0;animation:lfSlideDown .4s ease forwards;animation-delay:6s}.lead-flow .lf-slots-title{color:#7ab3d4;font-size:11px;margin-bottom:10px}.lead-flow .lf-slots-row{display:flex;gap:8px}.lead-flow .lf-slot{flex:1;text-align:center;padding:8px 4px;border-radius:7px;font-size:11px;font-weight:600;background:#0d2137;color:#5a8aa8;border:1px solid #1e3f5c}.lead-flow .lf-slot.active{background:#1565a0;color:#fff;border-color:#1a82d4;animation:lfSelectSlot .4s ease forwards;animation-delay:6.5s}@keyframes lfSelectSlot{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.lead-flow .lf-booked-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;opacity:0;animation:lfFadeIn .5s ease forwards;animation-delay:7s}.lead-flow .lf-check-circle{width:22px;height:22px;border-radius:50%;background:#00c86426;border:1px solid rgba(0,200,100,.4);display:flex;align-items:center;justify-content:center;font-size:11px;color:#00c864;flex-shrink:0}.lead-flow .lf-booked-text{color:#e8f4ff;font-size:12.5px;font-weight:600}.lead-flow .lf-qualified-card{background:#112840;border:1px solid #1e3f5c;border-radius:10px;padding:14px;margin-bottom:14px;display:flex;flex-direction:column;gap:4px;opacity:0;animation:lfSlideDown .4s ease forwards;animation-delay:7.6s}.lead-flow .lf-q-top{display:flex;justify-content:space-between;align-items:center}.lead-flow .lf-q-name{color:#e8f4ff;font-size:14px;font-weight:600}.lead-flow .lf-q-badge{background:#00c8ff1a;border:1px solid rgba(0,200,255,.3);color:#00c8ff;font-size:9px;font-weight:700;letter-spacing:1px;padding:3px 8px;border-radius:4px}.lead-flow .lf-q-detail{color:#7ab3d4;font-size:11.5px}.lead-flow .lf-next-lead{display:flex;align-items:center;gap:8px;opacity:0;animation:lfFadeIn .5s ease forwards;animation-delay:8.4s}.lead-flow .lf-next-lead span{color:#00c8ff;font-size:11.5px}.lead-flow .lf-typing{display:inline-flex;align-items:center;gap:4px;padding:4px 2px}.lead-flow .lf-typing span{width:6px;height:6px;background:#7ab3d4;border-radius:50%;animation:lfBounce 1s infinite}.lead-flow .lf-typing span:nth-child(2){animation-delay:.15s}.lead-flow .lf-typing span:nth-child(3){animation-delay:.3s}@keyframes lfBounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-5px);opacity:1}}@keyframes lfFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lfSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes lfSlideLeft{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:translate(0)}}@keyframes lfSlideRight{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}
