.chat{background:var(--gray-100);color:var(--fg-1);font-family:var(--font-body)}.chat .num{direction:ltr;unicode-bidi:embed}.chat .tk-wrap{width:100%;max-width:1080px;margin-inline:auto;padding-inline:14px}.chat .btn{font-weight:700;font-size:13.5px;border-radius:8px;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease),opacity var(--dur) var(--ease);cursor:pointer;font-family:inherit}.chat .btn svg{width:17px;height:17px}.chat .btn-red{background:var(--wld-red-cta);color:#fff}.chat .btn-red:hover{background:var(--wld-red-press)}.chat .btn-ghost{background:#fff;color:var(--fg-1);border:1px solid var(--border-2)}.chat .btn-ghost:hover{background:var(--gray-100)}.chat .btn-block{width:100%}.chat .chatdemo{position:relative;min-height:760px;background:linear-gradient(135deg,#f3f4f6,#e4e7eb);display:flex;align-items:center;justify-content:center;overflow:hidden}.chat .chatdemo .hintbg{text-align:center;color:var(--fg-2)}.chat .chatdemo .hintbg svg{width:46px;height:46px;margin:0 auto 10px}.chat .chatdemo .hintbg .t{font-size:14px;font-weight:600}.chat .fab{position:absolute;bottom:24px;inset-inline-end:24px;width:60px;height:60px;border-radius:50%;background:var(--wld-red);border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(227,52,52,.4);z-index:5;cursor:pointer}.chat .fab svg{width:28px;height:28px;color:#fff}.chat .fab:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 var(--wld-red-glow);animation:chat-pulse 2s infinite}@keyframes chat-pulse{70%{box-shadow:0 0 0 14px rgba(227,52,52,0)}to{box-shadow:0 0 0 0 rgba(227,52,52,0)}}.chat .fab .nbadge{position:absolute;top:-2px;inset-inline-end:-2px;width:22px;height:22px;border-radius:50%;background:#fff;color:var(--wld-red-ink);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--wld-red)}.chat .chatwin{position:static;width:100%;height:720px;background:#fff;border-radius:0;box-shadow:none;display:flex;flex-direction:column;overflow:hidden;z-index:6}.chat .chathead{background:var(--wld-black);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:11px}.chat .chathead .ca{width:40px;height:40px;border-radius:50%;background:var(--wld-red);display:flex;align-items:center;justify-content:center;flex:none;position:relative}.chat .chathead .ca svg{width:21px;height:21px;color:#fff}.chat .chathead .ca img{width:40px;height:40px;border-radius:50%}.chat .chathead .ca .dot{position:absolute;bottom:0;inset-inline-end:0;width:11px;height:11px;border-radius:50%;background:var(--success);border:2px solid var(--wld-black)}.chat .chathead .ci{flex:1 1;min-width:0}.chat .chathead .cn{font-weight:700;font-size:14px}.chat .chathead .cs{font-size:11.5px;color:rgba(255,255,255,.65);display:flex;align-items:center;gap:5px}.chat .chathead .cact{display:flex;gap:4px}.chat .chathead .cact button{width:30px;height:30px;border:none;background:rgba(255,255,255,.1);border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer}.chat .chathead .cact svg{width:16px;height:16px;color:#fff}.chat .chatbody{flex:1 1;overflow-y:auto;padding:16px;background:var(--gray-50);display:flex;flex-direction:column;gap:12px}.chat .daystamp{text-align:center;font-size:11px;color:var(--fg-3);margin:2px 0}.chat .chatdemo-note{display:flex;align-items:flex-start;gap:7px;margin:2px 0 6px;padding:9px 11px;border-radius:10px;background:var(--gray-100,#f0f0f0);border:1px solid var(--border-1,#e5e5e5);color:var(--fg-2,#555);font-size:12px;line-height:1.45}.chat .chatdemo-note svg{flex:none;margin-top:1px;color:var(--fg-3,#888)}.chat .bubble{max-width:80%;padding:11px 14px;border-radius:14px;font-size:13.5px;line-height:1.5;position:relative}.chat .bubble.them{align-self:flex-start;background:#fff;border:1px solid var(--border-1);border-bottom-left-radius:5px}[dir=rtl] .chat .bubble.them{border-bottom-left-radius:14px;border-bottom-right-radius:5px}.chat .bubble.me{align-self:flex-end;background:var(--wld-red-cta);color:#fff;border-bottom-right-radius:5px}[dir=rtl] .chat .bubble.me{border-bottom-right-radius:14px;border-bottom-left-radius:5px}.chat .bubble.bot{align-self:flex-start;background:#eef1f5;border-bottom-left-radius:5px}[dir=rtl] .chat .bubble.bot{border-bottom-left-radius:14px;border-bottom-right-radius:5px}.chat .btime{font-size:10px;color:var(--fg-3);margin-top:5px;display:flex;align-items:center;gap:4px}.chat .bubble.me .btime{color:rgba(255,255,255,.7);justify-content:flex-end}.chat .btime svg{width:13px;height:13px}.chat .quickreplies{display:flex;flex-wrap:wrap;gap:8px;align-self:flex-start;max-width:90%}.chat .qr{background:#fff;border:1.5px solid var(--wld-red);color:var(--wld-red-ink);border-radius:99px;padding:8px 14px;font-size:12.5px;font-weight:600;cursor:pointer}.chat .qr:hover{background:var(--wld-red-tint)}.chat .typing{align-self:flex-start;background:#fff;border:1px solid var(--border-1);border-radius:14px;border-bottom-left-radius:5px;padding:13px 16px;display:flex;gap:4px}[dir=rtl] .chat .typing{border-bottom-left-radius:14px;border-bottom-right-radius:5px}.chat .typing span{width:7px;height:7px;border-radius:50%;background:var(--gray-400);animation:chat-td 1.4s infinite}.chat .typing span:nth-child(2){animation-delay:.2s}.chat .typing span:nth-child(3){animation-delay:.4s}@keyframes chat-td{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chat .agentcard{align-self:stretch;display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--border-1);border-radius:12px;padding:11px}.chat .agentcard .av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--wld-red),var(--wld-red-deep));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex:none}.chat .agentcard .an{font-size:13px;font-weight:700}.chat .agentcard .ar{font-size:11.5px;color:var(--fg-2);display:flex;align-items:center;gap:4px}.chat .agentcard .ar svg{width:12px;height:12px;color:var(--star);fill:var(--star);stroke:none}.chat .botcard{align-self:flex-start;max-width:88%;background:#fff;border:1px solid var(--border-1);border-radius:12px;overflow:hidden}.chat .botcard .bi{aspect-ratio:16/10;background:var(--gray-100);display:flex;align-items:center;justify-content:center}.chat .botcard .bi svg{width:36px;height:36px;color:var(--gray-300)}.chat .botcard .bb{padding:12px}.chat .botcard .bt{font-size:13px;font-weight:700}.chat .botcard .bp{font-family:var(--font-num);font-weight:800;color:var(--wld-red-ink);font-size:14px;margin-top:3px}.chat .botcard .bbtn{margin-top:9px}.chat .ordcard{align-self:flex-start;max-width:90%;background:#fff;border:1px solid var(--border-1);border-radius:12px;padding:13px}.chat .ordcard .oh{display:flex;justify-content:space-between;font-size:12px;color:var(--fg-2);margin-bottom:8px}.chat .ordcard .oh b{color:var(--fg-1);direction:ltr}.chat .ordcard .ostatus{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#2563eb;background:#e6f0fb;border-radius:99px;padding:4px 10px}.chat .ordcard .ostatus svg{width:13px;height:13px}.chat .rateend{align-self:stretch;text-align:center;background:#fff;border:1px solid var(--border-1);border-radius:12px;padding:14px}.chat .rateend .rt{font-size:13px;font-weight:700;margin-bottom:8px}.chat .rateend .rstars{display:flex;gap:6px;justify-content:center;color:var(--star)}.chat .rateend .rstars svg{width:24px;height:24px;fill:var(--star);stroke:none}.chat .chatinput{border-top:1px solid var(--border-1);padding:10px 12px;background:#fff}.chat .chatinput,.chat .chatinput .ti{display:flex;align-items:center;gap:8px}.chat .chatinput .ti{flex:1 1;background:var(--gray-100);border-radius:99px;padding:9px 14px}.chat .chatinput .ti input{flex:1 1;border:none;background:none;outline:none;font-family:var(--font-body);font-size:13.5px;color:inherit}.chat .chatinput .ti .ic2{color:var(--fg-3);display:flex;align-items:center}.chat .chatinput .ti .ic2 svg{width:18px;height:18px}.chat .chatinput .send{width:42px;height:42px;border-radius:50%;background:var(--wld-red);border:none;display:flex;align-items:center;justify-content:center;flex:none;cursor:pointer}.chat .chatinput .send svg{width:18px;height:18px;color:#fff}@media (min-width:768px){.chat .chatwin{position:absolute;bottom:24px;inset-inline-end:24px;width:380px;height:600px;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.28)}}.chat .crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fg-2);padding-block:14px}.chat .crumb .sepc{width:13px;height:13px;color:var(--fg-3)}.chat .crumb .cur{color:var(--fg-1);font-weight:700;direction:ltr}[dir=rtl] .chat .chev,[dir=rtl] .chat .crumb .sepc{transform:scaleX(-1)}.chat .tk2col{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px;align-items:start;padding-bottom:32px}.chat .tkcard{background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:20px;margin-bottom:18px}.chat .tkhead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.chat .tkhead h2{font-family:var(--font-display);font-size:20px;font-weight:800;margin:0 0 8px}.chat .tkmeta{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--fg-2)}.chat .tkmeta b{color:var(--fg-1)}.chat .tkstatus{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;border-radius:99px;padding:5px 13px}.chat .tkstatus svg{width:13px;height:13px}.chat .st-open{background:var(--warning-tint);color:var(--warning-ink)}.chat .st-progress{background:#e6f0fb;color:#2563eb}.chat .st-resolved{background:var(--success-tint);color:var(--success-ink)}.chat .thread{display:flex;flex-direction:column;gap:16px}.chat .tmsg{display:flex;gap:12px}.chat .tmsg .tav{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex:none;color:#fff}.chat .tmsg.cust .tav{background:var(--wld-black)}.chat .tmsg.agent .tav{background:linear-gradient(135deg,var(--wld-red),var(--wld-red-deep))}.chat .tmsg .tcontent{flex:1 1;min-width:0}.chat .tmsg .ttop{display:flex;align-items:center;gap:9px;margin-bottom:5px}.chat .tmsg .tn{font-size:13.5px;font-weight:700}.chat .tmsg .trole{font-size:10.5px;font-weight:700;border-radius:5px;padding:2px 7px;text-transform:uppercase}.chat .tmsg.agent .trole{background:var(--wld-red-tint);color:var(--wld-red-ink)}.chat .tmsg.cust .trole{background:var(--gray-100);color:var(--fg-2)}.chat .tmsg .ttime{font-size:11px;color:var(--fg-3);-webkit-margin-start:auto;margin-inline-start:auto}.chat .tbubble{background:var(--gray-50);border:1px solid var(--border-1);border-radius:12px;padding:13px 15px;font-size:13.5px;line-height:1.7}.chat .tmsg.agent .tbubble{background:#fff}.chat .tphotos{display:flex;gap:8px;margin-top:10px}.chat .tphotos .tp{width:64px;height:64px;border-radius:8px;background:var(--gray-100);display:flex;align-items:center;justify-content:center}.chat .tphotos .tp svg{width:22px;height:22px;color:var(--gray-300)}.chat .tactions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.chat .tactions a{font-size:12px;font-weight:700;color:var(--wld-red-ink);display:inline-flex;align-items:center;gap:5px;background:var(--wld-red-tint);border-radius:7px;padding:6px 11px}.chat .tactions a svg{width:13px;height:13px}.chat .replybox{border:1px solid var(--border-2);border-radius:12px;overflow:hidden}.chat .replybox textarea{width:100%;border:none;outline:none;padding:13px 15px;font-family:var(--font-body);font-size:14px;resize:vertical;min-height:90px;color:inherit}.chat .replybox .rb{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid var(--border-1);background:var(--gray-50)}.chat .replybox .att{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--fg-2)}.chat .replybox .att svg{width:16px;height:16px}.chat .replybox .rbtns{display:flex;gap:8px}.chat .tkside .sc{background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:16px;margin-bottom:16px}.chat .tkside h4{font-size:13px;font-weight:700;margin:0 0 12px;display:flex;align-items:center;gap:8px}.chat .tkside h4 svg{width:16px;height:16px;color:var(--wld-red)}.chat .tkside .orow{display:flex;align-items:center;gap:11px}.chat .tkside .oimg{width:48px;height:48px;border-radius:8px;background:var(--gray-100);display:flex;align-items:center;justify-content:center}.chat .tkside .oimg svg{width:22px;height:22px;color:var(--gray-300)}.chat .tkside .ot{font-size:13px;font-weight:600}.chat .tkside .od{font-size:11.5px;color:var(--fg-2);direction:ltr}.chat .tkside .alink{display:flex;align-items:center;gap:9px;font-size:13px;padding:8px 0;color:var(--fg-1)}.chat .tkside .alink svg{width:15px;height:15px;color:var(--fg-3)}.chat .tkside .alink:hover{color:var(--wld-red-ink)}@media (min-width:768px){.chat .tk-wrap{padding-inline:28px}.chat .tk2col{grid-template-columns:1fr 320px}}.chat .btn:focus-visible,.chat .chathead .cact button:focus-visible,.chat .chatinput .send:focus-visible,.chat .chatinput .ti input:focus-visible,.chat .crumb a:focus-visible,.chat .fab:focus-visible,.chat .qr:focus-visible,.chat .replybox textarea:focus-visible,.chat .tactions a:focus-visible,.chat .tkside .alink:focus-visible{outline:2px solid var(--wld-red);outline-offset:2px}.chat .chatinput .ti:focus-within{outline:2px solid var(--wld-red);outline-offset:2px}.chat .replybox:focus-within{outline:2px solid var(--wld-red);outline-offset:-1px}@media (prefers-reduced-motion:reduce){.chat .btn{transition:none}.chat .fab:after{animation:none}.chat .typing span{animation:none;opacity:.6;transform:none}}@media (pointer:coarse){.chat .chathead .cact button,.chat .chatinput .send{width:44px;height:44px}}