.eco-chrome{background:#161618;padding:14px 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.06)}.eco-dots{display:flex;gap:6px}.eco-dots span{width:11px;height:11px;border-radius:50%}.eco-dots span:nth-child(1){background:#ff5f57}.eco-dots span:nth-child(2){background:#febc2e}.eco-dots span:nth-child(3){background:#28c840}.eco-title{margin-left:8px;font-size:11px;color:#ffffff59;font-family:monospace;letter-spacing:.04em;flex:1}.eco-live{display:flex;align-items:center;gap:6px;font-size:10px;color:#10b981;font-family:monospace}.eco-pulse{width:6px;height:6px;border-radius:50%;background:#10b981;animation:live-pulse 1.4s ease infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.3}}.eco-body{background:#0d0f14;display:grid;grid-template-columns:1fr 1fr 1fr;min-height:280px}.eco-col{padding:20px 18px;border-right:1px solid rgba(255,255,255,.05);font-size:11px}.eco-col:last-child{border-right:none}.eco-col-label{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#ffffff38;font-family:monospace;margin-bottom:14px}.msg-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.04);opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}.msg-row.visible{opacity:1;transform:none}.msg-row:last-child{border:none}.msg-src{width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0;font-weight:700}.msg-src.wa{background:#25d36626;color:#25d366}.msg-src.em{background:#ea43351f;color:#ea4335}.msg-src.ig{background:#e1306c1f;color:#e1306c}.msg-info{flex:1;min-width:0}.msg-name{font-size:11px;color:#fffc;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-preview{font-size:10px;color:#ffffff4d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.msg-badge{font-size:9px;padding:2px 6px;border-radius:4px;font-family:monospace;flex-shrink:0;opacity:0;transition:opacity .3s ease .6s}.msg-badge.show{opacity:1}.msg-badge.replied{background:#10b98126;color:#10b981}.msg-badge.new{background:#2e5bff26;color:#7b9fff}.ag-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04);opacity:0;transform:translate(-4px);transition:opacity .3s ease,transform .3s ease}.ag-row.visible{opacity:1;transform:none}.ag-row:last-child{border:none}.ag-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.ag-dot.done{background:#10b981}.ag-dot.run{background:#2e5bff;animation:live-pulse 1s ease infinite}.ag-dot.wait{background:#ffffff26}.ag-name{flex:1;font-size:10px;color:#ffffff80}.ag-status{font-size:9px;font-family:monospace}.ag-status.ok{color:#10b981}.ag-status.on{color:#7b9fff}.ag-status.idle{color:#fff3}.deal-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:11px 13px;margin-bottom:8px;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.deal-card.visible{opacity:1;transform:none}.deal-card:last-child{margin:0}.deal-name{font-size:11px;color:#ffffffd9;font-weight:500;margin-bottom:3px}.deal-meta{font-size:9px;color:#ffffff47;font-family:monospace;margin-bottom:5px}.deal-stage{display:inline-block;font-size:9px;padding:2px 7px;border-radius:4px;font-family:monospace;font-weight:600}.deal-stage.contacted{background:#2e5bff2e;color:#7b9fff}.deal-stage.following{background:#f59e0b26;color:#f59e0b}.deal-stage.replied{background:#10b98126;color:#10b981}.agent-body{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1)}.agent-body.open{max-height:800px}.agent-toggle[aria-expanded=true] .agent-icon{transform:rotate(45deg)}.agent-mock{background:#0d0f14;min-height:160px}.mock-chrome{background:#161618;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.06);font-size:10px;color:#ffffff40;font-family:monospace;display:flex;align-items:center;gap:8px}.mock-dot{width:8px;height:8px;border-radius:50%;background:#ffffff1a}.mock-body{padding:16px 18px;font-size:11px;color:#ffffff80}.mock-bubble{border-radius:12px;padding:8px 12px;font-size:11px;max-width:80%;margin-bottom:8px;opacity:0;transform:translateY(4px);transition:opacity .35s ease,transform .35s ease}.mock-bubble.visible{opacity:1;transform:none}.mock-bubble.in{background:#ffffff12;color:#ffffffbf;align-self:flex-start}.mock-bubble.out{background:#2e5bff;color:#fff;align-self:flex-end}.mock-chat{display:flex;flex-direction:column}.mock-timer{font-size:10px;color:#10b981;font-family:monospace;text-align:center;padding:4px 0;opacity:0;transition:opacity .3s ease}.mock-timer.visible{opacity:1}.mock-tl{display:flex;align-items:flex-start;gap:0;padding:20px 18px}.mock-tl-step{display:flex;flex-direction:column;align-items:center;flex:1}.mock-tl-dot{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.1);background:#161618;display:flex;align-items:center;justify-content:center;font-size:9px;color:transparent;font-weight:700;transition:background .3s ease,border-color .3s ease,color .3s ease}.mock-tl-dot.done{background:#2e5bff;border-color:#2e5bff;color:#fff}.mock-tl-line{height:2px;flex:1;background:#ffffff14;margin-top:10px}.mock-tl-label{font-size:9px;color:#ffffff40;font-family:monospace;margin-top:6px}.mock-field{display:flex;gap:10px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:10px}.mock-field:last-child{border:none}.mock-field-k{color:#ffffff40;width:60px;flex-shrink:0}.mock-field-v{color:#ffffffbf;font-weight:500;overflow:hidden}.mock-field-v span{display:inline-block;clip-path:inset(0 100% 0 0);transition:clip-path .5s ease}.mock-field-v span.visible{clip-path:inset(0 0% 0 0)}.mock-check{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:11px;color:#ffffff73}.mock-check:last-child{border:none}.mock-check-box{width:16px;height:16px;border-radius:4px;border:1.5px solid rgba(255,255,255,.15);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:9px;color:transparent;transition:background .3s ease,border-color .3s ease,color .3s ease}.mock-check-box.done{background:#10b981;border-color:#10b981;color:#fff}.mock-metric{display:flex;align-items:center;gap:10px;padding:6px 0}.mock-metric-label{font-size:10px;color:#ffffff4d;width:70px;flex-shrink:0;font-family:monospace}.mock-metric-bar{flex:1;height:5px;background:#ffffff0f;border-radius:3px;overflow:hidden}.mock-metric-fill{height:100%;border-radius:3px;width:0;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.mock-metric-num{font-size:11px;font-family:monospace;color:#ffffffb3;font-weight:600;width:30px;text-align:right}.mock-signal{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;margin-bottom:6px;opacity:0;transform:translate(12px);transition:opacity .4s ease,transform .4s ease}.mock-signal.visible{opacity:1;transform:none}.mock-signal-dot{width:6px;height:6px;border-radius:50%;background:#f59e0b;flex-shrink:0}.mock-signal-text{flex:1;font-size:10px;color:#fff9}.mock-signal-tag{font-size:8px;padding:2px 5px;border-radius:3px;background:#f59e0b26;color:#f59e0b;font-family:monospace;font-weight:600}@media (max-width: 639px){.eco-body{grid-template-columns:1fr;min-height:auto}#eco-agents{display:none}.eco-col{border-right:none;border-bottom:1px solid rgba(255,255,255,.05);min-height:130px}.eco-col:last-child{border-bottom:none}.mock-tl{padding:14px 12px;gap:0}.mock-tl-dot{width:18px;height:18px;font-size:8px}.mock-tl-label{font-size:8px}.mock-body{padding:12px 14px}.mock-chrome{padding:8px 12px;font-size:9px}.msg-row{padding:6px 12px}.deal-card{padding:8px 10px}.ag-row{padding:5px 12px}.eco-col{padding:14px 12px}.eco-col-label{font-size:8px;margin-bottom:10px}.mock-bubble{font-size:10px;padding:6px 10px;max-width:90%}.mock-metric{gap:6px}.mock-metric-label{width:54px;font-size:9px}.mock-signal{padding:6px 8px}.mock-signal-text{font-size:9px}}@media (min-width: 640px) and (max-width: 1023px){.eco-body{grid-template-columns:1fr 1fr}#eco-agents{display:none}}.tier-tabs{display:none;flex-wrap:wrap;gap:8px}.js-tabs .tier-tabs{display:flex}.js-tabs .tier-panels{max-width:640px}.js-tabs .tier-panel{display:none}.js-tabs .tier-panel.active{display:flex}@media (prefers-reduced-motion: no-preference){.js-tabs .tier-panel.active .tier-price{animation:tier-price-settle .5s cubic-bezier(.22,1,.36,1) both}}@keyframes tier-price-settle{0%{opacity:0;filter:blur(14px);transform:translateY(.35em)}to{opacity:1;filter:blur(0);transform:none}}
