#lelly-dt-card,#lelly-dt-card *,#lelly-dt-pill,#lelly-dt-pill *,#lelly-mob-pill,#lelly-mob-pill *,#lelly-mob-card,#lelly-mob-card *{box-sizing:border-box;font-family:'Poppins','Montserrat',sans-serif}
#lelly-dt-card a,#lelly-dt-card a:hover,#lelly-mob-card a,#lelly-mob-card a:hover{text-decoration:none !important;text-shadow:none !important}
.rl-online-ring{position:relative;width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rl-online-dot{width:8px;height:8px;border-radius:50%;background:#FF6700;position:relative;z-index:1}
.rl-online-ring::before{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid #FF6700;opacity:0;animation:rlPing 2s ease-in-out infinite}
.rl-online-ring::after{content:'';position:absolute;inset:2px;border-radius:50%;border:1.5px solid #FF6700;opacity:0;animation:rlPing 2s ease-in-out 0.3s infinite}
@keyframes rlPing{0%{opacity:0.5;transform:scale(0.8)}50%{opacity:0;transform:scale(1.6)}100%{opacity:0;transform:scale(1.6)}}
@keyframes rlTyping{0%,60%,100%{opacity:0.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

.rl-person{display:flex;align-items:center;gap:14px;padding:14px 16px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:14px;margin-bottom:20px}
.rl-person-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(255,103,0,0.3)}
.rl-person-name{font-family:'Poppins',sans-serif;font-size:15px;font-weight:600;color:#fff;margin:0 0 2px}
.rl-person-role{font-family:'Montserrat',sans-serif;font-size:12px;font-weight:400;color:rgba(255,255,255,0.45);margin:0}
.rl-person-badge{font-family:'Montserrat',sans-serif;font-size:10px;font-weight:500;color:#FF8533;background:rgba(255,103,0,0.12);border:1px solid rgba(255,103,0,0.2);padding:3px 10px;border-radius:50px;white-space:nowrap;letter-spacing:0.03em;margin-left:auto}
.rl-divider{border:none;border-top:1px solid rgba(255,255,255,0.06);margin:0 0 16px}
.rl-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.rl-action{display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;text-decoration:none;transition:all 0.25s ease;cursor:pointer}
.rl-action:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,103,0,0.25);transform:translateX(4px)}
.rl-action-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rl-action-icon.phone{background:rgba(255,103,0,0.12)}
.rl-action-icon.email{background:rgba(255,103,0,0.1)}
.rl-action-icon.whatsapp{background:rgba(37,211,102,0.12)}
.rl-action-label{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:400;color:rgba(255,255,255,0.4);margin:0;line-height:1}
.rl-action-value{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:500;color:#fff;margin:2px 0 0;line-height:1}
.rl-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 24px;background:linear-gradient(135deg,#FF6700 0%,#FF5A00 100%);color:#fff;font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;border:none;border-radius:14px;cursor:pointer;text-decoration:none;box-sizing:border-box;transition:all 0.3s ease;position:relative;overflow:hidden}
.rl-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#FF8533 0%,#FF6700 100%);opacity:0;transition:opacity 0.3s ease}
.rl-cta:hover::before{opacity:1}
.rl-cta:hover{transform:translateY(-1px);box-shadow:0 10px 24px -8px rgba(255,103,0,0.5)}
.rl-cta span,.rl-cta svg{position:relative;z-index:2}
.rl-response{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 0 0;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:400;color:rgba(255,255,255,0.35)}
.rl-typing{display:inline-flex;gap:3px;margin-left:4px}
.rl-typing span{width:4px;height:4px;border-radius:50%;background:rgba(255,103,0,0.6);animation:rlTyping 1.4s ease-in-out infinite}
.rl-typing span:nth-child(2){animation-delay:0.2s}
.rl-typing span:nth-child(3){animation-delay:0.4s}

#lelly-dt-card{display:none;position:fixed;bottom:24px;right:24px;background:#0d0d0d;border-radius:24px;width:360px;overflow:hidden;opacity:0;transform:translateY(30px) scale(0.95);transition:opacity 0.45s ease,transform 0.45s cubic-bezier(0.4,0,0.2,1);box-shadow:0 20px 60px rgba(0,0,0,0.4);z-index:9999999;border:1px solid rgba(255,255,255,0.06)}
#lelly-dt-card::before{content:'';position:absolute;top:-80px;right:-80px;width:240px;height:240px;background:radial-gradient(circle,rgba(255,103,0,0.18) 0%,transparent 70%);border-radius:50%;pointer-events:none}
#lelly-dt-card .rl-header{padding:28px 28px 20px;position:relative;z-index:2}
#lelly-dt-card .rl-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.04);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:3}
#lelly-dt-card .rl-close:hover{background:rgba(255,255,255,0.1)}
#lelly-dt-card .rl-heading{font-family:'Poppins',sans-serif;font-size:22px;font-weight:700;line-height:1.25;color:#fff;margin:0 0 10px;padding-right:40px;letter-spacing:-0.3px}
#lelly-dt-card .rl-status{display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:400;color:rgba(255,255,255,0.45);margin:0}
#lelly-dt-card .rl-body{padding:0 28px 28px;position:relative;z-index:2}

#lelly-dt-pill{display:none;position:fixed;bottom:24px;right:24px;align-items:center;gap:10px;background:#0d0d0d;border-radius:50px;padding:8px;box-shadow:0 8px 24px rgba(0,0,0,0.25);cursor:pointer;z-index:9999999;opacity:0;transform:translateY(20px);transition:opacity 0.45s ease,transform 0.45s cubic-bezier(0.4,0,0.2,1);border:1px solid rgba(255,103,0,0.25)}
#lelly-dt-pill .ldp-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(255,103,0,0.4)}
#lelly-dt-pill .ldp-online-wrap{position:relative;display:inline-block;flex-shrink:0}
#lelly-dt-pill .ldp-online{position:absolute;bottom:-1px;right:-1px;width:11px;height:11px;border-radius:50%;background:#FF6700;border:2px solid #0d0d0d}
#lelly-dt-pill .ldp-online::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1.5px solid #FF6700;opacity:0;animation:rlPing 2s ease-in-out infinite}
#lelly-dt-pill .ldp-text-wrap{display:flex;flex-direction:column;gap:2px;padding:0 4px}
#lelly-dt-pill .ldp-label{font-family:'Montserrat',sans-serif;font-size:9px;font-weight:600;color:#FF8533;text-transform:uppercase;letter-spacing:0.08em;line-height:1}
#lelly-dt-pill .ldp-cta{font-family:'Poppins',sans-serif;font-size:13px;font-weight:600;color:#fff;line-height:1.1;white-space:nowrap}
#lelly-dt-pill .ldp-arrow{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#FF6700 0%,#FF5A00 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:4px}

#lelly-mob-pill{display:none;position:fixed;bottom:20px;right:16px;align-items:center;gap:10px;background:#0d0d0d;border-radius:50px;padding:7px;box-shadow:0 8px 24px rgba(0,0,0,0.25);cursor:pointer;z-index:9999999;opacity:0;transform:translateY(20px);transition:opacity 0.45s ease,transform 0.45s cubic-bezier(0.4,0,0.2,1);border:1px solid rgba(255,103,0,0.25)}
#lelly-mob-pill .lmp-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(255,103,0,0.4)}
#lelly-mob-pill .lmp-online-wrap{position:relative;display:inline-block;flex-shrink:0}
#lelly-mob-pill .lmp-online{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;background:#FF6700;border:2px solid #0d0d0d}
#lelly-mob-pill .lmp-online::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1.5px solid #FF6700;opacity:0;animation:rlPing 2s ease-in-out infinite}
#lelly-mob-pill .lmp-text-wrap{display:flex;flex-direction:column;gap:2px;padding:0 2px}
#lelly-mob-pill .lmp-label{font-family:'Montserrat',sans-serif;font-size:8.5px;font-weight:600;color:#FF8533;text-transform:uppercase;letter-spacing:0.07em;line-height:1}
#lelly-mob-pill .lmp-cta{font-family:'Poppins',sans-serif;font-size:12px;font-weight:600;color:#fff;line-height:1.1;white-space:nowrap}
#lelly-mob-pill .lmp-arrow{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#FF6700 0%,#FF5A00 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:2px}

#lelly-mob-card{display:none;position:fixed;bottom:20px;right:16px;left:16px;background:#0d0d0d;border-radius:20px;overflow:hidden;box-shadow:0 12px 48px rgba(0,0,0,0.4);z-index:9999999;opacity:0;transform:translateY(24px);transition:opacity 0.4s ease,transform 0.4s cubic-bezier(0.4,0,0.2,1);border:1px solid rgba(255,255,255,0.06);max-width:360px;margin-left:auto}
#lelly-mob-card::before{content:'';position:absolute;top:-60px;right:-60px;width:180px;height:180px;background:radial-gradient(circle,rgba(255,103,0,0.18) 0%,transparent 70%);border-radius:50%;pointer-events:none}
#lelly-mob-card .lmc-header{padding:20px 20px 14px;display:flex;align-items:center;gap:12px;position:relative;z-index:2}
#lelly-mob-card .lmc-avatar-wrap{position:relative;display:inline-block;flex-shrink:0}
#lelly-mob-card .lmc-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,103,0,0.3)}
#lelly-mob-card .lmc-online{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background:#FF6700;border:2px solid #0d0d0d}
#lelly-mob-card .lmc-name{font-family:'Poppins',sans-serif;font-size:14px;font-weight:600;color:#fff;margin:0}
#lelly-mob-card .lmc-role{font-family:'Montserrat',sans-serif;font-size:11px;color:rgba(255,255,255,0.45);margin:0}
#lelly-mob-card .lmc-close{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.04);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0;margin-left:auto}
#lelly-mob-card .lmc-body{padding:0 20px 20px;position:relative;z-index:2}
#lelly-mob-card .lmc-actions{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}

@media(min-width:769px){#lelly-mob-pill,#lelly-mob-card{display:none !important}}
@media(max-width:768px){#lelly-dt-card,#lelly-dt-pill{display:none !important}}
