.user-card {
  align-items: center;
  gap: 14px;
}
.user-card > div:first-child { display: grid; gap: 4px; }
.user-card.inactive { opacity: .68; }
.user-actions { display: flex; align-items: center; gap: 7px; }
.user-actions button { padding: 8px 11px; font-size: 12px; }
.user-actions .danger { background: #f6e7e2; color: var(--red); }
.user-actions .test-push { background: #e2f4ea; color: var(--green); }
.history-spacing { margin-top: 18px; }
@media (max-width: 600px) {
  .user-card { align-items: flex-start; flex-direction: column; }
  .user-actions { width: 100%; }
  .user-actions button { flex: 1; }
}