diff --git a/ui/suite/tasks/taskmd.css b/ui/suite/tasks/taskmd.css
index cc37234..b1955ea 100644
--- a/ui/suite/tasks/taskmd.css
+++ b/ui/suite/tasks/taskmd.css
@@ -50,11 +50,16 @@
     overflow: hidden !important;
 }
 
-/* Header - compact */
+/* Header - visible and prominent */
 .taskmd-header {
-    padding: 12px 20px;
-    border-bottom: 1px solid var(--border, #1a1a1a);
+    padding: 20px 24px;
+    border-bottom: 1px solid var(--border, #2a2a2a);
     flex-shrink: 0;
+    background: var(--surface, #111);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
 }
 
 .taskmd-url {
@@ -76,39 +81,43 @@
 }
 
 .taskmd-title {
-    font-size: 18px;
-    font-weight: 500;
+    font-size: 20px;
+    font-weight: 600;
     color: var(--text, #fff);
-    margin: 0 0 8px 0;
+    margin: 0;
+    flex: 1;
 }
 
 .taskmd-status-badge {
     display: inline-block;
-    padding: 6px 16px;
-    border-radius: 4px;
+    padding: 8px 20px;
+    border-radius: 6px;
     font-size: 12px;
-    font-weight: 600;
+    font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 0.5px;
+    flex-shrink: 0;
 }
 
 .taskmd-status-badge.status-running {
-    background: var(--accent, #c5f82a);
-    color: var(--bg, #0a0a0a);
+    background: var(--primary, #c5f82a);
+    color: #000;
 }
 
-.taskmd-status-badge.status-completed {
+.taskmd-status-badge.status-completed,
+.taskmd-status-badge.status-complete {
     background: var(--success, #22c55e);
     color: #fff;
 }
 
-.taskmd-status-badge.status-error {
+.taskmd-status-badge.status-error,
+.taskmd-status-badge.status-failed {
     background: var(--error, #ef4444);
     color: #fff;
 }
 
 .taskmd-status-badge.status-pending {
-    background: var(--surface-active, #333);
+    background: var(--surface-hover, #333);
     color: var(--text-secondary, #888);
 }
 
@@ -118,10 +127,10 @@
     flex-shrink: 0;
 }
 
-/* Status section - fixed height, no scroll */
+/* Status section - compact, single line */
 .taskmd-section-status {
     flex: 0 0 auto;
-    max-height: 100px;
+    max-height: 60px;
     overflow: hidden !important;
 }
 
@@ -157,24 +166,20 @@
     flex-shrink: 0;
 }
 
-/* STATUS Section - more compact */
+/* STATUS Section - single line */
 .taskmd-status-content {
-    padding: 10px 20px;
+    padding: 12px 24px;
     background: var(--surface, #111);
 }
 
 .status-row {
     display: flex;
     align-items: center;
-    padding: 10px 0;
-}
-
-.status-row.status-main {
-    padding-bottom: 12px;
+    gap: 12px;
 }
 
 .status-row.status-current {
-    padding-left: 8px;
+    padding: 0;
 }
 
 .status-row.status-decision {
@@ -976,22 +981,29 @@
     display: inline-flex;
     align-items: center;
     gap: 8px;
-    padding: 10px 20px;
+    padding: 12px 24px;
     border: none;
-    border-radius: 6px;
+    border-radius: 8px;
     font-size: 14px;
-    font-weight: 500;
+    font-weight: 600;
     cursor: pointer;
     transition: all 0.2s;
+    text-decoration: none;
 }
 
 .taskmd-actions .btn-open-app {
-    background: var(--accent, #c5f82a);
-    color: var(--bg, #0a0a0a);
+    background: var(--success, #22c55e);
+    color: #fff;
+    font-weight: 600;
+    padding: 12px 24px;
+    font-size: 15px;
+    box-shadow: 0 4px 12px rgba(34, 197, 94, 0.4);
 }
 
 .taskmd-actions .btn-open-app:hover {
-    filter: brightness(1.1);
+    background: #16a34a;
+    box-shadow: 0 6px 20px rgba(34, 197, 94, 0.5);
+    transform: translateY(-1px);
 }
 
 .taskmd-actions .btn-cancel {
diff --git a/ui/suite/tasks/tasks.css b/ui/suite/tasks/tasks.css
index 67f08f1..0ae73d4 100644
--- a/ui/suite/tasks/tasks.css
+++ b/ui/suite/tasks/tasks.css
@@ -162,21 +162,23 @@ body:has(.tasks-app) {
     justify-content: center;
     gap: 8px;
     padding: 14px 28px;
-    background: var(--primary, #c5f82a);
+    background: #22c55e !important;
     border: none;
     border-radius: 10px;
-    color: #000;
+    color: #fff !important;
     font-family: inherit;
-    font-size: 14px;
-    font-weight: 600;
+    font-size: 15px;
+    font-weight: 700;
     cursor: pointer;
     transition: all 0.2s ease;
     white-space: nowrap;
+    box-shadow: 0 4px 12px rgba(34, 197, 94, 0.4);
 }
 
 .btn-create-run:hover {
-    background: var(--primary-hover, #d4ff4a);
-    box-shadow: 0 0 20px var(--primary-light, rgba(197, 248, 42, 0.3));
+    background: #16a34a !important;
+    box-shadow: 0 6px 20px rgba(34, 197, 94, 0.5);
+    transform: translateY(-1px);
 }
 
 .btn-create-run:active {