Update flare-ui/src/app/dialogs/api-edit-dialog/api-edit-dialog.component.scss

flare-ui/src/app/dialogs/api-edit-dialog/api-edit-dialog.component.scss

@@ -371,4 +371,53 @@ mat-dialog-actions {
       background-color: rgba(244, 67, 54, 0.05) !important;
     }
   }
+}
+
+.variables-panel {
+  margin-bottom: 16px;
+  box-shadow: none;
+  border: 1px solid rgba(0, 0, 0, 0.12);
+  
+  .mat-expansion-panel-header {
+    padding: 0 16px;
+    height: 40px;
+    
+    .mat-panel-title {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 13px;
+      color: #666;
+      
+      mat-icon {
+        font-size: 18px;
+        width: 18px;
+        height: 18px;
+      }
+    }
+    
+    .mat-panel-description {
+      font-size: 12px;
+      color: #999;
+    }
+  }
+  
+  .mat-expansion-panel-body {
+    padding: 8px 16px 16px;
+  }
+  
+  mat-chip-set {
+    mat-chip {
+      font-size: 12px;
+      min-height: 24px;
+      padding: 4px 8px;
+      cursor: pointer;
+      transition: all 0.2s;
+      
+      &:hover {
+        background-color: #e3f2fd;
+        color: #1976d2;
+      }
+    }
+  }
 }