.crp-fone-video,.crp-fone-toque{isolation:isolate}
.phone-tiktok-effect{--tiktok-cyan:#25f4ee;--tiktok-pink:#fe2c55;--tiktok-white:#fff;position:absolute;inset:0;pointer-events:none}
.phone-tiktok-back{z-index:-1}.phone-tiktok-front{z-index:3}
.phone-tiktok-note{--tiktok-from-x:12px;--tiktok-angle:-9deg;position:absolute;display:block;animation:phone-tiktok-float 6s ease-in-out infinite;animation-play-state:paused;will-change:transform}
.phone-tiktok-effect.is-visible .phone-tiktok-note{animation-play-state:running}
.phone-tiktok-note svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 3px 2px var(--color-void))}
.phone-tiktok-cyan{fill:var(--tiktok-cyan);transform:translate(-1.6px,-.8px)}
.phone-tiktok-pink{fill:var(--tiktok-pink);transform:translate(1.6px,1px)}
.phone-tiktok-mark{fill:var(--tiktok-white)}
.phone-tiktok-note-0{width:96px;height:96px;top:17%;left:-79px;animation-delay:-1s}
.phone-tiktok-note-1{--tiktok-from-x:-14px;width:112px;height:112px;top:46%;right:-89px;animation-delay:-3s}
.phone-tiktok-note-2{width:56px;height:56px;top:76%;left:-65px;animation-delay:-2s}
.phone-tiktok-note-3{--tiktok-from-x:-12px;--tiktok-angle:10deg;width:42px;height:42px;top:8%;right:-52px;animation-delay:-4s}
.phone-tiktok-note-4{--tiktok-from-x:-18px;--tiktok-angle:12deg;width:82px;height:82px;top:27%;right:-83px;animation-delay:-1.6s}
.phone-tiktok-note-5{width:40px;height:40px;top:55%;left:-55px;animation-delay:-3.4s}
.phone-tiktok-note-6{--tiktok-from-x:-10px;width:32px;height:32px;top:84%;right:-44px;animation-delay:-4.6s}
@keyframes phone-tiktok-float{0%,100%{transform:translate3d(var(--tiktok-from-x),6px,0) scale(.88) rotate(var(--tiktok-angle))}45%,65%{transform:translate3d(0,-9px,0) scale(1) rotate(4deg)}}
@media(max-width:1279px){.phone-tiktok-note-0{width:64px;height:64px;left:-59px}.phone-tiktok-note-1{width:72px;height:72px;right:-64px}.phone-tiktok-note-2{width:38px;height:38px;left:-46px}.phone-tiktok-note-3{width:28px;height:28px;right:-35px}.phone-tiktok-note-4{width:58px;height:58px;right:-60px}.phone-tiktok-note-5{width:30px;height:30px;left:-40px}.phone-tiktok-note-6{width:24px;height:24px;right:-34px}}
@media(max-width:640px){.crp-fone-toque .celular{--celular-w:min(var(--cr-fone-w),calc(100vw - 132px))}}
@media(prefers-reduced-motion:reduce){.phone-tiktok-note{animation:none}}
.cm.cm-enhanced{height:auto;min-height:100%;gap:10px;padding:18px 16px;border-radius:14px;background:linear-gradient(160deg,rgba(216,252,84,.08),rgba(216,252,84,0) 42%),linear-gradient(180deg,var(--color-panel-2,#0b0b0b),var(--color-void,#050505));border:1px solid rgba(216,252,84,.16);box-shadow:0 18px 40px -18px rgba(0,0,0,.85)}
.cm-enhanced .cm-cabeca>:first-child{display:inline-flex;align-items:center;gap:6px;letter-spacing:0;font-size:12px}
.cm-enhanced .cm-cabeca>:first-child::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:var(--color-verde);animation:cm-pulse 1.6s ease-out infinite}
@keyframes cm-pulse{0%{box-shadow:0 0 0 0 rgba(216,252,84,.45)}70%{box-shadow:0 0 0 8px rgba(216,252,84,0)}100%{box-shadow:0 0 0 0 rgba(216,252,84,0)}}
.cm-demo-badge{font-size:9px;color:var(--color-dim);border:1px solid var(--color-line-2);border-radius:999px;padding:3px 8px;letter-spacing:0;background:rgba(255,255,255,.03)}
.cm-enhanced .cm-valor{font-size:34px;letter-spacing:0;white-space:nowrap;background:linear-gradient(100deg,#fff 18%,var(--color-verde) 88%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}
.cm-enhanced .cm-ponto{display:none}
.cm-enhanced .cm-pedidos{font-size:12px;color:var(--color-dim)}
.cm-enhanced .cm-pedidos b{color:var(--color-verde);font-variant-numeric:tabular-nums}
.cm-growth{width:100%;min-width:0;padding:10px 10px 8px;border:1px solid var(--color-line);border-radius:10px;background:rgba(255,255,255,.02)}
.cm-growth-label,.cm-chart-axis{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:var(--color-dim)}
.cm-growth-trend{display:inline-flex;align-items:center;gap:5px;color:var(--color-verde)}
.cm-live-dot{width:6px;height:6px;border-radius:50%;background:var(--color-verde);animation:cm-pulse 1.6s ease-out infinite}
.cm-growth svg{display:block;width:100%;height:64px;overflow:visible;margin-top:6px;filter:drop-shadow(0 3px 6px rgba(216,252,84,.35))}
.cm-chart-grid{stroke:var(--color-line);stroke-width:1;fill:none}
.cm-chart-line{stroke:var(--color-verde);stroke-width:2.5;fill:none;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:400;animation:cm-draw 1.4s ease-out}
@keyframes cm-draw{from{stroke-dashoffset:400}to{stroke-dashoffset:0}}
.cm-chart-fill{fill:var(--color-verde);opacity:.1}
.cm-chart-end{fill:var(--color-verde)}
.cm-chart-axis{font-size:9px;margin-top:2px}
.cm-pix{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(216,252,84,.14);border-radius:10px;background:rgba(216,252,84,.05)}
.cm-pix-icon{display:grid;place-items:center;width:25px;height:25px;flex:none;border:1px solid var(--color-verde);border-radius:50%;color:var(--color-verde);font-size:14px}
.cm-pix>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}
.cm-pix b{font-size:12px;font-weight:600}.cm-pix small{font-size:9px;color:var(--color-dim)}
.cm-pix strong{font-size:12px;color:var(--color-verde);white-space:nowrap;font-variant-numeric:tabular-nums}
.cm-enhanced .cm-pilha{gap:7px}
.cm-enhanced .cm-venda{grid-template-columns:38px minmax(0,1fr);gap:10px;min-height:50px;padding:7px 8px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid var(--color-line)}
.cm-enhanced .cm-venda-foto{width:38px;height:38px;border-radius:8px}
.cm-enhanced .cm-venda-texto b,.cm-enhanced .cm-venda-valor{font-size:12px}
.cm-enhanced .cm-venda-texto small{font-size:10px}
.cm-product-skirt{background:var(--color-panel-2) url('/__l5e/assets-v1/46372d00-2151-425e-bf99-817ad9e89fa6/saia-azul.jpeg') 50% 53%/240% no-repeat}
.cm-product-skirt>*{visibility:hidden}
.crp[data-modo=toque] .crp-fecho:has(.cm-enhanced){height:520px;margin-top:18px}
.cr-casca:has(.cm-enhanced){--criadores-fecho-toque-h:520px}
.cm-pix-new{animation:cm-pix-received .7s ease-out}
@keyframes cm-pix-received{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.cm-pix-new{animation:none}.cm-enhanced .cm-cabeca>:first-child::before,.cm-live-dot{animation:none}.cm-chart-line{animation:none}}
@media(max-width:380px){.cm.cm-enhanced{padding:14px 12px}.cm-enhanced .cm-valor{font-size:28px}.cm-demo-badge{font-size:8px}}
@media(min-width:1280px){
.crp[data-modo=mesa] .cm.cm-enhanced{padding:12px;gap:10px;border-radius:10px}
.crp[data-modo=mesa] .cm-enhanced .cm-valor{font-size:25px;font-variation-settings:"wdth" 100}
.crp[data-modo=mesa] .cm-enhanced .cm-cabeca>:first-child{font-size:9px}
.crp[data-modo=mesa] .cm-demo-badge{font-size:7px;padding:2px 5px;border-radius:4px}
.crp[data-modo=mesa] .cm-growth{padding:8px;border-radius:8px}
.crp[data-modo=mesa] .cm-growth-label{font-size:8px;gap:3px;white-space:nowrap}
.crp[data-modo=mesa] .cm-growth-trend{font-size:7px}
.crp[data-modo=mesa] .cm-growth svg{height:52px}
.crp[data-modo=mesa] .cm-pix{gap:6px;padding:7px 8px;border-radius:8px}
.crp[data-modo=mesa] .cm-pix-icon{width:19px;height:19px;font-size:11px}
.crp[data-modo=mesa] .cm-pix b,.crp[data-modo=mesa] .cm-pix strong{font-size:10px}
.crp[data-modo=mesa] .cm-pix small{font-size:8px}
.crp[data-modo=mesa] .cm-enhanced .cm-venda{grid-template-columns:30px minmax(0,1fr);gap:6px;padding:6px;border-radius:8px}
.crp[data-modo=mesa] .cm-enhanced .cm-venda-foto{width:30px;height:30px;border-radius:6px}
.crp[data-modo=mesa] .cm-enhanced .cm-venda-texto b,.crp[data-modo=mesa] .cm-enhanced .cm-venda-valor{font-size:10px}
}
.cm-valor-up{animation:cm-valor-pop .55s ease-out}
@keyframes cm-valor-pop{0%{transform:scale(1)}35%{transform:scale(1.06)}100%{transform:scale(1)}}
.cm-venda-new{animation:cm-venda-in .6s cubic-bezier(.22,1,.36,1)}
@keyframes cm-venda-in{from{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.cm-enhanced .cm-demo-badge{color:var(--color-verde);border-color:rgba(216,252,84,.35);background:rgba(216,252,84,.08);font-weight:700}
@media(prefers-reduced-motion:reduce){.cm-valor-up,.cm-venda-new{animation:none}}
/* Simulação própria: esconde os elementos originais do React e usa os nossos */
.cm-enhanced .cm-valor,.cm-enhanced .cm-pedidos,.cm-enhanced .cm-pilha,.cm-enhanced .cm-ponto{display:none}
.cm-sim{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0}
.cm-sim-top{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.cm-sim-valor-wrap{display:flex;flex-direction:column;gap:2px;min-width:0}
.cm-sim-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-dim)}
.cm-sim-valor{font-size:32px;line-height:1.05;letter-spacing:0;white-space:nowrap;background:linear-gradient(100deg,#fff 18%,var(--color-verde) 88%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}
.cm-sim-pedidos{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:10px;color:var(--color-dim);white-space:nowrap}
.cm-sim-pedidos b{font-size:16px;color:var(--color-verde);font-variant-numeric:tabular-nums}
.cm-sim-pilha{display:flex;flex-direction:column;gap:7px}
.cm-sim-pilha .cm-venda{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;padding:7px 8px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid var(--color-line)}
.cm-sim-pilha .cm-venda-foto{width:38px;height:38px;border-radius:8px;background:var(--color-panel-2,#111)}
.cm-sim-pilha .cm-venda-texto{display:flex;flex-direction:column;gap:2px;min-width:0}
.cm-sim-pilha .cm-venda-texto b{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-sim-pilha .cm-venda-texto small{font-size:10px;color:var(--color-dim)}
.cm-sim-pilha .cm-venda-valor{font-size:12px;color:var(--color-verde);white-space:nowrap;font-variant-numeric:tabular-nums}
@media(min-width:1280px){.crp[data-modo=mesa] .cm-sim-valor{font-size:24px}.crp[data-modo=mesa] .cm-sim-pedidos b{font-size:13px}.crp[data-modo=mesa] .cm-sim-pilha .cm-venda{grid-template-columns:30px minmax(0,1fr) auto;gap:6px;padding:6px;min-height:42px}.crp[data-modo=mesa] .cm-sim-pilha .cm-venda-foto{width:30px;height:30px}}
.cm-venda-foto{flex:none;display:block;min-width:38px}.cm-venda{grid-template-columns:38px minmax(0,1fr) auto}
