feat: polish alpine settings and wizard feedback

apps/ui/css/wizard.css

@@ -654,6 +654,21 @@
   border-radius: 8px;
 }
 
+.info-callout.info-callout-subtle {
+  background: rgba(148, 163, 184, 0.08);
+  border-color: rgba(148, 163, 184, 0.18);
+}
+
+.info-callout.is-success {
+  background: rgba(13, 148, 136, 0.07);
+  border-color: rgba(13, 148, 136, 0.28);
+}
+
+.info-callout.is-error {
+  background: rgba(248, 113, 113, 0.08);
+  border-color: rgba(248, 113, 113, 0.28);
+}
+
 .info-callout-icon {
   width: 18px;
   height: 18px;
@@ -662,6 +677,19 @@
   color: var(--accent);
 }
 
+.info-callout.info-callout-subtle .info-callout-icon {
+  color: var(--text-secondary);
+}
+
+.info-callout.is-error .info-callout-icon,
+.info-callout.is-error .info-callout-title {
+  color: #f87171;
+}
+
+.info-callout.is-success .info-callout-title {
+  color: var(--accent-bright);
+}
+
 .info-callout-body { flex: 1; }
 
 .info-callout-title {
@@ -1404,6 +1432,14 @@
 }
 .btn-ghost-sm:hover { border-color: var(--text-secondary); color: var(--text-primary); }
 
+.btn-primary-sm:disabled,
+.btn-ghost-sm:disabled,
+.btn-primary-sm.is-busy,
+.btn-ghost-sm.is-busy {
+  opacity: 0.68;
+  cursor: wait;
+}
+
 /* ══════════════════════════════════════════════
    HTTP method picker (Step 4 REST)
    ══════════════════════════════════════════════ */