diff --git a/frontend/src/views/mobile/KeyVisitsList.vue b/frontend/src/views/mobile/KeyVisitsList.vue
index f1e57e0..72b435d 100644
--- a/frontend/src/views/mobile/KeyVisitsList.vue
+++ b/frontend/src/views/mobile/KeyVisitsList.vue
@@ -53,7 +53,7 @@ async function handleDelete(id: string) {
           <div class="card-content">{{ item.description }}</div>
           <div class="card-footer">
             <span class="card-customer">{{ item.customer_name }}</span>
-            <button class="card-delete" @click.stop="handleDelete(item.id)">🗑</button>
+            <button class="card-action" @click.stop="router.push(`/m/key-visit/${item.id}/edit`)">✏️</button>
           </div>
         </div>
       </article>
@@ -86,8 +86,8 @@ async function handleDelete(id: string) {
 .card-content { font-family: var(--font-body); font-size: 14px; color: var(--ink); margin-bottom: 6px; line-height: 1.5; }
 .card-footer { display: flex; align-items: center; justify-content: space-between; }
 .card-customer { font-size: 12px; color: var(--warm-gray); }
-.card-delete { background: none; border: none; cursor: pointer; opacity: 0.5; font-size: 14px; }
-.card-delete:hover { opacity: 1; }
+.card-action { background: none; border: none; cursor: pointer; opacity: 0.5; font-size: 14px; }
+.card-action:hover { opacity: 1; }
 .empty-state { text-align: center; padding: 48px 0; }
 .empty-glyph { font-family: var(--font-heading); font-size: 40px; color: var(--gold); opacity: 0.4; margin-bottom: 8px; }
 .empty-text { font-family: var(--font-body); font-size: 15px; color: var(--warm-gray); margin: 0; }
diff --git a/frontend/src/views/mobile/MiniBizList.vue b/frontend/src/views/mobile/MiniBizList.vue
index 4e65cbd..702d349 100644
--- a/frontend/src/views/mobile/MiniBizList.vue
+++ b/frontend/src/views/mobile/MiniBizList.vue
@@ -53,7 +53,7 @@ async function handleDelete(id: string) {
           <div class="card-content">{{ item.product_type }}</div>
           <div class="card-footer">
             <span class="card-customer">{{ item.customer_name }}</span>
-            <button class="card-delete" @click.stop="handleDelete(item.id)">🗑</button>
+            <button class="card-action" @click.stop="router.push(`/m/mini-biz/${item.id}/edit`)">✏️</button>
           </div>
         </div>
       </article>
@@ -86,8 +86,8 @@ async function handleDelete(id: string) {
 .card-content { font-family: var(--font-body); font-size: 14px; color: var(--ink); margin-bottom: 6px; line-height: 1.5; }
 .card-footer { display: flex; align-items: center; justify-content: space-between; }
 .card-customer { font-size: 12px; color: var(--warm-gray); }
-.card-delete { background: none; border: none; cursor: pointer; opacity: 0.5; font-size: 14px; }
-.card-delete:hover { opacity: 1; }
+.card-action { background: none; border: none; cursor: pointer; opacity: 0.5; font-size: 14px; }
+.card-action:hover { opacity: 1; }
 .empty-state { text-align: center; padding: 48px 0; }
 .empty-glyph { font-family: var(--font-heading); font-size: 40px; color: var(--gold); opacity: 0.4; margin-bottom: 8px; }
 .empty-text { font-family: var(--font-body); font-size: 15px; color: var(--warm-gray); margin: 0; }
diff --git a/frontend/src/views/mobile/PlansList.vue b/frontend/src/views/mobile/PlansList.vue
index 539c716..6c599e7 100644
--- a/frontend/src/views/mobile/PlansList.vue
+++ b/frontend/src/views/mobile/PlansList.vue
@@ -51,7 +51,7 @@ async function handleDelete(id: string) {
           <div class="card-content">{{ item.plan_content }}</div>
           <div class="card-footer">
             <span class="card-customer">{{ item.customer_name }}</span>
-            <button class="card-delete" @click.stop="handleDelete(item.id)">🗑</button>
+            <button class="card-action" @click.stop="router.push(`/m/work-plan/${item.id}/edit`)">✏️</button>
           </div>
         </div>
       </article>
@@ -84,8 +84,8 @@ async function handleDelete(id: string) {
 .card-content { font-family: var(--font-body); font-size: 14px; color: var(--ink); margin-bottom: 6px; line-height: 1.5; }
 .card-footer { display: flex; align-items: center; justify-content: space-between; }
 .card-customer { font-size: 12px; color: var(--warm-gray); }
-.card-delete { background: none; border: none; cursor: pointer; opacity: 0.5; font-size: 14px; }
-.card-delete:hover { opacity: 1; }
+.card-action { background: none; border: none; cursor: pointer; opacity: 0.5; font-size: 14px; }
+.card-action:hover { opacity: 1; }
 .empty-state { text-align: center; padding: 48px 0; }
 .empty-glyph { font-family: var(--font-heading); font-size: 40px; color: var(--gold); opacity: 0.4; margin-bottom: 8px; }
 .empty-text { font-family: var(--font-body); font-size: 15px; color: var(--warm-gray); margin: 0; }