feat(FN-3112): tokenize NodesView border-radius and motion styles

Fixes FN-3112: Updates NodesView CSS to use tokenized border-radius and transition values from the design system instead of hardcoded pixel values, ensuring consistency with the dashboard's established token variables.

Fusion-Task-Id: FN-3112

packages/dashboard/app/components/NodeDetailModal.css

@@ -183,6 +183,117 @@
   background: color-mix(in srgb, var(--color-error) 20%, transparent);
 }
 
+.docker-management {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-md);
+}
+
+.docker-management__status-card {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-sm);
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-md);
+  padding: var(--space-md);
+}
+
+.docker-management__status-row {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-sm);
+}
+
+.docker-management__status-dot {
+  width: var(--space-sm);
+  height: var(--space-sm);
+  border-radius: 50%;
+}
+
+.docker-management__status-dot--success { background: var(--color-success); }
+.docker-management__status-dot--warning { background: var(--color-warning); }
+.docker-management__status-dot--error { background: var(--color-error); }
+
+.docker-management__status-meta {
+  color: var(--text-muted);
+  font-size: calc(var(--space-sm) + var(--space-xs));
+  display: flex;
+  gap: var(--space-md);
+  flex-wrap: wrap;
+}
+
+.docker-management__actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-sm);
+}
+
+.docker-management__info-grid {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.docker-management__log-viewer {
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-md);
+  padding: var(--space-md);
+}
+
+.docker-management__log-viewer-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: var(--space-sm);
+}
+
+.docker-management__log-viewer pre {
+  margin: 0;
+  max-height: calc(var(--space-2xl) * 9.375);
+  overflow-y: auto;
+  font-family: var(--font-mono);
+  font-size: calc(var(--space-sm) + var(--space-xs));
+  color: var(--text);
+  white-space: pre-wrap;
+}
+
+.docker-management__env-list {
+  margin: var(--space-sm) 0 0;
+}
+
+.docker-management__env-list div {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
+  gap: var(--space-sm);
+  padding: var(--space-xs) 0;
+}
+
+.docker-management__env-list dt {
+  color: var(--text-muted);
+  font-family: var(--font-mono);
+}
+
+.docker-management__env-list dd {
+  margin: 0;
+  font-family: var(--font-mono);
+  word-break: break-all;
+}
+
+.docker-management__mounts-list {
+  margin: var(--space-sm) 0 0;
+  padding-left: var(--space-lg);
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-sm);
+}
+
+.docker-management__mounts-list li {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-sm);
+}
+
 @media (max-width: 768px) {
   .node-detail-modal__grid,
   .node-detail-modal__docker-grid {
@@ -192,4 +303,30 @@
   .node-detail-modal__field--full {
     grid-column: span 1;
   }
+
+  .docker-management__actions {
+    flex-direction: column;
+  }
+
+  .docker-management__actions .btn {
+    width: 100%;
+    justify-content: center;
+  }
+
+  .docker-management__info-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .docker-management__env-list div {
+    grid-template-columns: 1fr;
+  }
+
+  .docker-management__mounts-list li {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+
+  .docker-management__log-viewer pre {
+    max-height: calc(var(--space-2xl) * 6.25);
+  }
 }