.chat-demo{padding:10px 0 8px}.chat-stage{display:flex;justify-content:center}.iphone{position:relative;width:min(342px,86vw);aspect-ratio:1179 / 2556;background:#0b0b0e;border-radius:54px;padding:13px;box-shadow:0 30px 60px #10263a57,0 6px 16px #10263a33,inset 0 0 0 2px #26262d}.iphone:before{content:"";position:absolute;left:-2px;top:150px;width:3px;height:64px;background:#17171c;border-radius:3px 0 0 3px}.iphone:after{content:"";position:absolute;right:-2px;top:120px;width:3px;height:96px;background:#17171c;border-radius:0 3px 3px 0}.iphone-screen{position:relative;width:100%;height:100%;border-radius:42px;overflow:hidden;background:#efeae2;display:flex;flex-direction:column}.dynamic-island{position:absolute;top:10px;left:50%;transform:translate(-50%);width:33%;max-width:118px;height:26px;background:#000;border-radius:var(--medc-radius-lg);z-index:7}.wa-top{flex:0 0 auto;background:#008069;color:#fff}.wa-status{display:flex;align-items:flex-end;justify-content:space-between;height:40px;padding:0 20px 4px;font-size:12.5px;font-weight:600}.wa-status .clock{font-variant-numeric:tabular-nums;letter-spacing:.02em}.wa-status .sysicons{display:inline-flex;align-items:center;gap:6px}.wa-status svg{display:block}.wa-header{display:flex;align-items:center;gap:9px;padding:2px 10px 9px}.wa-header .ico{opacity:.96;flex:0 0 auto}.wa-avatar{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:linear-gradient(150deg,#2684FF,var(--medc-brand));display:inline-flex;align-items:center;justify-content:center;color:#fff}.wa-id{flex:1 1 auto;min-width:0;line-height:1.18}.wa-name{font-weight:600;font-size:15px}.wa-presence{font-size:12px;color:#ffffffdb}.wa-actions{display:inline-flex;align-items:center;gap:18px;opacity:.96;flex:0 0 auto}.wa-chat{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:10px 8px 8px;display:flex;flex-direction:column;gap:2px;background-color:#efeae2;scroll-behavior:smooth}.wa-chat::-webkit-scrollbar{width:0;height:0}.wa-daychip{align-self:center;margin:2px 0 8px;padding:5px 12px;border-radius:var(--medc-radius-sm);background:#fff;color:#54656f;font-size:12px;font-weight:600;box-shadow:0 1px .5px #0b141a21}.msg{display:flex;max-width:100%;padding:1px 2px}.msg.in{justify-content:flex-start}.msg.out{justify-content:flex-end}.bubble{position:relative;max-width:82%;padding:6px 9px 7px;border-radius:var(--medc-radius-sm);font-size:14.5px;line-height:1.34;color:#111b21;box-shadow:var(--medc-shadow-sm);overflow-wrap:anywhere}.msg.in .bubble{background:#fff;border-top-left-radius:2px}.msg.out .bubble{background:#d9fdd3;border-top-right-radius:2px}.msg.in .bubble:before{content:"";position:absolute;top:0;left:-7px;width:8px;height:12px;background:#fff;clip-path:polygon(100% 0,0 0,100% 100%)}.msg.out .bubble:before{content:"";position:absolute;top:0;right:-7px;width:8px;height:12px;background:#d9fdd3;clip-path:polygon(0 0,100% 0,0 100%)}.bubble p{margin:0;white-space:pre-wrap}.bubble strong{font-weight:600}.bubble .meta{float:right;display:inline-flex;align-items:center;gap:3px;margin:5px 0 -2px 10px;font-size:11px;color:#667781;line-height:1;transform:translateY(2px)}.bubble .tick{color:#53bdeb;display:inline-flex}.bubble.voice{min-width:212px;padding-top:8px}.voice .v-row{display:flex;align-items:center;gap:9px}.v-play{flex:0 0 auto;background:none;border:none;padding:0;cursor:pointer;color:#51616b;display:inline-flex}.v-wave{position:relative;flex:1 1 auto;height:22px;display:flex;align-items:center;gap:2px;overflow:hidden}.v-wave i{display:block;width:2px;border-radius:var(--medc-radius-sm);background:#a7b8bd;flex:0 0 auto}.v-dot{position:absolute;left:2px;top:50%;width:9px;height:9px;border-radius:50%;background:#51616b;transform:translateY(-50%)}.bubble.voice.playing .v-dot{left:calc(100% - 7px)}.v-avatar{position:relative;flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:linear-gradient(150deg,#9aa7ae,#6b7a80);display:inline-flex;align-items:center;justify-content:center;color:#fff}.v-avatar .mic{position:absolute;right:-3px;bottom:-3px;width:16px;height:16px;border-radius:50%;background:var(--medc-whatsapp);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #d9fdd3}.voice .meta{margin-top:4px}.voice .v-dur{margin-right:6px;color:#667781}.bubble.as-card .card-title{display:block;font-weight:600;margin-bottom:5px}.bubble.as-card ul{list-style:none;margin:0 0 4px;padding:0;display:grid;gap:2px}.bubble.as-card li{position:relative;padding-left:14px;font-size:14px}.bubble.as-card li:before{content:"\b7";position:absolute;left:4px;color:#667781}.bubble.as-card .card-foot{display:block;margin-top:7px}.msg.destaque .bubble{box-shadow:0 0 0 2px #0fa3a099,0 8px 20px #0a6b693d}.msg.destaque .card-title{color:var(--medc-brand)}.typing .bubble{padding:9px 12px}.typing-dots{display:inline-flex;gap:4px;align-items:center}.typing-dots span{width:7px;height:7px;border-radius:50%;background:#9aa6ac;animation:wa-blink 1.25s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.18s}.typing-dots span:nth-child(3){animation-delay:.36s}@keyframes wa-blink{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.wa-chat .anim{animation:msg-pop .3s ease both}@keyframes msg-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.msg.destaque.anim{animation:msg-dest .55s ease both}@keyframes msg-dest{0%{opacity:0;transform:translateY(8px) scale(.9)}60%{transform:scale(1.03)}to{opacity:1;transform:none}}.wa-input{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:7px 8px;background:#f0f2f5}.wa-input .field{flex:1 1 auto;background:#fff;border-radius:var(--medc-radius-lg);padding:8px 14px;color:#8696a0;font-size:13px;box-shadow:0 1px .5px #0b141a1a}.wa-input .send{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:#008069;color:#fff;display:inline-flex;align-items:center;justify-content:center}.chat-replay{display:flex;justify-content:center;margin-top:22px}.btn-replay{display:inline-flex;align-items:center;gap:8px;background:var(--medc-surface);color:var(--medc-brand);border:2px solid var(--medc-line);border-radius:var(--medc-radius-pill);padding:9px 18px;font-weight:700;font-size:.95rem;cursor:pointer;transition:border-color .2s,color .2s,transform .15s}.btn-replay:hover{border-color:var(--medc-brand);color:var(--medc-brand-hover);transform:translateY(-1px)}.btn-replay svg{transition:transform .4s ease}.btn-replay:hover svg{transform:rotate(-180deg)}@media(prefers-reduced-motion:reduce){.wa-chat{scroll-behavior:auto}.wa-chat .anim,.msg.destaque.anim{animation:none}}.bubble.file{min-width:212px;padding-top:8px}.file .f-row{display:flex;align-items:center;gap:10px}.f-ico{flex:0 0 auto;width:34px;height:34px;border-radius:var(--medc-radius-sm);display:inline-flex;align-items:center;justify-content:center;background:#0000000f;color:#51616b}.f-info{display:flex;flex-direction:column;min-width:0}.f-nome{font-weight:600;font-size:.92em;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.f-meta{font-size:.78em;color:#6b7a80;margin-top:1px}.wa-compose .field,.wa-input .field,.field{color:var(--medc-subtle)}