/* Movimento escopado das páginas RastrackDash WhatsApp. */


.motion-controls{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:10px 0;color:var(--muted)}
.motion-controls button{display:inline-grid;place-items:center;width:34px;height:34px;padding:7px;border:1px solid var(--line);border-radius:6px;background:transparent;color:inherit;cursor:pointer}.motion-controls button svg{width:17px;height:17px}.motion-controls button:disabled{opacity:.6;cursor:default}.motion-controls>button:hover{background:#e9efdf}
.ai-conversation .motion-controls{padding:10px 24px;border-top:1px solid var(--line);background:white}
.motion-chat-window{height:420px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#b7c7a9 #f0f3eb;scrollbar-width:thin}
.motion-on .motion-chat-window .chat-message.motion-future{display:none}
.motion-on .motion-chat-window .chat-message.motion-current{animation:message-arrive .32s cubic-bezier(.16,1,.3,1) both}
.motion-chat-typing{display:none;align-items:center;gap:4px;min-height:22px;padding:4px 2px;color:var(--muted);font-size:11px}.motion-chat-typing span{margin-right:7px}.motion-chat-typing i{display:block;width:4px;height:4px;border-radius:50%;background:var(--lime-dark);animation:typing-reply 1.1s ease-in-out infinite}.motion-chat-typing i:nth-of-type(2){animation-delay:.15s}.motion-chat-typing i:nth-of-type(3){animation-delay:.3s}
.motion-on .motion-chat-window[data-pending=true] .motion-chat-typing{display:flex}
.motion-on .motion-chat-window[data-running=false] .motion-chat-typing i{animation-play-state:paused}
.motion-on .chat-message.motion-current .ai-install-checks li{animation:check-arrive .28s both}.motion-on .chat-message.motion-current .ai-install-checks li:nth-child(2){animation-delay:.3s}.motion-on .chat-message.motion-current .ai-install-checks li:nth-child(3){animation-delay:.6s}
.motion-on .setup-layout .process-list li{transition:background-color .25s ease,opacity .25s ease}.motion-on .setup-layout .process-list li.motion-step-current{background:#edf3e4}
.motion-flow{padding:24px;background:#19231c;border-radius:16px;color:#f6f7f2;--muted:#c5cebd;--line:#3d4a38}
.motion-flow .flow-node{position:relative;isolation:isolate;border-radius:8px;transition:background-color .28s ease,transform .28s ease;padding-inline:10px;border-bottom-color:#3d4a38}
.motion-flow .flow-node strong{color:#f6f7f2}.motion-flow .flow-node span{color:#c5cebd}.motion-flow .flow-node>.icon{color:#b2ef42}
.motion-flow .motion-controls button:hover{background:#293d25}
.motion-flow .flow-node:after{content:'';position:absolute;width:7px;height:7px;left:20px;bottom:0;border-radius:50%;background:var(--lime-dark);opacity:0;pointer-events:none}
.motion-on .motion-flow .flow-node.motion-current{background:#304126;transform:translateX(5px)}
.motion-on .motion-flow[data-running=true] .flow-node.motion-current:after{animation:signal-travel 1.7s cubic-bezier(.16,1,.3,1) infinite}
.motion-on .motion-flow .flow-node.motion-complete>.icon{color:var(--lime-dark)}
.motion-on .motion-flow .flow-return.motion-current{background:#b2ef42;color:#19231c;transition:background-color .4s,color .4s}
.motion-flow .flow-return{transition:background-color .4s,color .4s}
.motion-on .motion-path .connection-steps li{transition:background-color .25s ease,transform .25s ease;border-radius:8px}
.motion-on .motion-path .connection-steps li.motion-current{background:#e5efd9;transform:translateX(4px)}
.motion-on .motion-path .connection-steps li.motion-current:before{background:var(--lime-dark);color:white;border-color:var(--lime-dark)}
.motion-on .motion-path .connection-path-end.motion-current{color:var(--ink)}
.motion-on .delivery-list li{transition:background-color .25s ease}.motion-on .delivery-list li.motion-current{background:#e8f1de}
.motion-icon-button{display:inline-grid;place-items:center;flex-shrink:0;width:32px;height:32px;padding:6px;background:transparent;color:var(--dark-muted);border:1px solid var(--dark-line);border-radius:6px;cursor:pointer}.motion-icon-button svg{width:15px;height:15px}.motion-icon-button:hover{color:var(--lime);border-color:var(--lime)}
.motion-on .demo-panel.motion-panel-enter{animation:panel-arrive .3s cubic-bezier(.16,1,.3,1) both}.motion-on .event-list li{animation:check-arrive .3s both}.motion-on .event-list li:nth-child(2){animation-delay:.18s}.motion-on .event-list li:nth-child(3){animation-delay:.36s}
.motion-on .gallery-panels [role=tabpanel].motion-panel-enter .screenshot-frame{animation:screen-arrive .38s cubic-bezier(.16,1,.3,1) both}
.motion-on .gallery-tabs button{transition:background-color .2s,color .2s,border-color .2s}
.motion-on .motion-action-confirmed{animation:action-confirm .65s ease-out}
.motion-off .bar,.motion-off .screenshot-frame,.motion-off .event-list li{animation:none!important;transition:none!important}
.motion-on .hero-copy h1 em{position:relative;text-decoration-line:underline;text-decoration-color:#b2ef42;text-decoration-thickness:.075em;text-underline-offset:.09em}
/* Revisão29/10: somente a janela da conversa recebe tema escuro. */
.rdash-motion .ai-conversation{background:#152019;border-color:#354437;color:#e9f0e3;--muted:#bac8b2;--line:#3d4e3e;box-shadow:0 22px 48px -30px #15201980}
.rdash-motion .ai-conversation-head{background:#1d2a20;border-color:#3d4e3e;padding-block:21px}
.rdash-motion .ai-conversation-head strong{color:#f0f5ec}.rdash-motion .ai-conversation-head div>span{color:#bac8b2}
.rdash-motion .ai-avatar{background:#2b3d25;color:#b2ef42}.rdash-motion .ai-status{color:#c0ef86}.rdash-motion .ai-status:before{background:#b2ef42}
.rdash-motion .ai-messages{background:#152019;padding-block:25px;gap:25px;scrollbar-color:#57764b #1c2b20;scroll-behavior:smooth}
.rdash-motion .chat-message{font-size:13px;line-height:1.75;max-width:94%;color:#e9f0e3}
.rdash-motion .chat-author{color:#bdcdb3;font-size:10px}.rdash-motion .chat-author .icon{color:#b2ef42}
.rdash-motion .chat-human p{background:#30452b;color:#f0f6eb;border-radius:15px 15px 4px 15px;padding:14px 17px}
.rdash-motion .chat-assistant>p:first-of-type{background:#1e2e22;padding:14px 16px;border-radius:4px 15px 15px 15px}
.rdash-motion .ai-install-checks{background:#22351f;border-color:#3e5631;color:#e0edcf;margin-top:12px;padding:13px 16px}
.rdash-motion .ai-install-checks .icon{color:#b2ef42}.rdash-motion .ai-next{color:#d4efb2}
.rdash-motion .chat-composer{background:#202f24;border-color:#40513c;color:#bdcdb3;margin-top:14px}
.rdash-motion .chat-send{background:#b2ef42;color:#19231c}.rdash-motion .ai-conversation figcaption{color:#b8c6b0}
.rdash-motion .ai-conversation .motion-controls{background:#1b281f;border-color:#3d4e3e;color:#c6d3bb}
.rdash-motion .ai-conversation .motion-controls button:hover{background:#2d4028}.rdash-motion .ai-conversation :focus-visible{outline-color:#b2ef42}
.rdash-motion .motion-chat-typing{color:#bdcdb3}.rdash-motion .motion-chat-typing i{background:#b2ef42}
.motion-on .motion-chat-window .chat-assistant.motion-current{animation:assistant-reply .46s cubic-bezier(.16,1,.3,1) both}
.motion-on .motion-chat-window .chat-human.motion-current{animation:human-message .36s cubic-bezier(.16,1,.3,1) both}
.motion-on .chat-message.motion-current .ai-install-checks li{animation:check-arrive .35s both;animation-delay:.45s}.motion-on .chat-message.motion-current .ai-install-checks li:nth-child(2){animation-delay:.8s}.motion-on .chat-message.motion-current .ai-install-checks li:nth-child(3){animation-delay:1.15s}
.motion-on .chat-message.motion-current .ai-next{animation:check-arrive .35s 1.5s both}
.motion-price-anchor{color:var(--muted);font-size:16px;margin:14px 0 10px;line-height:1.5}
.motion-price-anchor s{position:relative;display:inline-block;color:#4d5845;text-decoration:none;margin-inline:3px}
.motion-price-anchor s:after{content:'';position:absolute;top:55%;left:-3%;width:106%;height:2px;background:#7d886f;transform-origin:left center;transform:rotate(-7deg)}
.motion-price-value{display:inline-block;min-width:1.86em;line-height:1;font-variant-numeric:tabular-nums;vertical-align:top}
.motion-on .motion-price-panel[data-price-stage="0"] .motion-price-anchor s:after{animation:anchor-strike .55s cubic-bezier(.16,1,.3,1) both}
.motion-price-panel .motion-controls{color:var(--muted);--line:#c5d1b9}.motion-price-panel .motion-controls button:hover{background:#e3ecd9}
.motion-cost-bars{display:grid;gap:12px;margin:20px 0 24px}.motion-cost-bars[hidden]{display:none}
.motion-cost-bars>div{display:grid;grid-template-columns:98px minmax(0,1fr);align-items:center;gap:12px;font-size:11px;color:var(--muted)}
.motion-cost-track{display:block;height:9px;background:#dce4d3;border-radius:5px;overflow:hidden}
.motion-cost-fill{display:block;height:100%;width:100%;background:#69775e;transform-origin:left;transform:scaleX(0);transition:transform .55s cubic-bezier(.16,1,.3,1)}
.motion-cost-fill[data-cost=own]{background:#4b7427}
.motion-cost-bars[data-ready=true] .motion-cost-fill,.motion-off .motion-cost-fill{transform:scaleX(var(--cost-ratio,1))}
.motion-off .motion-cost-fill{transition:none}
@keyframes assistant-reply{from{opacity:.1;transform:translate(-5px,13px)}to{opacity:1;transform:none}}
@keyframes human-message{from{opacity:.2;transform:translate(5px,10px)}to{opacity:1;transform:none}}
@keyframes anchor-strike{from{transform:rotate(-7deg) scaleX(0)}to{transform:rotate(-7deg) scaleX(1)}}
@keyframes message-arrive{from{opacity:.15;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes typing-reply{0%,70%,100%{opacity:.35;transform:none}35%{opacity:1;transform:translateY(-3px)}}
@keyframes check-arrive{from{opacity:.3;transform:translateX(-5px)}to{opacity:1;transform:none}}
@keyframes signal-travel{0%{opacity:0;transform:translateY(-30px)}25%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translateY(15px)}}
@keyframes panel-arrive{from{opacity:.6;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes screen-arrive{from{opacity:.6;transform:translateY(9px) scale(.994)}to{opacity:1;transform:none}}
@keyframes action-confirm{0%,100%{background-color:transparent}25%{background-color:#dcefc5}}
@media(max-width:680px){.motion-chat-window{height:440px}.ai-conversation .motion-controls{padding-inline:18px}.motion-flow .flow-node{padding-inline:5px}.motion-flow .flow-node:after{left:15px}.motion-controls{font-size:10px}.motion-controls button{padding-inline:10px}.site-footer{padding-bottom:90px}}
@media(prefers-reduced-motion:reduce){.motion-on .motion-chat-window .chat-message.motion-future{display:block}.motion-chat-typing{display:none!important}.motion-on .flow-node,.motion-on .connection-steps li{transform:none!important}.rdash-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
