Polish approval and import UI

apps/ui/css/openapi-import.css

@@ -40,7 +40,7 @@
   overflow: hidden;
   border: 1px solid var(--border);
   border-radius: 22px;
-  background: var(--bg-surface);
+  background: var(--bg-canvas);
   box-shadow: 0 24px 80px rgba(0, 0, 0, 0.6);
 }
 
@@ -50,7 +50,7 @@
   gap: 18px;
   padding: 22px 24px;
   border-bottom: 1px solid var(--border);
-  background: var(--bg-surface);
+  background: var(--bg-canvas);
 }
 
 .openapi-import-header h2 {
@@ -67,12 +67,16 @@
 .openapi-import-body {
   overflow: auto;
   padding: 20px 24px 24px;
-  background: var(--bg-surface);
+  background: var(--bg-canvas);
 }
 
 .openapi-import-upload {
   display: grid;
   gap: 12px;
+  padding: 16px;
+  border: 1px solid var(--border-subtle);
+  border-radius: 16px;
+  background: var(--bg-surface);
 }
 
 .openapi-file-label {
@@ -90,7 +94,7 @@
   padding: 14px;
   border: 1px solid var(--border);
   border-radius: 14px;
-  background: var(--bg-overlay);
+  background: #0d1117;
   color: var(--text-primary);
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
   font-size: 12px;

apps/ui/css/wizard.css

@@ -222,8 +222,24 @@
 .mapping-row-remove {
   width: 32px;
   height: 32px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid var(--red-border);
+  border-radius: 8px;
+  background: var(--red-bg);
+  color: var(--red);
   font-size: 18px;
   line-height: 1;
+  font-weight: 800;
+  transition: background 0.15s, border-color 0.15s, color 0.15s, transform 0.15s;
+}
+
+.mapping-row-remove:hover {
+  border-color: rgba(248, 81, 73, 0.45);
+  background: rgba(248, 81, 73, 0.16);
+  color: #ff7b72;
+  transform: translateY(-1px);
 }
 
 .mapping-builder-actions {
@@ -1306,6 +1322,18 @@
   box-shadow: none !important;
 }
 
+.form-group > .code-textarea {
+  border: 1px solid var(--border) !important;
+  border-radius: 8px !important;
+  background: #0d1117 !important;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.015);
+}
+
+.form-group > .code-textarea:focus {
+  border-color: var(--accent) !important;
+  box-shadow: 0 0 0 3px var(--accent-ring), inset 0 0 0 1px rgba(255, 255, 255, 0.02) !important;
+}
+
 /* ── Section divider ── */
 .section-divider {
   display: flex;