Add container details action bar for lifecycle operations.

Show start, stop, kill, restart, pause, resume, recreate, duplicate/edit,
and remove in the container details header, enabled by runtime state, using
typed RPC for lifecycle operations.

ui/styles.css

@@ -3320,10 +3320,20 @@
     .container-details-header {
       display: flex;
       align-items: center;
+      justify-content: space-between;
       gap: 12px;
       flex-shrink: 0;
       margin-bottom: 8px;
       min-height: 0;
+      flex-wrap: wrap;
+    }
+
+    .container-details-header-left {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      min-width: 0;
+      flex: 1 1 auto;
     }
 
     .container-details-header h2 {
@@ -3333,6 +3343,32 @@
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
+      margin: 0;
+    }
+
+    .container-details-actions {
+      display: flex;
+      align-items: center;
+      flex-wrap: wrap;
+      gap: 6px;
+      flex-shrink: 0;
+    }
+
+    .container-details-actions .btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 5px;
+      font-weight: 600;
+    }
+
+    .container-details-actions .btn:disabled {
+      opacity: 0.4;
+    }
+
+    @media (max-width: 960px) {
+      .container-details-actions .btn span {
+        display: none;
+      }
     }
 
     .container-details-tabs {
@@ -4927,7 +4963,7 @@
       }
     }
 
-    /* ─── Portainer-style containers action bar ─── */
+    /* ─── Containers bulk action bar ─── */
     .containers-action-bar {
       border-radius: 12px;
       border: 1px solid var(--border-color);