Give automations a visual chain with conditions and SMS, and match the pipeline board to the sales mockup.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/web/src/components/pipeline/AddDealButton.vue

@@ -18,7 +18,7 @@ const emit = defineEmits<{
     class="add-deal"
     :style="{
       '--add-color': PIPELINE_ACCENT[accent].text,
-      '--add-border': PIPELINE_ACCENT[accent].border,
+      '--add-border': PIPELINE_ACCENT[accent].solid,
       '--add-soft': PIPELINE_ACCENT[accent].soft,
     }"
     aria-label="افزودن معامله"
@@ -34,16 +34,17 @@ const emit = defineEmits<{
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 0.35rem;
+  gap: 0.4rem;
   width: 100%;
-  margin-top: 0.35rem;
-  padding: 0.85rem 1rem;
+  margin-top: 0.15rem;
+  padding: 0.9rem 1rem;
   border: 1.5px dashed var(--add-border);
   border-radius: 16px;
-  background: color-mix(in srgb, var(--add-soft) 55%, white);
+  background: #fff;
   color: var(--add-color);
   font-weight: 700;
   font-size: 0.9rem;
+  white-space: nowrap;
   cursor: pointer;
   transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
 }