feat(helpdesk): polish handover wizard and list page UI

- Simplify wizard step indicator markup (divs instead of ol/li)
- Narrow wizard content width, compact spacing
- Use app-action-success button style on list titlebar
- Add handover-form-heading class for consistent section spacing
- Remove unused wrapper divs and redundant CSS

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

modules/helpdesk/web/css/helpdesk.css

@@ -1448,10 +1448,7 @@
       overflow-x: clip;
     }
 
-    #app-details-aside-section {
-      display: flex;
-      min-width: 0;
-    }
+
 
     #app-details-aside-section .helpdesk-comm-aside {
       display: flex;
@@ -2595,17 +2592,17 @@
 
   /* ── Wizard (Stripe-style two-step assistant) ───────────────────────── */
 
-  .app-wizard-container {
-    max-width: 42rem;
-    margin: 0 auto;
-    padding: calc(var(--app-spacing) * 2) var(--app-spacing);
+  /* ── Wizard (Stripe-style creation assistant) ─────────────────────── */
+
+  .app-wizard-content {
+    max-width: 32rem;
   }
 
   .app-wizard-header {
     display: flex;
     align-items: center;
     gap: calc(var(--app-spacing) * 0.75);
-    margin-bottom: calc(var(--app-spacing) * 1.5);
+    margin-bottom: calc(var(--app-spacing) * 1.25);
   }
 
   .app-wizard-back {
@@ -2631,14 +2628,11 @@
     margin: 0;
   }
 
-  /* Step indicator */
-  .app-wizard-steps ol {
-    display: flex;
+  /* Step indicator — compact, not full-width */
+  .app-wizard-steps {
+    display: inline-flex;
     align-items: center;
-    list-style: none;
-    padding: 0;
     margin: 0 0 calc(var(--app-spacing) * 1.5);
-    gap: 0;
   }
 
   .app-wizard-step {
@@ -2659,7 +2653,7 @@
     border: 2px solid var(--app-border);
     color: var(--app-muted-color);
     background: transparent;
-    transition: all 0.2s ease;
+    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
     flex-shrink: 0;
   }
 
@@ -2691,10 +2685,11 @@
   }
 
   .app-wizard-step-connector {
-    flex: 1;
+    width: 2rem;
     height: 2px;
     background: var(--app-border);
-    margin: 0 0.75rem;
+    margin: 0 0.5rem;
+    flex-shrink: 0;
     transition: background 0.2s ease;
   }
 
@@ -2720,7 +2715,7 @@
   .app-wizard-card-description {
     font-size: var(--text-sm, 0.875rem);
     color: var(--app-muted-color);
-    margin: 0 0 calc(var(--app-spacing) * 1.5);
+    margin: 0 0 calc(var(--app-spacing) * 1.25);
   }
 
   .app-wizard-field-group {
@@ -2734,10 +2729,6 @@
     font-weight: var(--font-medium, 500);
   }
 
-  .app-wizard-protocol-form {
-    max-width: 100%;
-  }
-
   .app-wizard-actions {
     display: flex;
     justify-content: flex-end;
@@ -2748,6 +2739,15 @@
   }
 
   /* Handover form — shared styles */
+  .handover-form-heading {
+    margin-top: calc(var(--app-spacing) * 1.25);
+    margin-bottom: calc(var(--app-spacing) * 0.75);
+  }
+
+  .handover-form-heading:first-child {
+    margin-top: 0;
+  }
+
   .handover-form-required {
     color: var(--app-danger-color, hsl(0 70% 55%));
   }
@@ -2767,10 +2767,6 @@
   }
 
   @media (max-width: 576px) {
-    .app-wizard-container {
-      padding: var(--app-spacing);
-    }
-
     .app-wizard-step-label {
       display: none;
     }