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 6471c8b748aaa8feb06d2271edb741068835257a..4d7f1210429d6681d9be6a72848d14dd93c5e61f 100644
--- a/ui/login/account_picker/user_pod_row.css
+++ b/ui/login/account_picker/user_pod_row.css
@@ -547,15 +547,44 @@ 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 dialog elements not in a correct category. Only combinations currently
+   in use are included here. */
+.pod.legacy-supervised .non-sync,
+.pod.legacy-supervised .action-box-remove-user-warning-text,
+.pod:not(.legacy-supervised)
+    .action-box-remove-legacy-supervised-user-warning-text,
+.pod.synced .non-sync,
+.pod.has-no-stats .has-stats {
+  display: none;
+}
+
 .user-type-bubble {
   background-color: white;
   border: 1px solid lightgray;