.engagement-workflow[data-v-d1b7f2f1]{background:var(--surface-2);border-radius:1rem;display:flex;flex-direction:column;gap:2rem;padding:2rem}.engagement-workflow--compact .phase-details[data-v-d1b7f2f1]{display:none}.phase-1[data-v-d1b7f2f1]{--phase-color:var(--primary)}.phase-2[data-v-d1b7f2f1]{--phase-color:var(--secondary)}.phase-3[data-v-d1b7f2f1]{--phase-color:var(--primary)}.phase-4[data-v-d1b7f2f1]{--phase-color:var(--success)}.workflow-phases[data-v-d1b7f2f1]{align-items:flex-start;display:flex;gap:0}.phase-wrapper[data-v-d1b7f2f1]{align-items:center;display:flex;flex:1}.phase-card[data-v-d1b7f2f1]{background:var(--surface);border:2px solid var(--surface-2);border-radius:.75rem;cursor:pointer;flex:1;padding:1.25rem;position:relative;transition:all .3s ease}.phase-card[data-v-d1b7f2f1]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent);outline:none}.phase-card--active[data-v-d1b7f2f1]{border-color:var(--phase-color);box-shadow:0 4px 16px color-mix(in srgb,var(--text) 10%,transparent);transform:translateY(-4px)}.phase-number[data-v-d1b7f2f1]{align-items:center;background:var(--phase-color);border-radius:50%;box-shadow:0 2px 8px color-mix(in srgb,var(--text) 15%,transparent);color:#fff;display:flex;font-size:.875rem;font-weight:700;height:28px;justify-content:center;left:50%;position:absolute;top:-12px;transform:translate(-50%);width:28px}.phase-header[data-v-d1b7f2f1]{padding-top:.5rem;text-align:center}.phase-title[data-v-d1b7f2f1]{color:var(--text);font-size:1rem;font-weight:700;margin:0}.phase-subtitle[data-v-d1b7f2f1]{color:var(--text-muted);font-size:.75rem}.phase-details[data-v-d1b7f2f1]{border-top:1px solid var(--surface-2);margin-top:1rem;padding-top:1rem}.phase-activities[data-v-d1b7f2f1]{color:var(--text);font-size:.75rem;margin:0;padding:0 0 0 1rem}.phase-activities li[data-v-d1b7f2f1]{margin-bottom:.25rem}.phase-outcome[data-v-d1b7f2f1]{background:color-mix(in srgb,var(--phase-color) 5%,transparent);border-radius:.5rem;font-size:.75rem;margin-top:.75rem;padding:.5rem}.outcome-label[data-v-d1b7f2f1]{color:var(--text-muted);font-weight:600}.outcome-value[data-v-d1b7f2f1]{color:var(--phase-color);display:block;font-weight:500}.phase-duration[data-v-d1b7f2f1]{align-items:center;color:var(--text-muted);display:flex;font-size:.625rem;gap:.375rem;margin-top:.5rem}.phase-connector[data-v-d1b7f2f1]{color:var(--text-muted);flex-shrink:0;padding:0 .25rem}.workflow-summary[data-v-d1b7f2f1]{background:var(--surface);border-radius:.75rem;display:flex;gap:2rem;justify-content:center;padding:1rem}.summary-item[data-v-d1b7f2f1]{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;gap:.5rem}.summary-item svg[data-v-d1b7f2f1]{color:var(--primary)}.engagement-workflow--animated .phase-wrapper[data-v-d1b7f2f1]{opacity:0;transform:translateY(20px)}.engagement-workflow--visible .phase-wrapper[data-v-d1b7f2f1]{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease;transition-delay:var(--delay)}@media(max-width:768px){.engagement-workflow[data-v-d1b7f2f1]{padding:1.5rem}.workflow-phases[data-v-d1b7f2f1]{flex-direction:column;gap:1.5rem}.phase-wrapper[data-v-d1b7f2f1]{flex-direction:column;width:100%}.phase-card[data-v-d1b7f2f1]{width:100%}.phase-connector[data-v-d1b7f2f1]{padding:.5rem 0;transform:rotate(90deg)}.workflow-summary[data-v-d1b7f2f1]{align-items:center;flex-direction:column;gap:.75rem}}