.auto-mock{width:100%;max-width:400px;background:var(--av-card-bg);border:1px solid var(--av-border);border-radius:0;box-shadow:var(--av-shadow-lg);overflow:hidden;display:flex;flex-direction:column}[data-theme=dark] .auto-mock{background:var(--av-dark-medium);border-color:#ffffff14}.auto-mock-header{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.1rem;background:var(--brand-primary);color:var(--brand-on-primary)}.auto-mock-avatar{width:40px;height:40px;border-radius:0;background:#14141424;display:grid;place-items:center;flex-shrink:0}.auto-mock-id{display:flex;flex-direction:column;line-height:1.2}.auto-mock-id strong{font-size:.95rem;font-weight:700}.auto-mock-id span{font-size:.78rem;opacity:.9;display:inline-flex;align-items:center;gap:.35rem}.auto-mock-online-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;display:inline-block;box-shadow:0 0 #4ade80b3;animation:autoPulse 2s infinite}@keyframes autoPulse{0%{box-shadow:0 0 #4ade8099}70%{box-shadow:0 0 0 6px #4ade8000}to{box-shadow:0 0 #4ade8000}}.auto-mock-body{padding:1.1rem;display:flex;flex-direction:column;background:var(--av-light-alt)}[data-theme=dark] .auto-mock-body{background:var(--av-dark-surface)}.auto-node{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;border:1px solid var(--av-border);border-radius:0;background:var(--av-card-bg)}[data-theme=dark] .auto-node{background:var(--av-dark-medium);border-color:#ffffff14}.auto-node-icon{width:34px;height:34px;border-radius:0;display:grid;place-items:center;flex-shrink:0;background:rgba(var(--brand-primary-rgb),.12);color:var(--brand-on-dark)}.auto-node-icon.auto-node-done{background:#22c55e24;color:#22c55e}.auto-node-text{display:flex;flex-direction:column;line-height:1.25;min-width:0}.auto-node-text strong{font-size:.86rem;font-weight:700;color:var(--av-text)}.auto-node-text span{font-size:.76rem;color:var(--av-text-secondary)}.auto-node-tag{margin-left:auto;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .5rem;border-radius:0;background:rgba(var(--brand-primary-rgb),.14);color:var(--brand-on-dark);flex-shrink:0}.auto-connector{width:2px;height:18px;margin-left:1.85rem;background:rgba(var(--brand-primary-rgb),.35);position:relative}.auto-connector:after{content:"";position:absolute;left:50%;top:0;width:6px;height:6px;border-radius:50%;transform:translate(-50%);background:var(--brand-primary);animation:autoFlowDot 1.8s linear infinite}@keyframes autoFlowDot{0%{top:-2px;opacity:0}25%{opacity:1}75%{opacity:1}to{top:calc(100% - 4px);opacity:0}}@media(max-width:480px){.auto-mock{max-width:100%}}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.journey-card{display:flex;flex-direction:column;height:100%;padding:1.6rem;background:var(--av-card-bg);border:1px solid var(--av-border);border-radius:0;transition:transform .25s ease,border-color .25s ease}[data-theme=dark] .journey-card{background:var(--av-dark-medium);border-color:#ffffff14}.journey-card:hover{transform:translateY(-4px);border-color:rgba(var(--brand-primary-rgb),.4)}.journey-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.journey-step-num{font-size:2.25rem;font-weight:800;line-height:1;color:rgba(var(--brand-primary-rgb),.2)}.journey-phase{align-self:flex-start;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .7rem;border-radius:0;background:rgba(var(--brand-primary-rgb),.12);color:var(--brand-on-dark);margin-bottom:.7rem}.journey-card h3{font-size:1.05rem;font-weight:700;color:var(--av-text);margin:0 0 .5rem}.journey-card p{font-size:.9rem;line-height:1.55;color:var(--av-text-secondary);margin:0}@media(max-width:900px){.journey-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.journey-grid{grid-template-columns:1fr}}
