updated apps

custom_components/maintenance_supporter/frontend-src/panel-styles.ts

@@ -428,23 +428,27 @@ export const panelStyles = css`
     text-transform: uppercase;
   }
 
+  /* Same theme tokens as STATUS_COLORS / .status-badge / .cal-status (this set
+     predated the token migration and kept bare hex, so it alone ignored custom/
+     dark themes — the 3-palette drift the DRY audit flagged). Dark text on the
+     light chips (green/orange): white is 2.2–2.8:1, below the 3:1 WCAG UI floor. */
   .status-chip.ok {
-    background: #4caf50;
-    color: white;
+    background: var(--success-color, #4caf50);
+    color: #000;
   }
 
   .status-chip.warning {
-    background: #ff9800;
-    color: white;
+    background: var(--warning-color, #ff9800);
+    color: #000;
   }
 
   .status-chip.overdue {
-    background: #f44336;
+    background: var(--error-color, #f44336);
     color: white;
   }
 
   .status-chip.done {
-    background: #78909c;
+    background: var(--maint-done-color, #78909c);
     color: white;
   }
 
@@ -600,6 +604,19 @@ export const panelStyles = css`
   .cell-badges .priority-badge {
     margin-left: 0;
   }
+  /* Right-anchor the auxiliary badges (disabled / NFC / priority chevron) to
+     the END of the shared badges track. Status pills vary in width per
+     status AND language (min-width 70px only clamps the short ones — "Due
+     Soon"/"Overdue" overflow it), so left-flowing extras landed at a
+     different x in every row: the low-priority chevron, which typically sits
+     next to the short OK pill, fell visibly out of the column formed by the
+     other rows' chevrons. Anchoring the extras group to the track edge gives
+     ONE clean column in every language; the virt-sizer row keeps the track
+     width stable. In the narrow per-row grids the badges area is
+     content-sized (no free space), so the auto margin is inert there. */
+  .cell-badges > .status-badge + * {
+    margin-left: auto;
+  }
   .priority-badge ha-icon {
     --mdc-icon-size: 16px;
   }