fix(helpdesk): edge-to-edge table in cards, larger avatar, sort by urgency

- Remove card padding, table goes full-width inside card border
- Section title gets own padding + subtle background as card header
- Avatar inline size increased from 1.6rem to 2rem
- Sort agents by critical tickets first (most urgent on top),
  then by open tickets. Unassigned queue stays last.

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

modules/helpdesk/web/css/helpdesk.css

@@ -130,12 +130,15 @@
   .helpdesk-team-widget {
     border: 1px solid var(--app-muted-border-color);
     border-radius: var(--app-radius, 0.375rem);
-    padding: calc(var(--app-spacing) * 0.65) calc(var(--app-spacing) * 0.75);
     margin-bottom: calc(var(--app-spacing) * 0.5);
+    overflow: hidden;
   }
 
   .helpdesk-team-widget > .helpdesk-support-section-title {
-    margin-top: 0;
+    margin: 0;
+    padding: calc(var(--app-spacing) * 0.5) calc(var(--app-spacing) * 0.75);
+    background: color-mix(in srgb, var(--app-muted-border-color) 15%, transparent);
+    border-bottom: 1px solid var(--app-muted-border-color);
   }
 
   .helpdesk-team-widget > .helpdesk-support-section-title::after {
@@ -147,15 +150,19 @@
     border-radius: 0;
   }
 
+  .helpdesk-team-widget > .helpdesk-team-ticket-table th {
+    border-radius: 0;
+  }
+
   /* Team workload — inline avatar for section titles */
   .helpdesk-team-avatar-inline {
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    width: 1.6rem;
-    height: 1.6rem;
+    width: 2rem;
+    height: 2rem;
     border-radius: 50%;
-    font-size: 0.65rem;
+    font-size: 0.7rem;
     font-weight: 700;
     letter-spacing: 0.02em;
     flex-shrink: 0;