/* Cópia de Instagram/_gerador/wa_sim/wa_sim.css (fonte única do simulador; copiar de novo se mudar lá). */
/* Simulador do WhatsApp do Assistente Finanças UP (19/10/2026)
   Celular Android moderno + WhatsApp claro (2024/2025), no tamanho real (tela 393 x 852) e reduzido com --k.
   Usado nas artes (renderizadas pelo Playwright), no vídeo e na página /app/. Dados sempre fictícios. */

.ws-escala,.ws-escala *{box-sizing:border-box}
.ws-escala{width:calc(421px*var(--k,1));height:calc(880px*var(--k,1));position:relative;flex:none}
.ws-fone{position:absolute;left:0;top:0;width:421px;height:880px;transform:scale(var(--k,1));transform-origin:top left;border-radius:62px;padding:3px;
 background:linear-gradient(150deg,#9c97a0 0%,#3a363d 9%,#1c1a1e 30%,#2c292f 62%,#0f0e10 82%,#77727b 100%);
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),inset 0 2px 1px rgba(255,255,255,.28),0 50px 80px -24px rgba(25,10,25,.55),0 24px 40px -12px rgba(25,10,25,.35)}
.ws-fone::before,.ws-fone::after{content:"";position:absolute;right:-3px;width:4px;border-radius:0 3px 3px 0;background:linear-gradient(90deg,#2a272c,#5b565e)}
.ws-fone::before{top:176px;height:64px}
.ws-fone::after{top:262px;height:108px}
.ws-borda{width:100%;height:100%;border-radius:59px;background:#000;padding:11px;position:relative}
.ws-tela{width:393px;height:852px;border-radius:49px;overflow:hidden;position:relative;display:flex;flex-direction:column;background:#EFEAE2;
 font-family:Roboto,"Segoe UI",-apple-system,"Helvetica Neue",Arial,sans-serif;color:#111B21;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.ws-tela::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:30;border-radius:49px;
 background:linear-gradient(120deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,0) 24%,rgba(255,255,255,0) 76%,rgba(255,255,255,.04) 100%)}
.ws-cam{position:absolute;top:12px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#0a0a0c;z-index:31;box-shadow:inset 0 0 0 2px #17171a,inset 2px 2px 3px rgba(80,90,140,.5)}

/* barra de status */
.ws-st{height:36px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:4px 24px 0 28px;background:#fff;font-size:14px;font-weight:500;letter-spacing:.1px}
.ws-st-ic{display:flex;gap:5px;align-items:center}

/* topo da conversa */
.ws-topo{height:62px;flex:none;display:flex;align-items:center;gap:4px;padding:0 6px 0 4px;background:#fff;position:relative;z-index:3}
.ws-topo .ic{width:40px;height:40px;display:grid;place-items:center;flex:none}
.ws-av{width:40px;height:40px;border-radius:50%;overflow:hidden;flex:none;background:#3E2A3F;margin-right:8px}
.ws-av img{width:100%;height:100%;object-fit:cover;display:block}
.ws-quem{flex:1;min-width:0;line-height:1.2}
.ws-nome{font-size:17px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}
.ws-sub{font-size:13px;color:#667781;height:16px;white-space:nowrap}
.ws-sub.dig{color:#1DAA61}

/* corpo */
.ws-corpo{flex:1;min-height:0;position:relative;overflow:hidden;background-color:#EFEAE2}
.ws-corpo::before{content:"";position:absolute;inset:0;opacity:.9;background-image:var(--ws-doodle);background-size:210px 210px}
.ws-rolo{position:absolute;left:0;right:0;bottom:0;padding:8px 10px 6px;display:flex;flex-direction:column;gap:4px;will-change:transform}
.ws-dia{align-self:center;background:#fff;color:#54656F;font-size:12.5px;padding:5px 11px;border-radius:8px;box-shadow:0 1px .5px rgba(11,20,26,.13);margin:4px 0 6px}
.ws-aviso{align-self:center;max-width:88%;background:#FFEECD;color:#54656F;font-size:12.5px;line-height:1.38;text-align:center;padding:6px 11px 7px;border-radius:8px;box-shadow:0 1px .5px rgba(11,20,26,.1);margin:0 0 8px}

/* balões */
.ws-b{position:relative;max-width:82%;padding:6px 7px 7px 9px;border-radius:8px;font-size:15.4px;line-height:1.36;white-space:pre-line;box-shadow:0 1px .5px rgba(11,20,26,.13);overflow-wrap:anywhere}
.ws-b.ele{align-self:flex-start;background:#fff}
.ws-b.eu{align-self:flex-end;background:#D9FDD3}
.ws-b.cauda.ele{border-top-left-radius:0;margin-top:4px}
.ws-b.cauda.eu{border-top-right-radius:0;margin-top:4px}
.ws-b.cauda::before{content:"";position:absolute;top:0;width:8px;height:13px}
.ws-b.cauda.ele::before{left:-8px;background:linear-gradient(to bottom left,#fff 50%,transparent 50%)}
.ws-b.cauda.eu::before{right:-8px;background:linear-gradient(to bottom right,#D9FDD3 50%,transparent 50%)}
.ws-t{float:right;position:relative;top:7px;margin-left:10px;font-size:11px;color:#667781;line-height:15px;white-space:nowrap;display:inline-flex;align-items:center;gap:3px}
.ws-b strong{font-weight:600}

/* mensagem do Assistente com botões */
.ws-card{align-self:flex-start;max-width:82%;margin-top:4px;position:relative;filter:drop-shadow(0 1px .4px rgba(11,20,26,.14))}
.ws-card .ws-b{max-width:none;box-shadow:none;border-radius:0 8px 0 0;margin:0}
.ws-card .ws-b::before{content:"";position:absolute;top:0;left:-8px;width:8px;height:13px;background:linear-gradient(to bottom left,#fff 50%,transparent 50%)}
.ws-bts{background:#fff;border-radius:0 0 8px 8px}
.ws-bt{height:43px;display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #E9EDEF;color:#027EB5;font-size:15px;font-weight:500;position:relative;overflow:hidden}
.ws-bt.usado{color:#8696A0}
.ws-bt svg{width:17px;height:17px;flex:none}
.ws-onda{position:absolute;border-radius:50%;background:rgba(2,126,181,.18);transform:translate(-50%,-50%);pointer-events:none}

/* lista (menu) */
.ws-lista-bt{height:43px;display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid #E9EDEF;color:#027EB5;font-size:15px;font-weight:500}

/* resposta citando */
.ws-cita{display:block;background:rgba(11,20,26,.06);border-left:4px solid #06CF9C;border-radius:6px;padding:5px 9px 6px;margin:-2px -4px 5px -6px;font-size:13.4px;line-height:1.3;color:#667781;white-space:pre-line;max-height:58px;overflow:hidden}
.ws-cita b{display:block;color:#06A77D;font-weight:500;font-size:13.2px;margin-bottom:1px}

/* foto */
.ws-foto{padding:3px!important;width:262px}
.ws-foto .img{width:256px;height:330px;border-radius:6px;overflow:hidden;position:relative}
.ws-foto .ws-t{position:absolute;right:9px;bottom:6px;top:auto;color:#fff;z-index:3;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.ws-foto .img::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.38));z-index:2}
.ws-foto .ws-envio{position:absolute;inset:0;display:grid;place-items:center;z-index:4;background:rgba(0,0,0,.18)}
.ws-foto .ws-envio i{width:46px;height:46px;border-radius:50%;background:rgba(0,0,0,.45);display:grid;place-items:center}

/* áudio */
.ws-audio{width:268px;padding:6px 8px 6px 6px!important}
.ws-au{display:flex;align-items:center;gap:8px}
.ws-au-av{width:48px;height:48px;border-radius:50%;flex:none;position:relative;background:#DFE5E7;display:grid;place-items:center}
.ws-au-av svg.pessoa{width:48px;height:48px;border-radius:50%}
.ws-au-av .mic{position:absolute;left:-3px;bottom:-1px;width:19px;height:19px;display:grid;place-items:center}
.ws-au-play{width:26px;height:30px;flex:none;display:grid;place-items:center}
.ws-ondas{flex:1;height:30px;display:flex;align-items:center;gap:2px;position:relative}
.ws-ondas i{flex:1;border-radius:2px;background:#9CC9AD;min-height:3px}
.ws-ondas i.ok{background:#3EA374}
.ws-bolinha{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;background:#2EA56C;margin:-6.5px 0 0 -6.5px;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.ws-au-rod{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#667781;padding:1px 0 0 86px;height:16px}
.ws-au-rod .ws-t{float:none;top:0;margin:0}
.ws-transc{margin:6px 2px 1px;padding-top:6px;border-top:1px solid rgba(11,20,26,.08);font-size:14.2px;line-height:1.36;color:#3B4A54;white-space:normal}
.ws-transc small{display:block;font-size:11.5px;color:#667781;margin-bottom:2px;letter-spacing:.2px}
.ws-vel{font-size:11px;font-weight:600;color:#fff;background:#8696A0;border-radius:10px;padding:1px 6px;margin-right:4px}

/* digitando */
.ws-dig{align-self:flex-start;background:#fff;border-radius:8px;border-top-left-radius:0;padding:12px 14px 13px;display:flex;gap:4px;box-shadow:0 1px .5px rgba(11,20,26,.13);margin-top:4px;position:relative}
.ws-dig::before{content:"";position:absolute;top:0;left:-8px;width:8px;height:13px;background:linear-gradient(to bottom left,#fff 50%,transparent 50%)}
.ws-dig i{width:7px;height:7px;border-radius:50%;background:#8696A0}

/* rodapé */
.ws-pe{flex:none;display:flex;align-items:flex-end;gap:6px;padding:6px 7px 6px;background:#EFEAE2;position:relative;z-index:2}
.ws-campo{flex:1;min-height:48px;background:#fff;border-radius:25px;display:flex;align-items:center;gap:8px;padding:0 12px 0 11px;box-shadow:0 1px .5px rgba(11,20,26,.1)}
.ws-campo .txt{flex:1;font-size:16.5px;color:#8696A0;white-space:nowrap;overflow:hidden;display:flex;align-items:center}
.ws-campo .txt.tem{color:#111B21}
.ws-cursor{display:inline-block;width:2px;height:20px;background:#1DAA61;margin-left:1px}
.ws-campo .ic{width:24px;height:24px;flex:none;display:grid;place-items:center}
.ws-botao{width:48px;height:48px;border-radius:50%;background:#1DAA61;display:grid;place-items:center;flex:none;position:relative}
.ws-nav{height:24px;flex:none;display:grid;place-items:center;background:#EFEAE2}
.ws-nav i{width:108px;height:4px;border-radius:3px;background:#1b1b1b;opacity:.8}

/* dedo tocando */
.ws-dedo{position:absolute;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.75) 0%,rgba(255,255,255,.35) 60%,rgba(255,255,255,0) 72%);
 border:2px solid rgba(255,255,255,.95);box-shadow:0 4px 16px rgba(0,0,0,.28);pointer-events:none;z-index:20;transform:translate(-50%,-50%)}

/* folha da lista (menu) */
.ws-folha{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:22px 22px 0 0;z-index:12;padding:10px 0 30px;box-shadow:0 -8px 30px rgba(0,0,0,.18)}
.ws-folha .alca{width:36px;height:4px;border-radius:3px;background:#D1D7DB;margin:0 auto 12px}
.ws-folha h4{margin:0 20px 6px;font-size:13px;font-weight:500;color:#008069}
.ws-folha .op{display:flex;align-items:center;gap:14px;padding:11px 20px}
.ws-folha .op b{display:block;font-size:16px;font-weight:400}
.ws-folha .op span{font-size:13.5px;color:#667781}
.ws-folha .op .rd{margin-left:auto;width:20px;height:20px;border-radius:50%;border:2px solid #8696A0;flex:none}
.ws-veu{position:absolute;inset:0;background:rgba(11,20,26,.4);z-index:11}

/* recibo fotografado (nota fiscal fictícia) */
.ws-mesa{position:absolute;inset:0;overflow:hidden}
.ws-mesa.madeira{background:
 repeating-linear-gradient(92deg,rgba(255,255,255,.035) 0 2px,rgba(0,0,0,0) 2px 9px),
 repeating-linear-gradient(88deg,rgba(60,30,10,.10) 0 1px,rgba(0,0,0,0) 1px 23px),
 linear-gradient(160deg,#b98a5f 0%,#9a6c45 45%,#7d5434 100%)}
.ws-mesa.pedra{background:radial-gradient(120% 90% at 20% 10%,#e9e6e1 0%,#cfcac3 55%,#b5afa6 100%)}
.ws-mesa.balcao{background:linear-gradient(170deg,#3d4a55 0%,#2b343c 60%,#20272d 100%)}
.ws-mesa::before{content:"";position:absolute;inset:0;background:radial-gradient(90% 70% at 35% 30%,rgba(255,250,235,.35),rgba(0,0,0,0) 60%),radial-gradient(130% 100% at 50% 110%,rgba(0,0,0,.45),rgba(0,0,0,0) 55%);z-index:2;pointer-events:none}
.ws-nota{position:absolute;width:184px;padding:12px 11px 18px;background:#FBFAF4;color:#2b2b2b;transform-origin:50% 40%;
 font:500 7.6px/1.45 Consolas,"Courier New",ui-monospace,monospace;letter-spacing:-.1px;
 box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 14px 22px -6px rgba(0,0,0,.45),0 3px 6px rgba(0,0,0,.25);
 clip-path:polygon(0 1.2%,6% 0,12% 1%,19% .2%,26% 1.1%,33% 0,40% 1%,47% .3%,54% 1.1%,61% 0,68% 1%,75% .2%,82% 1.1%,89% 0,95% 1%,100% .3%,100% 97%,95% 100%,90% 97.3%,85% 100%,80% 97.3%,75% 100%,70% 97.3%,65% 100%,60% 97.3%,55% 100%,50% 97.3%,45% 100%,40% 97.3%,35% 100%,30% 97.3%,25% 100%,20% 97.3%,15% 100%,10% 97.3%,5% 100%,0 97.3%)}
.ws-nota::after{content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 12%,rgba(0,0,0,0) 46%,rgba(0,0,0,.07) 49%,rgba(255,255,255,.25) 51%,rgba(0,0,0,0) 56%,rgba(0,0,0,0) 100%),
 linear-gradient(90deg,rgba(0,0,0,.06),rgba(0,0,0,0) 15%,rgba(0,0,0,0) 85%,rgba(0,0,0,.08))}
.ws-nota .c{text-align:center}
.ws-nota .g{font-weight:700;font-size:8.6px}
.ws-nota hr{border:0;border-top:1px dashed #9a9a9a;margin:4px 0}
.ws-nota .l{display:flex;justify-content:space-between;gap:6px}
.ws-nota .tt{display:flex;justify-content:space-between;font-weight:700;font-size:9.6px;margin-top:2px}
.ws-nota .qr{width:58px;height:58px;margin:6px auto 3px;display:block}
.ws-nota .ch{font-size:6.2px;text-align:center;word-break:break-all;color:#555}
.ws-sombra-mao{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(60% 40% at 105% 100%,rgba(0,0,0,.35),rgba(0,0,0,0) 70%)}

/* tela do App (lado a lado com o WhatsApp) */
.ws-app{background:#FBF5F1}