Issue 501916 : Add data type counts to profile deletion flow

ui/login/account_picker/user_pod_row.css

Index: ui/login/account_picker/user_pod_row.css
diff --git a/ui/login/account_picker/user_pod_row.css b/ui/login/account_picker/user_pod_row.css
index 13d9c948c1237509a2e5d90ff60f56413b0dca98..6d7e6d6c6bf0accd2421dc3e737852f49c6cdd43 100644
--- a/ui/login/account_picker/user_pod_row.css
+++ b/ui/login/account_picker/user_pod_row.css
@@ -544,15 +544,45 @@ html[dir=rtl] .action-box-area.active ~ .action-box-menu {
   padding: 20px;
 }
 
-.action-box-remove-user-warning-text,
-.action-box-remove-legacy-supervised-user-warning-text {
+.action-box-remove-user-warning > div,
+.action-box-remove-user-warning > table {
   padding-bottom: 20px;
 }
 
+.total-count {
+  font-weight: bold;
+}
+
+.action-box-remove-user-warning-table-nonsync {
+  border-spacing: 0;
+  width: 100%;
+}
+
+.action-box-remove-user-warning-table td {
+  padding: 0;
+}
+
+.action-box-remove-user-warning-table-numbers {
+  color: #757575;
+  text-align: end;
+}
+
 .action-box-remove-user-warning .remove-warning-button {
   width: 100%;
 }
 
+/* Hide dialogs not in correct category */
+.pod.legacy-supervised .sync,
+.pod.legacy-supervised .nonsync,
+.pod:not(.legacy-supervised)
+    .action-box-remove-legacy-supervised-user-warning-text,
+.pod.synced .non-sync,
+.pod:not(.synced) .sync,
+.pod.has-no-stats .has-stats,
+.pod:not(.has-no-stats) .has-no-stats {
+  display: none;
+}
+
 .user-type-bubble {
   background-color: white;
   border: 1px solid lightgray;